@digigov/ui 2.0.0-rc.8 → 2.0.3

package/CHANGELOG.md

@@ -1,6 +1,125 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Fri, 16 Feb 2024 10:49:05 GMT and should not be manually modified.
+This log was last generated on Wed, 21 Jan 2026 21:01:49 GMT and should not be manually modified.
+
+## 2.0.3
+Wed, 21 Jan 2026 21:01:49 GMT
+
+_Version update only_
+
+## 2.0.2
+Wed, 21 Jan 2026 15:58:34 GMT
+
+### Breaking changes
+
+- Rename govgr classes namespace to ds
+- Make lib "pure ESM" & update clsx to v2
+- Remove deprecated api module
+
+### Minor changes
+
+- Add AutocompleteMultiSelect- components and add examples for multi-selecting
+- Remove style from NavList
+- Replace variant with color at Icons
+- Add example with scrollable DropdownContent
+- Create new component: Skeleton
+- Create Breadcrumbs auto, and hooks
+- Add LinkProvider in BreadcrumbsListItem
+- Create Filter component in new patterns folder add form package, fix Markdown component
+- Add tests and generate snapshots
+- Add new component NavListItemBadge
+- Rename index.mdx files and add examples
+- Refactor CodeBlock
+- Remove ui/patterns
+- Implement react-native CircularProgress
+- Remove duplicate exports, add missing exports from react-icons, rename AutoCompleteInput to AutoCompleteInputBase
+- Upgrade react peer dependency version to include ^19.1.0 along with ^18.3.0. Fix type issues related to react v19
+- Create useScreen.native file
+- Override className when necessary in SafeHTML component'
+- Simplify props and their default values for SafeHTML component'
+- Add NavListItemBadge to exported components
+
+### Patches
+
+- Add missing attributes
+- Add maxSize to en and el translation
+- update react version
+- Fix mount issues at autocomplete
+- Add CompoentProps logic to ui components docs,add json to Nav, fix and add stories
+- Edit Screen hook
+- Modify code in AutoComplete to work properly in form
+- update lazy.js file
+- At Tabs, fix scrolling in mobile screens
+- Create WithoutModalGaps story for Modal component
+- Remove @digigov/babel-ts-to-proptypes
+- Upgrade tailwindcss to 3.4.13
+- Update registry & lazy
+- add lazy import of react components
+- Remove PropTypes from Footer
+- minor fixes to remove warnings
+- remove needless deps and add react-query to peerdependencies
+- Update stories
+- pass arrow prop only to Navlistitembutton in useTogglableNav
+- Update NavList test
+- Update SummaryList stories, update lazy and registry files
+- Pattern fixes & resolve circular dependencies
+- Add translation text to el file for date porerty
+- refactor ui component examples and docs
+- add rate translation
+- Update FileUpload and locales
+- Update locales and edit i18n provider
+- Fix useScreen hook
+- Update test file for navigation
+- Fix error goup heading title
+- Refactor every navigation component to accept Link component
+- Add stories with controls in every component with props
+- Show doc page in stories
+- Fix input height for hint prop
+- add strong as control prop
+- Update locales, adding default image field title for labels
+- Add expanded NotificationBanner example to storybook and doc
+- Add WithControls and other stories in components that needed them, update or add doc files.
+- Create useNotificationArea hook for Loader, create storybook example
+- Add the "variant" prop in the "WithControls" story of Accordion
+- Add translation text for date and datetime inputs
+- Fix invalid_minutes translation test
+- Fix minor console errors
+- Add missing stories in Accordion
+- Forward ref for Modal & Drawer components
+- Update lazy.js file, update Breadcrumbs story
+- Remove duplicate exports from Breadcrumbs that cause problems when BreadcrumbsListItem is used inside a LinkProvider
+- update lazy
+- Add named export for Stack in libs/ui
+- Update ui components test snapshots
+- Add at TextInput an example of disabled input with value, update lazy.js
+- Update lazy.js file
+- Fix date translations
+- Update lazy.js file
+- Remove singleOpen prop from Accordion Auto example
+- Fix link sanitization in SafeHTML
+- fix useScreen hook on SSR like Docusaurus
+- Make adjustments to be compatible in react-native
+- Split Modal into modal web and native
+- Remove WithInLine story example from Autocomplete story
+- Export all icons properly from ui
+
+### Updates
+
+- Generate registry and lazy files
+- Update theme references in tailwind config & remove unnecessary deps
+- Update build script
+- Generate lazy files
+- Fix linter errors
+- Update test snaps
+- Remove registry files from src
+- Create story with controls for FilterContainer
+- Update playwright-related dependency versions
+- Fix issue with showing src code in some stories
+- Update stories related to Table & SummaryList
+- Update @types/node
+- Update lazy file
+- Allow React from v16 to v18 & update stories
+- Replace jest with vitest
 
 ## 1.1.4
 Fri, 16 Feb 2024 10:49:05 GMT
