@digigov/ui 2.0.0-76ec20a0 → 2.0.0-7d765d3c

package/lazy/index.js

@@ -44,6 +44,7 @@ export default {
   'LoaderContainer': lazy(() => import('@digigov/ui/app/Loader').then((module) => ({ default: module['LoaderContainer'] }))),
   'FullPageBackground': lazy(() => import('@digigov/ui/app/Loader').then((module) => ({ default: module['FullPageBackground'] }))),
   'CircularProgress': lazy(() => import('@digigov/ui/app/Loader/index.web').then((module) => ({ default: module['CircularProgress'] }))),
+  'CircularProgressBase': lazy(() => import('@digigov/ui/app/Loader/index.web').then((module) => ({ default: module['CircularProgressBase'] }))),
   'Masthead': lazy(() => import('@digigov/ui/app/Masthead').then((module) => ({ default: module['Masthead'] }))),
   'MastheadBody': lazy(() => import('@digigov/ui/app/Masthead').then((module) => ({ default: module['MastheadBody'] }))),
   'MastheadLogo': lazy(() => import('@digigov/ui/app/Masthead').then((module) => ({ default: module['MastheadLogo'] }))),
@@ -140,7 +141,6 @@ export default {
   'WarningText': lazy(() => import('@digigov/ui/feedback/WarningText').then((module) => ({ default: module['WarningText'] }))),
   'AutoComplete': lazy(() => import('@digigov/ui/form/AutoComplete').then((module) => ({ default: module['AutoComplete'] }))),
   'AutoCompleteInputBase': lazy(() => import('@digigov/ui/form/AutoComplete').then((module) => ({ default: module['AutoCompleteInputBase'] }))),
-  'AutoCompleteInputTypeahead': lazy(() => import('@digigov/ui/form/AutoComplete').then((module) => ({ default: module['AutoCompleteInputTypeahead'] }))),
   'AutoCompleteResultList': lazy(() => import('@digigov/ui/form/AutoComplete').then((module) => ({ default: module['AutoCompleteResultList'] }))),
   'AutoCompleteResultListItem': lazy(() => import('@digigov/ui/form/AutoComplete').then((module) => ({ default: module['AutoCompleteResultListItem'] }))),
   'AutoCompleteContainer': lazy(() => import('@digigov/ui/form/AutoComplete').then((module) => ({ default: module['AutoCompleteContainer'] }))),

package/navigation/BackToTopLink/BackToTopLink.stories.d.ts

@@ -2,6 +2,8 @@ declare namespace _default {
     export let title: string;
     export { BackToTopLink as component };
     export let displayName: string;
+    export let tags: string[];
+    export { doc as markdown };
 }
 export default _default;
 export { Default } from "@digigov/ui/navigation/BackToTopLink/__stories__/Default";

package/navigation/Drawer/hooks/index.js

@@ -1,12 +1,8 @@
 import React, { useState, useRef, useCallback } from "react";
 const useDrawer = () => {
   const [currentOpen, setCurrentOpen] = useState(null);
-  const drawersRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
-  const buttonsRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
+  const drawersRef = useRef(/* @__PURE__ */ new Map());
+  const buttonsRef = useRef(/* @__PURE__ */ new Map());
   const open = useCallback((id) => {
     setCurrentOpen(id);
   }, []);

package/navigation/Drawer/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Drawer/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type DrawerId = string | number;\n\nexport interface UseDrawerReturn {\n  open: (id: DrawerId) => void;\n  close: () => void;\n  currentOpen: DrawerId | null;\n  registerDrawer: (\n    id: DrawerId,\n    options?: {\n      upRelative?: string;\n      direction?: string;\n    }\n  ) => {\n    open: boolean;\n    id: string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: DrawerId,\n    type: 'open' | 'close'\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<any>;\n  };\n}\n\nexport const useDrawer = (): UseDrawerReturn => {\n  const [currentOpen, setCurrentOpen] = useState<DrawerId | null>(null);\n  const drawersRef = useRef<Map<DrawerId, React.RefObject<HTMLDivElement>>>(\n    new Map()\n  );\n  const buttonsRef = useRef<Map<DrawerId, React.RefObject<HTMLButtonElement>>>(\n    new Map()\n  );\n\n  const open = useCallback((id: DrawerId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerDrawer = useCallback(\n    (id, options) => {\n      const drawerId = `drawer-${id}`;\n      if (!drawersRef.current.get(id)?.current) {\n        drawersRef.current.set(id, React.createRef());\n      }\n      return {\n        open: currentOpen === id,\n        id: drawerId,\n        ref: drawersRef.current.get(id as string),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: DrawerId, type: 'open' | 'close') => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerDrawer,\n  };\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AA4B9C,MAAM,YAAY,MAAuB;AAC9C,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,IAAI;AACpE,QAAM,aAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,aAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AAEA,QAAM,OAAO,YAAY,CAAC,OAAiB;AACzC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAI,YAAY;AACf,YAAM,WAAW,UAAU,EAAE;AAC7B,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG,SAAS;AACxC,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,IAAI;AAAA,QACJ,KAAK,WAAW,QAAQ,IAAI,EAAY;AAAA,QACxC,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAc,SAA2B;AACxC,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,MAChC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type DrawerId = string | number;\n\nexport interface UseDrawerReturn {\n  open: (id: DrawerId) => void;\n  close: () => void;\n  currentOpen: DrawerId | null;\n  registerDrawer: (\n    id: DrawerId,\n    options?: {\n      upRelative?: string;\n      direction?: string;\n    }\n  ) => {\n    open: boolean;\n    id: string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: DrawerId,\n    type: 'open' | 'close'\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<any>;\n  };\n}\n\nexport const useDrawer = (): UseDrawerReturn => {\n  const [currentOpen, setCurrentOpen] = useState<DrawerId | null>(null);\n  const drawersRef = useRef<\n    Map<DrawerId, React.RefObject<HTMLDivElement | null>>\n  >(new Map());\n  const buttonsRef = useRef<\n    Map<DrawerId, React.RefObject<HTMLButtonElement | null>>\n  >(new Map());\n\n  const open = useCallback((id: DrawerId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerDrawer = useCallback(\n    (id, options) => {\n      const drawerId = `drawer-${id}`;\n      if (!drawersRef.current.get(id)?.current) {\n        drawersRef.current.set(id, React.createRef());\n      }\n      return {\n        open: currentOpen === id,\n        id: drawerId,\n        ref: drawersRef.current.get(id as string),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: DrawerId, type: 'open' | 'close') => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerDrawer,\n  };\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AA4B9C,MAAM,YAAY,MAAuB;AAC9C,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,IAAI;AACpE,QAAM,aAAa,OAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,aAAa,OAEjB,oBAAI,IAAI,CAAC;AAEX,QAAM,OAAO,YAAY,CAAC,OAAiB;AACzC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAI,YAAY;AACf,YAAM,WAAW,UAAU,EAAE;AAC7B,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG,SAAS;AACxC,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,IAAI;AAAA,QACJ,KAAK,WAAW,QAAQ,IAAI,EAAY;AAAA,QACxC,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAc,SAA2B;AACxC,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,MAChC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/navigation/Dropdown/Dropdown.stories.d.ts

@@ -8,6 +8,79 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let align: string;
+        let placement: string;
+        let disabled: boolean;
+        let dense: boolean;
+        let closeBehaviour: string;
+        let float: boolean;
+        let scrollable: boolean;
+    }
+    namespace argsTypes {
+        export namespace align_1 {
+            namespace control {
+                let type: string;
+            }
+            let options: string[];
+        }
+        export { align_1 as align };
+        export namespace placement_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        export { placement_1 as placement };
+        export namespace disabled_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { disabled_1 as disabled };
+        export namespace dense_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { dense_1 as dense };
+        export namespace closeBehaviour_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let options_2: string[];
+            export { options_2 as options };
+        }
+        export { closeBehaviour_1 as closeBehaviour };
+        export namespace float_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+        }
+        export { float_1 as float };
+        export namespace scrollable_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+        }
+        export { scrollable_1 as scrollable };
+    }
+}
 export { Default } from "@digigov/ui/navigation/Dropdown/__stories__/Default";
 export { Secondary } from "@digigov/ui/navigation/Dropdown/__stories__/Secondary";
 export { Warning } from "@digigov/ui/navigation/Dropdown/__stories__/Warning";
@@ -19,4 +92,5 @@ export { WithIcons } from "@digigov/ui/navigation/Dropdown/__stories__/WithIcons
 export { ContentPosition } from "@digigov/ui/navigation/Dropdown/__stories__/ContentPosition";
 export { ScrollableContent } from "@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent";
 export { Dense } from "@digigov/ui/navigation/Dropdown/__stories__/Dense";
-import Dropdown from '@digigov/ui/navigation/Dropdown';
+import { Dropdown } from '@digigov/ui/navigation/Dropdown';
+import React from 'react';

package/navigation/Pagination/hooks/index.js

@@ -16,8 +16,8 @@ const usePagination = ({
   const totalPages = Math.ceil(total / currentResultsPerPage) - 1;
   const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;
   const currentPageResultsEnd = currentPage * currentResultsPerPage < total ? currentPage * currentResultsPerPage : total;
-  const labelRef = useRef();
-  const selectLabelRef = useRef();
+  const labelRef = useRef(void 0);
+  const selectLabelRef = useRef(void 0);
   useEffect(() => {
     setCurrentPage(totalPages < currentPage ? totalPages : currentPage);
   }, [currentPage, totalPages]);

package/navigation/Pagination/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Pagination/hooks.ts"],
-  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>();\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>();\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
-  "mappings": "AAAA,SAAgB,WAAW,SAAS,QAAQ,gBAAgB;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,WAAW;AAC9C,YAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,WAAW,OAAwC;AACzD,QAAM,iBAAiB,OAA0C;AAEjE,YAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>(undefined);\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>(undefined);\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
+  "mappings": "AAAA,SAAgB,WAAW,SAAS,QAAQ,gBAAgB;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,WAAW;AAC9C,YAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,WAAW,OAAwC,MAAS;AAClE,QAAM,iBAAiB,OAA0C,MAAS;AAE1E,YAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
   "names": []
 }

package/navigation/SkipLink/SkipLink.stories.d.ts

@@ -2,6 +2,8 @@ declare namespace _default {
     export let title: string;
     export let description: string;
     export { SkipLink as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/navigation/Tabs/hooks.d.ts

@@ -13,7 +13,7 @@ export interface UseTabsReturn {
         tabIndex: number;
         onClick: (e: any) => void;
         onKeyDown: (e: React.KeyboardEvent) => void;
-        ref?: React.RefObject<HTMLAnchorElement>;
+        ref?: React.RefObject<HTMLAnchorElement | null>;
     };
     panel: (id: TabId) => {
         tab: TabId;

package/navigation/Tabs/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Tabs/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (id: TabId) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement>;\n  };\n  panel: (id: TabId) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize != 'sm') {\n            e.preventDefault();\n          }\n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (id: TabId) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement | null>;\n  };\n  panel: (id: TabId) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement | null>>>(\n    new Map()\n  );\n  const { screenSize } = useScreenSize();\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n          // If the screen is mobile, we don't want to prevent the default behavior of the anchor tag,\n          // which is to navigate to the href.\n          if (screenSize != 'xs' && screenSize != 'sm') {\n            e.preventDefault();\n          }\n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
   "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AACrD,SAAS,qBAAqB;AA+BvB,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAChB,IAAkB,CAAC,MAAqB;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAuB,WAAW;AACxE,QAAM,UAAU;AAAA,IACd,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,EAAE,WAAW,IAAI,cAAc;AAErC,QAAM,OAAO,YAAY,CAAC,OAAc;AACtC,mBAAe,EAAE;AACjB,YAAQ,QAAQ,IAAI,EAAE,GAAG,SAAS,MAAM;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW;AAAA,IACf,CAAC,cAAmC;AAClC,YAAM,eAAe,SAAS,eAAe,GAAG,MAAM,YAAY,IAAI,CAAC;AACvE,YAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC9C,YAAM,eAAe,KAAK,QAAQ,gBAAgB,WAAW;AAC7D,YAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,UAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,gBAAQ,QAAQ,IAAI,KAAK,QAAQ,CAAC,GAAG,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ,OAAO;AAAA,EAC/B;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,OAAc;AACb,UAAI,CAAC,QAAQ,QAAQ,IAAI,EAAE,GAAG;AAC5B,YAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,yBAAe,EAAE;AAAA,QACnB;AACA,gBAAQ,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC3C;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,OAAO,EAAE;AAAA,QACb,MAAM,UAAU,EAAE;AAAA,QAClB,iBAAiB,gBAAgB;AAAA,QACjC,MAAM,gBAAgB;AAAA,QACtB,iBAAiB,SAAS,EAAE;AAAA,QAC5B,UAAU,gBAAgB,KAAK,IAAI;AAAA,QACnC,SAAS,CAAC,MAAM;AAGd,cAAI,cAAc,QAAQ,cAAc,MAAM;AAC5C,cAAE,eAAe;AAAA,UACnB;AACA,eAAK,EAAE;AAAA,QACT;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,kBAAQ,EAAE,KAAK;AAAA,YACb,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,MAAM;AACf;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,uBAAS,UAAU;AACnB;AAAA,YACF,KAAK;AACH,mBAAK,EAAE;AACP;AAAA,UACJ;AAAA,QACF;AAAA,QACA,KAAK,QAAQ,QAAQ,IAAI,EAAE;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO,EAAE;AAAA,MAC5B,IAAI,SAAS,EAAE;AAAA,MACf,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@digigov/ui",
-  "version": "2.0.0-76ec20a0",
+  "version": "2.0.0-7d765d3c",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@uides/react-qr-reader": "3.0.1-76ec20a0",
-    "@digigov/react-icons": "2.0.0-76ec20a0",
+    "@uides/react-qr-reader": "3.1.0-7d765d3c",
+    "@digigov/react-icons": "2.0.0-7d765d3c",
     "dompurify": "3.0.6",
     "highlight.js": "11.10.0"
   },
   "peerDependencies": {
     "clsx": "1.1.1",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0",
-    "@digigov/react-core": "2.0.0-76ec20a0",
-    "@digigov/css": "2.0.0-76ec20a0"
+    "react": "^18.3.0 || ^19.1.0",
+    "react-dom": "^18.3.0 || ^19.1.0",
+    "@digigov/react-core": "2.0.0-7d765d3c",
+    "@digigov/css": "2.0.0-7d765d3c"
   },
   "peerDependenciesMeta": {
     "react-native": {

package/registry/index.js

@@ -4,10 +4,10 @@ import * as _digigov_ui_app_App from "@digigov/ui/app/App";
 import * as _digigov_ui_app from "@digigov/ui/app";
 import * as _digigov_ui_content from "@digigov/ui/content";
 import * as _digigov_ui_feedback from "@digigov/ui/feedback";
+import * as _digigov_ui_form from "@digigov/ui/form";
 import * as _digigov_ui_govgr from "@digigov/ui/govgr";
 import * as _digigov_ui_i18n_I18nText from "@digigov/ui/i18n/I18nText";
 import * as _digigov_ui_i18n from "@digigov/ui/i18n";
-import * as _digigov_ui_form from "@digigov/ui/form";
 import * as _digigov_ui_icons from "@digigov/ui/icons";
 import * as _digigov_ui_layouts from "@digigov/ui/layouts";
 import * as _digigov_ui_navigation from "@digigov/ui/navigation";
@@ -30,14 +30,14 @@ import * as _digigov_ui_app_Header from "@digigov/ui/app/Header";
 import * as _digigov_ui_app_Loader from "@digigov/ui/app/Loader";
 import * as _digigov_ui_app_Loader_index_web from "@digigov/ui/app/Loader/index.web";
 import * as _digigov_ui_app_Masthead from "@digigov/ui/app/Masthead";
-import * as _digigov_ui_app_Modal_auto from "@digigov/ui/app/Modal/auto";
-import * as _digigov_ui_app_Modal_hooks from "@digigov/ui/app/Modal/hooks";
-import * as _digigov_ui_app_Modal from "@digigov/ui/app/Modal";
-import * as _digigov_ui_app_Modal_index_web from "@digigov/ui/app/Modal/index.web";
 import * as _digigov_ui_app_NotFound from "@digigov/ui/app/NotFound";
 import * as _digigov_ui_app_OutdatedBrowserBanner from "@digigov/ui/app/OutdatedBrowserBanner";
 import * as _digigov_ui_app_PageTitleContainer from "@digigov/ui/app/PageTitleContainer";
 import * as _digigov_ui_app_Panel from "@digigov/ui/app/Panel";
+import * as _digigov_ui_app_Modal_auto from "@digigov/ui/app/Modal/auto";
+import * as _digigov_ui_app_Modal_hooks from "@digigov/ui/app/Modal/hooks";
+import * as _digigov_ui_app_Modal from "@digigov/ui/app/Modal";
+import * as _digigov_ui_app_Modal_index_web from "@digigov/ui/app/Modal/index.web";
 import * as _digigov_ui_app_PhaseBannerHeader from "@digigov/ui/app/PhaseBannerHeader";
 import * as _digigov_ui_app_QrCodeScanner from "@digigov/ui/app/QrCodeScanner";
 import * as _digigov_ui_app_QrCodeViewer from "@digigov/ui/app/QrCodeViewer";
@@ -50,6 +50,7 @@ import * as _digigov_ui_app_hooks_useFontSize from "@digigov/ui/app/hooks/useFon
 import * as _digigov_ui_app_hooks_useHighlightLinks from "@digigov/ui/app/hooks/useHighlightLinks";
 import * as _digigov_ui_app_hooks_useLetterSpacing from "@digigov/ui/app/hooks/useLetterSpacing";
 import * as _digigov_ui_app_hooks_useLineHeight from "@digigov/ui/app/hooks/useLineHeight";
+import * as _digigov_ui_app_hooks_useNotificationArea from "@digigov/ui/app/hooks/useNotificationArea";
 import * as _digigov_ui_app_hooks_useTheme from "@digigov/ui/app/hooks/useTheme";
 import * as _digigov_ui_app_hooks_useVariantVars from "@digigov/ui/app/hooks/useVariantVars";
 import * as _digigov_ui_content_Accordion_auto from "@digigov/ui/content/Accordion/auto";
@@ -78,22 +79,6 @@ import * as _digigov_ui_feedback_ErrorSummary from "@digigov/ui/feedback/ErrorSu
 import * as _digigov_ui_feedback_NotificationBanner from "@digigov/ui/feedback/NotificationBanner";
 import * as _digigov_ui_feedback_PhaseBanner from "@digigov/ui/feedback/PhaseBanner";
 import * as _digigov_ui_feedback_WarningText from "@digigov/ui/feedback/WarningText";
-import * as _digigov_ui_govgr_Footer_Copyright from "@digigov/ui/govgr/Footer/Copyright";
-import * as _digigov_ui_govgr_Footer_HellenicRepublicLogo from "@digigov/ui/govgr/Footer/HellenicRepublicLogo";
-import * as _digigov_ui_govgr_Footer_LicenseCCSA from "@digigov/ui/govgr/Footer/LicenseCCSA";
-import * as _digigov_ui_govgr_Footer from "@digigov/ui/govgr/Footer";
-import * as _digigov_ui_govgr_Footer_logo from "@digigov/ui/govgr/Footer/logo";
-import * as _digigov_ui_govgr_GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
-import * as _digigov_ui_govgr_GovGRLogo_logo from "@digigov/ui/govgr/GovGRLogo/logo";
-import * as _digigov_ui_govgr_images_govgr_logo_base64 from "@digigov/ui/govgr/images/govgr-logo-base64";
-import * as _digigov_ui_govgr_images_govgr_logo_blue_base64 from "@digigov/ui/govgr/images/govgr-logo-blue-base64";
-import * as _digigov_ui_govgr_images_greek_government_base64 from "@digigov/ui/govgr/images/greek-government-base64";
-import * as _digigov_ui_govgr_images_grnet_logo_base64 from "@digigov/ui/govgr/images/grnet-logo-base64";
-import * as _digigov_ui_govgr_images from "@digigov/ui/govgr/images";
-import * as _digigov_ui_govgr_images_minedu_logo_base64 from "@digigov/ui/govgr/images/minedu-logo-base64";
-import * as _digigov_ui_govgr_images_minedu_logo_black_base64 from "@digigov/ui/govgr/images/minedu-logo-black-base64";
-import * as _digigov_ui_i18n_locales_el from "@digigov/ui/i18n/locales/el";
-import * as _digigov_ui_i18n_locales_en from "@digigov/ui/i18n/locales/en";
 import * as _digigov_ui_form_AutoComplete from "@digigov/ui/form/AutoComplete";
 import * as _digigov_ui_form_AutoComplete_utils from "@digigov/ui/form/AutoComplete/utils";
 import * as _digigov_ui_form_Button_ButtonLink from "@digigov/ui/form/Button/ButtonLink";
@@ -113,6 +98,22 @@ import * as _digigov_ui_form_SelectContainer from "@digigov/ui/form/SelectContai
 import * as _digigov_ui_form_SingleCharacterInputs from "@digigov/ui/form/SingleCharacterInputs";
 import * as _digigov_ui_form_TextArea from "@digigov/ui/form/TextArea";
 import * as _digigov_ui_form_TextInput from "@digigov/ui/form/TextInput";
+import * as _digigov_ui_govgr_Footer_Copyright from "@digigov/ui/govgr/Footer/Copyright";
+import * as _digigov_ui_govgr_Footer_HellenicRepublicLogo from "@digigov/ui/govgr/Footer/HellenicRepublicLogo";
+import * as _digigov_ui_govgr_Footer_LicenseCCSA from "@digigov/ui/govgr/Footer/LicenseCCSA";
+import * as _digigov_ui_govgr_Footer from "@digigov/ui/govgr/Footer";
+import * as _digigov_ui_govgr_Footer_logo from "@digigov/ui/govgr/Footer/logo";
+import * as _digigov_ui_govgr_GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
+import * as _digigov_ui_govgr_GovGRLogo_logo from "@digigov/ui/govgr/GovGRLogo/logo";
+import * as _digigov_ui_i18n_locales_el from "@digigov/ui/i18n/locales/el";
+import * as _digigov_ui_i18n_locales_en from "@digigov/ui/i18n/locales/en";
+import * as _digigov_ui_govgr_images_govgr_logo_base64 from "@digigov/ui/govgr/images/govgr-logo-base64";
+import * as _digigov_ui_govgr_images_govgr_logo_blue_base64 from "@digigov/ui/govgr/images/govgr-logo-blue-base64";
+import * as _digigov_ui_govgr_images_greek_government_base64 from "@digigov/ui/govgr/images/greek-government-base64";
+import * as _digigov_ui_govgr_images_grnet_logo_base64 from "@digigov/ui/govgr/images/grnet-logo-base64";
+import * as _digigov_ui_govgr_images from "@digigov/ui/govgr/images";
+import * as _digigov_ui_govgr_images_minedu_logo_base64 from "@digigov/ui/govgr/images/minedu-logo-base64";
+import * as _digigov_ui_govgr_images_minedu_logo_black_base64 from "@digigov/ui/govgr/images/minedu-logo-black-base64";
 import * as _digigov_ui_icons_Icon from "@digigov/ui/icons/Icon";
 import * as _digigov_ui_icons_IconBase from "@digigov/ui/icons/IconBase";
 import * as _digigov_ui_icons_ImageLogo from "@digigov/ui/icons/ImageLogo";
@@ -159,8 +160,8 @@ import * as _digigov_ui_typography_Code from "@digigov/ui/typography/Code";
 import * as _digigov_ui_typography_CodeBlock from "@digigov/ui/typography/CodeBlock";
 import * as _digigov_ui_typography_Heading from "@digigov/ui/typography/Heading";
 import * as _digigov_ui_typography_HeadingCaption from "@digigov/ui/typography/HeadingCaption";
-import * as _digigov_ui_typography_Hint from "@digigov/ui/typography/Hint";
 import * as _digigov_ui_typography_NormalText from "@digigov/ui/typography/NormalText";
+import * as _digigov_ui_typography_Hint from "@digigov/ui/typography/Hint";
 import * as _digigov_ui_typography_Paragraph from "@digigov/ui/typography/Paragraph";
 import * as _digigov_ui_typography_Typography from "@digigov/ui/typography/Typography";
 import * as _digigov_ui_utils_Base from "@digigov/ui/utils/Base";
@@ -177,10 +178,10 @@ import * as _digigov_ui_utils_hooks_useTogglableTab from "@digigov/ui/utils/hook
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion from "@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion";
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from "@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck";
 import * as _digigov_ui_content_Table_hooks_useSort from "@digigov/ui/content/Table/hooks/useSort";
-import * as _digigov_ui_govgr_Footer_logos_logo_el from "@digigov/ui/govgr/Footer/logos/logo-el";
-import * as _digigov_ui_govgr_Footer_logos_logo_en from "@digigov/ui/govgr/Footer/logos/logo-en";
 import * as _digigov_ui_form_AutoComplete_Status from "@digigov/ui/form/AutoComplete/Status";
 import * as _digigov_ui_form_AutoComplete___stories___utils from "@digigov/ui/form/AutoComplete/__stories__/utils";
+import * as _digigov_ui_govgr_Footer_logos_logo_el from "@digigov/ui/govgr/Footer/logos/logo-el";
+import * as _digigov_ui_govgr_Footer_logos_logo_en from "@digigov/ui/govgr/Footer/logos/logo-en";
 import * as _digigov_ui_layouts_Basic_Aside from "@digigov/ui/layouts/Basic/Aside";
 import * as _digigov_ui_layouts_Basic_Bottom from "@digigov/ui/layouts/Basic/Bottom";
 import * as _digigov_ui_layouts_Basic_Container from "@digigov/ui/layouts/Basic/Container";
@@ -213,10 +214,10 @@ export default {
   '@digigov/ui/app': lazyImport(_digigov_ui_app),
   '@digigov/ui/content': lazyImport(_digigov_ui_content),
   '@digigov/ui/feedback': lazyImport(_digigov_ui_feedback),
+  '@digigov/ui/form': lazyImport(_digigov_ui_form),
   '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
   '@digigov/ui/i18n/I18nText': lazyImport(_digigov_ui_i18n_I18nText),
   '@digigov/ui/i18n': lazyImport(_digigov_ui_i18n),
-  '@digigov/ui/form': lazyImport(_digigov_ui_form),
   '@digigov/ui/icons': lazyImport(_digigov_ui_icons),
   '@digigov/ui/layouts': lazyImport(_digigov_ui_layouts),
   '@digigov/ui/navigation': lazyImport(_digigov_ui_navigation),
@@ -239,14 +240,14 @@ export default {
   '@digigov/ui/app/Loader': lazyImport(_digigov_ui_app_Loader),
   '@digigov/ui/app/Loader/index.web': lazyImport(_digigov_ui_app_Loader_index_web),
   '@digigov/ui/app/Masthead': lazyImport(_digigov_ui_app_Masthead),
-  '@digigov/ui/app/Modal/auto': lazyImport(_digigov_ui_app_Modal_auto),
-  '@digigov/ui/app/Modal/hooks': lazyImport(_digigov_ui_app_Modal_hooks),
-  '@digigov/ui/app/Modal': lazyImport(_digigov_ui_app_Modal),
-  '@digigov/ui/app/Modal/index.web': lazyImport(_digigov_ui_app_Modal_index_web),
   '@digigov/ui/app/NotFound': lazyImport(_digigov_ui_app_NotFound),
   '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
   '@digigov/ui/app/PageTitleContainer': lazyImport(_digigov_ui_app_PageTitleContainer),
   '@digigov/ui/app/Panel': lazyImport(_digigov_ui_app_Panel),
+  '@digigov/ui/app/Modal/auto': lazyImport(_digigov_ui_app_Modal_auto),
+  '@digigov/ui/app/Modal/hooks': lazyImport(_digigov_ui_app_Modal_hooks),
+  '@digigov/ui/app/Modal': lazyImport(_digigov_ui_app_Modal),
+  '@digigov/ui/app/Modal/index.web': lazyImport(_digigov_ui_app_Modal_index_web),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
   '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
   '@digigov/ui/app/QrCodeViewer': lazyImport(_digigov_ui_app_QrCodeViewer),
@@ -259,6 +260,7 @@ export default {
   '@digigov/ui/app/hooks/useHighlightLinks': lazyImport(_digigov_ui_app_hooks_useHighlightLinks),
   '@digigov/ui/app/hooks/useLetterSpacing': lazyImport(_digigov_ui_app_hooks_useLetterSpacing),
   '@digigov/ui/app/hooks/useLineHeight': lazyImport(_digigov_ui_app_hooks_useLineHeight),
+  '@digigov/ui/app/hooks/useNotificationArea': lazyImport(_digigov_ui_app_hooks_useNotificationArea),
   '@digigov/ui/app/hooks/useTheme': lazyImport(_digigov_ui_app_hooks_useTheme),
   '@digigov/ui/app/hooks/useVariantVars': lazyImport(_digigov_ui_app_hooks_useVariantVars),
   '@digigov/ui/content/Accordion/auto': lazyImport(_digigov_ui_content_Accordion_auto),
@@ -287,22 +289,6 @@ export default {
   '@digigov/ui/feedback/NotificationBanner': lazyImport(_digigov_ui_feedback_NotificationBanner),
   '@digigov/ui/feedback/PhaseBanner': lazyImport(_digigov_ui_feedback_PhaseBanner),
   '@digigov/ui/feedback/WarningText': lazyImport(_digigov_ui_feedback_WarningText),
-  '@digigov/ui/govgr/Footer/Copyright': lazyImport(_digigov_ui_govgr_Footer_Copyright),
-  '@digigov/ui/govgr/Footer/HellenicRepublicLogo': lazyImport(_digigov_ui_govgr_Footer_HellenicRepublicLogo),
-  '@digigov/ui/govgr/Footer/LicenseCCSA': lazyImport(_digigov_ui_govgr_Footer_LicenseCCSA),
-  '@digigov/ui/govgr/Footer': lazyImport(_digigov_ui_govgr_Footer),
-  '@digigov/ui/govgr/Footer/logo': lazyImport(_digigov_ui_govgr_Footer_logo),
-  '@digigov/ui/govgr/GovGRLogo': lazyImport(_digigov_ui_govgr_GovGRLogo),
-  '@digigov/ui/govgr/GovGRLogo/logo': lazyImport(_digigov_ui_govgr_GovGRLogo_logo),
-  '@digigov/ui/govgr/images/govgr-logo-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_base64),
-  '@digigov/ui/govgr/images/govgr-logo-blue-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_blue_base64),
-  '@digigov/ui/govgr/images/greek-government-base64': lazyImport(_digigov_ui_govgr_images_greek_government_base64),
-  '@digigov/ui/govgr/images/grnet-logo-base64': lazyImport(_digigov_ui_govgr_images_grnet_logo_base64),
-  '@digigov/ui/govgr/images': lazyImport(_digigov_ui_govgr_images),
-  '@digigov/ui/govgr/images/minedu-logo-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_base64),
-  '@digigov/ui/govgr/images/minedu-logo-black-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_black_base64),
-  '@digigov/ui/i18n/locales/el': lazyImport(_digigov_ui_i18n_locales_el),
-  '@digigov/ui/i18n/locales/en': lazyImport(_digigov_ui_i18n_locales_en),
   '@digigov/ui/form/AutoComplete': lazyImport(_digigov_ui_form_AutoComplete),
   '@digigov/ui/form/AutoComplete/utils': lazyImport(_digigov_ui_form_AutoComplete_utils),
   '@digigov/ui/form/Button/ButtonLink': lazyImport(_digigov_ui_form_Button_ButtonLink),
@@ -322,6 +308,22 @@ export default {
   '@digigov/ui/form/SingleCharacterInputs': lazyImport(_digigov_ui_form_SingleCharacterInputs),
   '@digigov/ui/form/TextArea': lazyImport(_digigov_ui_form_TextArea),
   '@digigov/ui/form/TextInput': lazyImport(_digigov_ui_form_TextInput),
+  '@digigov/ui/govgr/Footer/Copyright': lazyImport(_digigov_ui_govgr_Footer_Copyright),
+  '@digigov/ui/govgr/Footer/HellenicRepublicLogo': lazyImport(_digigov_ui_govgr_Footer_HellenicRepublicLogo),
+  '@digigov/ui/govgr/Footer/LicenseCCSA': lazyImport(_digigov_ui_govgr_Footer_LicenseCCSA),
+  '@digigov/ui/govgr/Footer': lazyImport(_digigov_ui_govgr_Footer),
+  '@digigov/ui/govgr/Footer/logo': lazyImport(_digigov_ui_govgr_Footer_logo),
+  '@digigov/ui/govgr/GovGRLogo': lazyImport(_digigov_ui_govgr_GovGRLogo),
+  '@digigov/ui/govgr/GovGRLogo/logo': lazyImport(_digigov_ui_govgr_GovGRLogo_logo),
+  '@digigov/ui/i18n/locales/el': lazyImport(_digigov_ui_i18n_locales_el),
+  '@digigov/ui/i18n/locales/en': lazyImport(_digigov_ui_i18n_locales_en),
+  '@digigov/ui/govgr/images/govgr-logo-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_base64),
+  '@digigov/ui/govgr/images/govgr-logo-blue-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_blue_base64),
+  '@digigov/ui/govgr/images/greek-government-base64': lazyImport(_digigov_ui_govgr_images_greek_government_base64),
+  '@digigov/ui/govgr/images/grnet-logo-base64': lazyImport(_digigov_ui_govgr_images_grnet_logo_base64),
+  '@digigov/ui/govgr/images': lazyImport(_digigov_ui_govgr_images),
+  '@digigov/ui/govgr/images/minedu-logo-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_base64),
+  '@digigov/ui/govgr/images/minedu-logo-black-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_black_base64),
   '@digigov/ui/icons/Icon': lazyImport(_digigov_ui_icons_Icon),
   '@digigov/ui/icons/IconBase': lazyImport(_digigov_ui_icons_IconBase),
   '@digigov/ui/icons/ImageLogo': lazyImport(_digigov_ui_icons_ImageLogo),
@@ -368,8 +370,8 @@ export default {
   '@digigov/ui/typography/CodeBlock': lazyImport(_digigov_ui_typography_CodeBlock),
   '@digigov/ui/typography/Heading': lazyImport(_digigov_ui_typography_Heading),
   '@digigov/ui/typography/HeadingCaption': lazyImport(_digigov_ui_typography_HeadingCaption),
-  '@digigov/ui/typography/Hint': lazyImport(_digigov_ui_typography_Hint),
   '@digigov/ui/typography/NormalText': lazyImport(_digigov_ui_typography_NormalText),
+  '@digigov/ui/typography/Hint': lazyImport(_digigov_ui_typography_Hint),
   '@digigov/ui/typography/Paragraph': lazyImport(_digigov_ui_typography_Paragraph),
   '@digigov/ui/typography/Typography': lazyImport(_digigov_ui_typography_Typography),
   '@digigov/ui/utils/Base': lazyImport(_digigov_ui_utils_Base),
@@ -386,10 +388,10 @@ export default {
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
   '@digigov/ui/content/Table/hooks/useSort': lazyImport(_digigov_ui_content_Table_hooks_useSort),
-  '@digigov/ui/govgr/Footer/logos/logo-el': lazyImport(_digigov_ui_govgr_Footer_logos_logo_el),
-  '@digigov/ui/govgr/Footer/logos/logo-en': lazyImport(_digigov_ui_govgr_Footer_logos_logo_en),
   '@digigov/ui/form/AutoComplete/Status': lazyImport(_digigov_ui_form_AutoComplete_Status),
   '@digigov/ui/form/AutoComplete/__stories__/utils': lazyImport(_digigov_ui_form_AutoComplete___stories___utils),
+  '@digigov/ui/govgr/Footer/logos/logo-el': lazyImport(_digigov_ui_govgr_Footer_logos_logo_el),
+  '@digigov/ui/govgr/Footer/logos/logo-en': lazyImport(_digigov_ui_govgr_Footer_logos_logo_en),
   '@digigov/ui/layouts/Basic/Aside': lazyImport(_digigov_ui_layouts_Basic_Aside),
   '@digigov/ui/layouts/Basic/Bottom': lazyImport(_digigov_ui_layouts_Basic_Bottom),
   '@digigov/ui/layouts/Basic/Container': lazyImport(_digigov_ui_layouts_Basic_Container),

package/src/app/BannerContainer/__stories__/CookiesBanner.tsx

@@ -1,31 +1,11 @@
 import React from 'react';
-
 import BannerContainer from '@digigov/ui/app/BannerContainer';
-import Button, { ButtonGroup } from '@digigov/ui/form/Button';
-import { Container } from '@digigov/ui/layouts/Basic/Container';
-import { Main } from '@digigov/ui/layouts/Basic/Main';
-import { Heading } from '@digigov/ui/typography/Heading';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 export const CookiesBanner = (_: any) => {
   return (
     <BannerContainer>
-      <Container>
-        <Main>
-          <Heading size="md">Cookies στο GOV.GR</Heading>
-          <Paragraph>
-            Επιλέξτε «Αποδοχή» για να συμφωνήσετε με τη χρήση των cookies και
-            την επεξεργασία των προσωπικών σας δεδομένων.
-          </Paragraph>
-          <Paragraph>
-            <Button variant="link">Όροι και Προϋποθέσεις</Button>
-          </Paragraph>
-          <ButtonGroup>
-            <Button>Αποδοχή</Button>
-            <Button>Απόρριψη</Button>
-          </ButtonGroup>
-        </Main>
-      </Container>
+      <Paragraph p={4}>A text inside the BannerContainer.</Paragraph>
     </BannerContainer>
   );
 };

package/src/app/Footer/__stories__/Default.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 import { GovGRFooter } from '@digigov/ui/govgr/Footer';
 
-export const Default = () => <GovGRFooter />;
+export const Default = (_: any) => <GovGRFooter />;
 
 export default Default;

package/src/app/Header/doc.mdx

@@ -9,15 +9,15 @@ title: Header
 
 <code src="@digigov/ui/app/Header/__stories__/Default.tsx" />
 
-### Header with service name
+### With service name
 
 <code src="@digigov/ui/app/Header/__stories__/WithServiceName.tsx" />
 
-### Header with service logo and service name
+### With service logo and service name
 
 <code src="@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo.tsx" />
 
-### Default header with navigation
+### With responsive navigation
 
 <code src="@digigov/ui/app/Header/__stories__/WithNavigation.tsx" />
 

package/src/app/Loader/Loader.stories.jsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { LoaderContainer, CircularProgress } from '@digigov/ui/app/Loader';
+import doc from './doc.mdx?raw';
+
+export default {
+  title: 'Digigov UI/app/CircularProgress',
+  component: CircularProgress,
+  displayName: 'CircularProgress',
+  tags: ['autodocs'],
+  markdown: doc,
+};
+
+export const WithControls = {
+  render: (args) => {
+    return (
+      <LoaderContainer>
+        <CircularProgress
+          loadingText={args.loadingText}
+          loadingFinishedText={args.loadingFinishedText}
+          color={args.color}
+          size={args.size}
+        />
+      </LoaderContainer>
+    );
+  },
+  args: {
+    loadingText: 'Γίνεται φόρτωση',
+    loadingFinishedText: 'Η φόρτωση ολοκληρώθηκε',
+    color: 'primary',
+    size: 'md',
+  },
+  argsTypes: {
+    loadingText: {
+      control: 'text',
+    },
+    loadingFinishedText: {
+      control: 'text',
+    },
+    color: {
+      control: { type: 'select' },
+      options: ['primary', 'secondary'],
+    },
+    size: {
+      control: { type: 'select' },
+      options: ['sm', 'md', 'lg'],
+    },
+  },
+};
+
+export { Default } from '@digigov/ui/app/Loader/__stories__/Default';
+export { Secondary } from '@digigov/ui/app/Loader/__stories__/Secondary';
+export { Sizes } from '@digigov/ui/app/Loader/__stories__/Sizes';
+export { FullPageLoader } from '@digigov/ui/app/Loader/__stories__/FullPageLoader';
+export { AccessibilityLoader } from '@digigov/ui/app/Loader/__stories__/AccessibilityLoader';