@@ -24,6 +143,10 @@ Fri, 16 Feb 2024 09:57:32 GMT
 - Change empty array with results data add click event to arrow for all values option
 - Improve URL parsing for QRCodeScanner when using dataType=`url`
 
+### Updates
+
+- Upgrade ESLint & Prettier
+
 ## 1.1.1
 Mon, 29 Jan 2024 17:45:11 GMT
 
@@ -51,7 +174,9 @@ _Version update only_
 ## 1.0.1
 Tue, 19 Dec 2023 15:00:14 GMT
 
-_Version update only_
+### Updates
+
+- Upgrade @types/node to v18
 
 ## 1.0.0
 Fri, 15 Dec 2023 15:23:56 GMT
@@ -384,6 +509,10 @@ Wed, 31 Aug 2022 16:10:12 GMT
 - Add custom content to Copyright
 - Fix typerror causing build to fail
 
+### Updates
+
+- update stories
+
 ## 0.24.3
 Tue, 16 Aug 2022 07:40:15 GMT
 
@@ -482,6 +611,10 @@ Wed, 08 Jun 2022 12:26:07 GMT
 - add translation content text for each validation type
 - move PaginationLabel component from core to admin ui path
 
+### Updates
+
+- Refactor stories and example for a few components
+
 ## 0.20.2
 Tue, 24 May 2022 09:13:18 GMT
 
@@ -738,7 +871,9 @@ Wed, 22 Sep 2021 10:15:42 GMT
 ## 0.4.23
 Thu, 12 Aug 2021 08:56:35 GMT
 
-_Version update only_
+### Updates
+
+- Add new `useDebounce` and `useLatest` hooks
 
 ## 0.4.22
 Thu, 12 Aug 2021 06:18:14 GMT

package/app/App.js

@@ -0,0 +1,7 @@
+import react, { Suspense } from "react";
+const App = ({ children })=>/*#__PURE__*/ react.createElement(Suspense, {
+        fallback: 'loading...'
+    }, children);
+const StaticApp = ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children);
+const app_App = App;
+export { StaticApp, app_App as default };

package/app/BannerContainer/index.js

@@ -1,3 +1,3 @@
-import BannerContainer from '@digigov/react-core/BannerContainer';
-export default BannerContainer;
-export { BannerContainer };
+import BannerContainer from "@digigov/react-core/BannerContainer/index.js";
+const app_BannerContainer = BannerContainer;
+export { BannerContainer, app_BannerContainer as default };

package/app/BottomInfo/index.js

@@ -1,5 +1,5 @@
-import BottomInfo from '@digigov/react-core/BottomInfo';
-export * from '@digigov/react-core/BottomInfoContent';
-export * from '@digigov/react-core/BottomInfoContainer';
-export default BottomInfo;
-export { BottomInfo };
+import BottomInfo from "@digigov/react-core/BottomInfo/index.js";
+export * from "@digigov/react-core/BottomInfoContent/index.js";
+export * from "@digigov/react-core/BottomInfoContainer/index.js";
+const app_BottomInfo = BottomInfo;
+export { BottomInfo, app_BottomInfo as default };

package/app/CloseButton/index.js

@@ -1,3 +1,4 @@
-export * from '@digigov/react-core/CloseButton';
-import CloseButton from '@digigov/react-core/CloseButton';
-export default CloseButton;
+import CloseButton from "@digigov/react-core/CloseButton/index.js";
+export * from "@digigov/react-core/CloseButton/index.js";
+const app_CloseButton = CloseButton;
+export { app_CloseButton as default };

package/app/FilterContainer/index.js

@@ -1,11 +1,12 @@
-export * from '@digigov/react-core/FilterContainer';
-export * from '@digigov/react-core/FilterHeadingContainer';
-export * from '@digigov/react-core/FilterContent';
-export * from '@digigov/react-core/FilterOptionsSection';
-export * from '@digigov/react-core/FilterSelectedHeading';
-export * from '@digigov/react-core/FilterSelectedSection';
-export * from '@digigov/react-core/ResultsHeading';
-export * from '@digigov/react-core/ResultsActionBar';
-export * from '@digigov/react-core/ResultsHeadingActions';
-import FilterContainer from '@digigov/react-core/FilterContainer';
-export default FilterContainer;
+import FilterContainer from "@digigov/react-core/FilterContainer/index.js";
+export * from "@digigov/react-core/FilterContainer/index.js";
+export * from "@digigov/react-core/FilterHeadingContainer/index.js";
+export * from "@digigov/react-core/FilterContent/index.js";
+export * from "@digigov/react-core/FilterOptionsSection/index.js";
+export * from "@digigov/react-core/FilterSelectedHeading/index.js";
+export * from "@digigov/react-core/FilterSelectedSection/index.js";
+export * from "@digigov/react-core/ResultsHeading/index.js";
+export * from "@digigov/react-core/ResultsActionBar/index.js";
+export * from "@digigov/react-core/ResultsHeadingActions/index.js";
+const app_FilterContainer = FilterContainer;
+export { app_FilterContainer as default };

package/app/Footer/FooterLink.d.ts

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

package/app/Footer/FooterLink.js

@@ -0,0 +1,13 @@
+import { FooterLinkBase } from "@digigov/react-core/FooterLinkBase/index.js";
+import react from "react";
+import { Link } from "../../navigation/Link/index.js";
+export * from "@digigov/react-core/FooterLinkBase/index.js";
+const FooterLink_FooterLink = /*#__PURE__*/ react.forwardRef(function({ children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(FooterLinkBase, {
+        as: Link,
+        ref: ref,
+        ...props
+    }, children);
+});
+const Footer_FooterLink = FooterLink_FooterLink;
+export { FooterLink_FooterLink as FooterLink, Footer_FooterLink as default };

package/app/Footer/index.d.ts

@@ -4,12 +4,12 @@ export * from '@digigov/react-core/FooterContent';
 export * from '@digigov/react-core/FooterContentLogos';
 export * from '@digigov/react-core/FooterHeading';
 export * from '@digigov/react-core/FooterImage';
-export * from '@digigov/react-core/FooterLink';
 export * from '@digigov/react-core/FooterList';
 export * from '@digigov/react-core/FooterListItem';
 export * from '@digigov/react-core/FooterInfo';
 export * from '@digigov/react-core/FooterInfoSection';
 export * from '@digigov/react-core/FooterNavigation';
 export * from '@digigov/react-core/FooterNavigationSection';
+export * from './FooterLink.js';
 import Footer from '@digigov/react-core/Footer';
 export default Footer;

package/app/Footer/index.js

@@ -1,15 +1,16 @@
-export * from '@digigov/react-core/Footer';
-export * from '@digigov/react-core/FooterContainer';
-export * from '@digigov/react-core/FooterContent';
-export * from '@digigov/react-core/FooterContentLogos';
-export * from '@digigov/react-core/FooterHeading';
-export * from '@digigov/react-core/FooterImage';
-export * from '@digigov/react-core/FooterLink';
-export * from '@digigov/react-core/FooterList';
-export * from '@digigov/react-core/FooterListItem';
-export * from '@digigov/react-core/FooterInfo';
-export * from '@digigov/react-core/FooterInfoSection';
-export * from '@digigov/react-core/FooterNavigation';
-export * from '@digigov/react-core/FooterNavigationSection';
-import Footer from '@digigov/react-core/Footer';
-export default Footer;
+import Footer from "@digigov/react-core/Footer/index.js";
+export * from "@digigov/react-core/Footer/index.js";
+export * from "@digigov/react-core/FooterContainer/index.js";
+export * from "@digigov/react-core/FooterContent/index.js";
+export * from "@digigov/react-core/FooterContentLogos/index.js";
+export * from "@digigov/react-core/FooterHeading/index.js";
+export * from "@digigov/react-core/FooterImage/index.js";
+export * from "@digigov/react-core/FooterList/index.js";
+export * from "@digigov/react-core/FooterListItem/index.js";
+export * from "@digigov/react-core/FooterInfo/index.js";
+export * from "@digigov/react-core/FooterInfoSection/index.js";
+export * from "@digigov/react-core/FooterNavigation/index.js";
+export * from "@digigov/react-core/FooterNavigationSection/index.js";
+export * from "./FooterLink.js";
+const app_Footer = Footer;
+export { app_Footer as default };

package/app/Header/HeaderContent.js

@@ -0,0 +1,3 @@
+import HeaderContent from "@digigov/react-core/HeaderContent/index.js";
+const Header_HeaderContent = HeaderContent;
+export { HeaderContent, Header_HeaderContent as default };

package/app/Header/HeaderLogo.d.ts

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

package/app/Header/HeaderLogo.js

@@ -0,0 +1,13 @@
+import { HeaderLogoBase } from "@digigov/react-core/HeaderLogoBase/index.js";
+import react from "react";
+import { Link } from "../../navigation/Link/index.js";
+export * from "@digigov/react-core/HeaderLogoBase/index.js";
+const HeaderLogo_HeaderLogo = /*#__PURE__*/ react.forwardRef(function({ children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(HeaderLogoBase, {
+        as: Link,
+        ref: ref,
+        ...props
+    }, children);
+});
+const Header_HeaderLogo = HeaderLogo_HeaderLogo;
+export { HeaderLogo_HeaderLogo as HeaderLogo, Header_HeaderLogo as default };

package/app/Header/HeaderNavMenuContent.js

@@ -0,0 +1,3 @@
+import HeaderNavMenuContent from "@digigov/react-core/HeaderNavMenuContent/index.js";
+const Header_HeaderNavMenuContent = HeaderNavMenuContent;
+export { HeaderNavMenuContent, Header_HeaderNavMenuContent as default };

package/app/Header/HeaderSecondaryLogo.d.ts

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

package/app/Header/HeaderSecondaryLogo.js

@@ -0,0 +1,13 @@
+import { HeaderSecondaryLogoBase } from "@digigov/react-core/HeaderSecondaryLogoBase/index.js";
+import react from "react";
+import { Link } from "../../navigation/Link/index.js";
+export * from "@digigov/react-core/HeaderSecondaryLogoBase/index.js";
+const HeaderSecondaryLogo_HeaderSecondaryLogo = /*#__PURE__*/ react.forwardRef(function({ children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(HeaderSecondaryLogoBase, {
+        as: Link,
+        ref: ref,
+        ...props
+    }, children);
+});
+const Header_HeaderSecondaryLogo = HeaderSecondaryLogo_HeaderSecondaryLogo;
+export { HeaderSecondaryLogo_HeaderSecondaryLogo as HeaderSecondaryLogo, Header_HeaderSecondaryLogo as default };

package/app/Header/HeaderSection.js

@@ -0,0 +1,4 @@
+import HeaderSection from "@digigov/react-core/HeaderSection/index.js";
+export * from "@digigov/react-core/HeaderSection/index.js";
+const Header_HeaderSection = HeaderSection;
+export { Header_HeaderSection as default };

package/app/Header/HeaderTitle.d.ts

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

package/app/Header/HeaderTitle.js

@@ -0,0 +1,13 @@
+import { HeaderTitleBase } from "@digigov/react-core/HeaderTitleBase/index.js";
+import react from "react";
+import { Link } from "../../navigation/Link/index.js";
+export * from "@digigov/react-core/HeaderTitleBase/index.js";
+const HeaderTitle_HeaderTitle = /*#__PURE__*/ react.forwardRef(function({ children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(HeaderTitleBase, {
+        as: Link,
+        ref: ref,
+        ...props
+    }, children);
+});
+const Header_HeaderTitle = HeaderTitle_HeaderTitle;
+export { HeaderTitle_HeaderTitle as HeaderTitle, Header_HeaderTitle as default };

package/app/Header/index.d.ts

@@ -1,9 +1,9 @@
 import Header from '@digigov/react-core/Header';
 export * from '@digigov/react-core/Header';
-export * from '@digigov/ui/app/Header/HeaderTitle';
-export * from '@digigov/ui/app/Header/HeaderLogo';
-export * from '@digigov/ui/app/Header/HeaderSection';
-export * from '@digigov/ui/app/Header/HeaderContent';
-export * from '@digigov/ui/app/Header/HeaderNavMenuContent';
-export * from '@digigov/ui/app/Header/HeaderSecondaryLogo';
+export * from './HeaderTitle.js';
+export * from './HeaderLogo.js';
+export * from './HeaderSection.js';
+export * from './HeaderContent.js';
+export * from './HeaderNavMenuContent.js';
+export * from './HeaderSecondaryLogo.js';
 export default Header;

package/app/Header/index.js

@@ -1,9 +1,10 @@
-import Header from '@digigov/react-core/Header';
-export * from '@digigov/react-core/Header';
-export * from '@digigov/ui/app/Header/HeaderTitle';
-export * from '@digigov/ui/app/Header/HeaderLogo';
-export * from '@digigov/ui/app/Header/HeaderSection';
-export * from '@digigov/ui/app/Header/HeaderContent';
-export * from '@digigov/ui/app/Header/HeaderNavMenuContent';
-export * from '@digigov/ui/app/Header/HeaderSecondaryLogo';
-export default Header;
+import Header from "@digigov/react-core/Header/index.js";
+export * from "@digigov/react-core/Header/index.js";
+export * from "./HeaderTitle.js";
+export * from "./HeaderLogo.js";
+export * from "./HeaderSection.js";
+export * from "./HeaderContent.js";
+export * from "./HeaderNavMenuContent.js";
+export * from "./HeaderSecondaryLogo.js";
+const app_Header = Header;
+export { app_Header as default };

package/app/Loader/index.d.ts

@@ -1,5 +1,5 @@
 export * from '@digigov/react-core/LoaderContainer';
-export * from '@digigov/react-core/CircularProgress';
 export * from '@digigov/react-core/FullPageBackground';
+export * from './index.web.js';
 import LoaderContainer from '@digigov/react-core/LoaderContainer';
 export default LoaderContainer;

package/app/Loader/index.js

@@ -1,5 +1,6 @@
-export * from '@digigov/react-core/LoaderContainer';
-export * from '@digigov/react-core/CircularProgress';
-export * from '@digigov/react-core/FullPageBackground';
-import LoaderContainer from '@digigov/react-core/LoaderContainer';
-export default LoaderContainer;
+import LoaderContainer from "@digigov/react-core/LoaderContainer/index.js";
+export * from "@digigov/react-core/LoaderContainer/index.js";
+export * from "@digigov/react-core/FullPageBackground/index.js";
+export * from "./index.web.js";
+const Loader = LoaderContainer;
+export { Loader as default };

package/app/Loader/index.native.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';
+export declare const CircularProgress: React.FC<CircularProgressBaseProps>;

package/app/Loader/index.native.js

@@ -0,0 +1,93 @@
+import react, { useEffect, useRef } from "react";
+import { Animated, Easing } from "react-native";
+import react_native_svg, { Circle } from "react-native-svg";
+const CircularProgress = ({ size = 'md', color = 'primary' })=>{
+    const sizes = {
+        sm: 20,
+        md: 40,
+        lg: 50
+    };
+    const strokeWidth = sizes[size] / 4;
+    const radius = (sizes[size] - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const rotateAnim = useRef(new Animated.Value(0)).current;
+    const dashAnim = useRef(new Animated.Value(circumference)).current;
+    const progressColor = 'primary' === color ? '#003375' : '#fff';
+    const backgroundColor = '#01b0f0';
+    const duration = 4000;
+    useEffect(()=>{
+        Animated.loop(Animated.timing(rotateAnim, {
+            toValue: 1,
+            duration: 10000,
+            easing: Easing.linear,
+            useNativeDriver: true
+        })).start();
+    }, [
+        rotateAnim
+    ]);
+    useEffect(()=>{
+        Animated.loop(Animated.sequence([
+            Animated.timing(dashAnim, {
+                toValue: 0,
+                duration: 0.4 * duration,
+                easing: Easing.inOut(Easing.ease),
+                useNativeDriver: true
+            }),
+            Animated.timing(dashAnim, {
+                toValue: circumference,
+                duration: 0.6 * duration,
+                easing: Easing.inOut(Easing.ease),
+                useNativeDriver: true
+            })
+        ])).start();
+    }, [
+        dashAnim,
+        duration,
+        circumference
+    ]);
+    const rotateInterpolate = rotateAnim.interpolate({
+        inputRange: [
+            0,
+            1
+        ],
+        outputRange: [
+            '0deg',
+            '360deg'
+        ]
+    });
+    return /*#__PURE__*/ react.createElement(Animated.View, {
+        style: [
+            {
+                width: sizes[size],
+                height: sizes[size],
+                transform: [
+                    {
+                        rotate: rotateInterpolate
+                    }
+                ]
+            }
+        ]
+    }, /*#__PURE__*/ react.createElement(react_native_svg, {
+        width: sizes[size],
+        height: sizes[size],
+        viewBox: `0 0 ${sizes[size]} ${sizes[size]}`
+    }, /*#__PURE__*/ react.createElement(Circle, {
+        cx: sizes[size] / 2,
+        cy: sizes[size] / 2,
+        r: radius,
+        stroke: backgroundColor,
+        strokeWidth: strokeWidth,
+        fill: "none"
+    }), /*#__PURE__*/ react.createElement(AnimatedCircle, {
+        cx: sizes[size] / 2,
+        cy: sizes[size] / 2,
+        r: radius,
+        stroke: progressColor,
+        strokeWidth: strokeWidth,
+        strokeDasharray: `${circumference}`,
+        strokeDashoffset: dashAnim,
+        fill: "none"
+    })));
+};
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+export { CircularProgress };

package/app/Loader/index.web.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export * from '@digigov/react-core/CircularProgressBase';
+import { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';
+export interface CircularProgressProps extends CircularProgressBaseProps {
+    /**
+     * loadingText prop is optional
+     * Text for screen readers when loading starts
+     * @default "Γίνεται φόρτωση..."
+     */
+    loadingText?: string;
+    /**
+     * loadingFinishedText prop is optional
+     * Text for screen readers when loading finishes
+     * @default "Η φόρτωση ολοκληρώθηκε."
+     */
+    loadingFinishedText?: string;
+}
+export declare const CircularProgress: React.ForwardRefExoticComponent<Omit<CircularProgressProps, "ref"> & React.RefAttributes<SVGElement>>;
+export default CircularProgress;

package/app/Loader/index.web.js

@@ -0,0 +1,13 @@
+import react from "react";
+import CircularProgressBase from "@digigov/react-core/CircularProgressBase/index.js";
+import { useNotificationArea } from "../hooks/useNotificationArea.js";
+export * from "@digigov/react-core/CircularProgressBase/index.js";
+const index_web_CircularProgress = /*#__PURE__*/ react.forwardRef(function({ loadingText = 'Γίνεται φόρτωση...', loadingFinishedText = 'Η φόρτωση ολοκληρώθηκε.', ...props }, ref) {
+    useNotificationArea(loadingText, loadingFinishedText);
+    return /*#__PURE__*/ react.createElement(CircularProgressBase, {
+        ref: ref,
+        ...props
+    });
+});
+const index_web = index_web_CircularProgress;
+export { index_web_CircularProgress as CircularProgress, index_web as default };

package/app/Masthead/index.js

@@ -1,5 +1,6 @@
-export * from '@digigov/react-core/Masthead';
-export * from '@digigov/react-core/MastheadBody';
-export * from '@digigov/react-core/MastheadLogo';
-import Masthead from '@digigov/react-core/Masthead';
-export default Masthead;
+import Masthead from "@digigov/react-core/Masthead/index.js";
+export * from "@digigov/react-core/Masthead/index.js";
+export * from "@digigov/react-core/MastheadBody/index.js";
+export * from "@digigov/react-core/MastheadLogo/index.js";
+const app_Masthead = Masthead;
+export { app_Masthead as default };