@digigov/ui 2.0.0-6e3977bc → 2.0.0-834daea4

package/app/Header/__stories__/WithServiceNameAndLogo/index.js

@@ -5,9 +5,9 @@ import { HeaderSecondaryLogo } from "@digigov/ui/app/Header/HeaderSecondaryLogo"
 import { HeaderSection } from "@digigov/ui/app/Header/HeaderSection";
 import { HeaderTitle } from "@digigov/ui/app/Header/HeaderTitle";
 import { GovGRLogo } from "@digigov/ui/govgr/GovGRLogo";
-import logo3 from "@digigov/ui/govgr/images/minedu-logo-base64";
+import minEduLogo from "@digigov/ui/govgr/images/minedu-logo-base64";
 const WithServiceNameAndLogo = () => {
-  return /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, { href: "#" }), /* @__PURE__ */ React.createElement(HeaderSecondaryLogo, { src: logo3, href: "#" }), /* @__PURE__ */ React.createElement(HeaderTitle, null, "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2"))));
+  return /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, { href: "#" }), /* @__PURE__ */ React.createElement(HeaderSecondaryLogo, { src: minEduLogo, href: "#" }), /* @__PURE__ */ React.createElement(HeaderTitle, null, "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2"))));
 };
 var WithServiceNameAndLogo_default = WithServiceNameAndLogo;
 export {

package/app/Header/__stories__/WithServiceNameAndLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Header/__stories__/WithServiceNameAndLogo.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';\n\nexport const WithServiceNameAndLogo = () => {\n  return (\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderSecondaryLogo src={logo3} href=\"#\" />\n          <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n  );\n};\n\nexport default WithServiceNameAndLogo;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAEX,MAAM,yBAAyB,MAAM;AAC1C,SACE,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,aAAU,MAAK,KAAI,GACpB,oCAAC,uBAAoB,KAAK,OAAO,MAAK,KAAI,GAC1C,oCAAC,mBAAY,kDAAQ,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,iCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport minEduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\n\nexport const WithServiceNameAndLogo = () => {\n  return (\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderSecondaryLogo src={minEduLogo} href=\"#\" />\n          <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n  );\n};\n\nexport default WithServiceNameAndLogo;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,OAAO,gBAAgB;AAEhB,MAAM,yBAAyB,MAAM;AAC1C,SACE,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,aAAU,MAAK,KAAI,GACpB,oCAAC,uBAAoB,KAAK,YAAY,MAAK,KAAI,GAC/C,oCAAC,mBAAY,kDAAQ,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,iCAAQ;",
   "names": []
 }

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 '@digigov/ui/app/Loader/index.web';
 import LoaderContainer from '@digigov/react-core/LoaderContainer';
 export default LoaderContainer;

package/app/Loader/index.js

@@ -1,6 +1,6 @@
 export * from "@digigov/react-core/LoaderContainer";
-export * from "@digigov/react-core/CircularProgress";
 export * from "@digigov/react-core/FullPageBackground";
+export * from "@digigov/ui/app/Loader/index.web";
 import LoaderContainer from "@digigov/react-core/LoaderContainer";
 var Loader_default = LoaderContainer;
 export {

package/app/Loader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Loader/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/LoaderContainer';\nexport * from '@digigov/react-core/CircularProgress';\nexport * from '@digigov/react-core/FullPageBackground';\n\nimport LoaderContainer from '@digigov/react-core/LoaderContainer';\nexport default LoaderContainer;\n"],
+  "sourcesContent": ["export * from '@digigov/react-core/LoaderContainer';\nexport * from '@digigov/react-core/FullPageBackground';\nexport * from '@digigov/ui/app/Loader/index.web';\n\nimport LoaderContainer from '@digigov/react-core/LoaderContainer';\nexport default LoaderContainer;\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,qBAAqB;AAC5B,IAAO,iBAAQ;",
   "names": []
 }

package/app/Loader/index.native/index.js

@@ -0,0 +1,102 @@
+import React, { useRef, useEffect } from "react";
+import { Animated, Easing } from "react-native";
+import 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 = color === "primary" ? "#003375" : "#fff";
+  const backgroundColor = "#01b0f0";
+  const duration = 4e3;
+  useEffect(() => {
+    Animated.loop(
+      Animated.timing(rotateAnim, {
+        toValue: 1,
+        duration: 1e4,
+        easing: Easing.linear,
+        useNativeDriver: true
+      })
+    ).start();
+  }, [rotateAnim]);
+  useEffect(() => {
+    Animated.loop(
+      Animated.sequence([
+        Animated.timing(dashAnim, {
+          toValue: 0,
+          duration: duration * 0.4,
+          easing: Easing.inOut(Easing.ease),
+          useNativeDriver: true
+        }),
+        Animated.timing(dashAnim, {
+          toValue: circumference,
+          duration: duration * 0.6,
+          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(
+      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,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        AnimatedCircle,
+        {
+          cx: sizes[size] / 2,
+          cy: sizes[size] / 2,
+          r: radius,
+          stroke: progressColor,
+          strokeWidth,
+          strokeDasharray: `${circumference}`,
+          strokeDashoffset: dashAnim,
+          fill: "none"
+        }
+      )
+    )
+  );
+};
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+export {
+  CircularProgress
+};
+//# sourceMappingURL=index.native.js.map

package/{api/APIErrors → app/Loader/index.native}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/api/APIErrors/index.js"
+  "main": "../../../cjs/app/Loader/index.native/index.js"
 }

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

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

package/app/Loader/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Loader/index.native.tsx"],
+  "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport Svg, { Circle } from 'react-native-svg';\nimport { CircularProgressProps } from '@digigov/react-core/CircularProgress';\n\nexport const CircularProgress: React.FC<CircularProgressProps> = ({\n  size = 'md',\n  color = 'primary',\n}) => {\n  const sizes = {\n    sm: 20,\n    md: 40,\n    lg: 50,\n  };\n  const strokeWidth = sizes[size] / 4;\n  const radius = (sizes[size] - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const rotateAnim = useRef(new Animated.Value(0)).current;\n  const dashAnim = useRef(new Animated.Value(circumference)).current;\n\n  const progressColor = color === 'primary' ? '#003375' : '#fff';\n  const backgroundColor = '#01b0f0';\n  const duration = 4000;\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.timing(rotateAnim, {\n        toValue: 1,\n        duration: 10000,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      })\n    ).start();\n  }, [rotateAnim]);\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.sequence([\n        Animated.timing(dashAnim, {\n          toValue: 0,\n          duration: duration * 0.4,\n          easing: Easing.inOut(Easing.ease),\n          useNativeDriver: true,\n        }),\n        Animated.timing(dashAnim, {\n          toValue: circumference,\n          duration: duration * 0.6,\n          easing: Easing.inOut(Easing.ease),\n          useNativeDriver: true,\n        }),\n      ])\n    ).start();\n  }, [dashAnim, duration, circumference]);\n\n  const rotateInterpolate = rotateAnim.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg'],\n  });\n\n  return (\n    <Animated.View\n      style={[\n        {\n          width: sizes[size],\n          height: sizes[size],\n          transform: [{ rotate: rotateInterpolate }],\n        },\n      ]}\n    >\n      <Svg\n        width={sizes[size]}\n        height={sizes[size]}\n        viewBox={`0 0 ${sizes[size]} ${sizes[size]}`}\n      >\n        <Circle\n          cx={sizes[size] / 2}\n          cy={sizes[size] / 2}\n          r={radius}\n          stroke={backgroundColor}\n          strokeWidth={strokeWidth}\n          fill=\"none\"\n        />\n        <AnimatedCircle\n          cx={sizes[size] / 2}\n          cy={sizes[size] / 2}\n          r={radius}\n          stroke={progressColor}\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${circumference}`}\n          strokeDashoffset={dashAnim}\n          fill=\"none\"\n        />\n      </Svg>\n    </Animated.View>\n  );\n};\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n"],
+  "mappings": "AAAA,OAAO,SAAS,QAAQ,iBAAiB;AACzC,SAAS,UAAU,cAAc;AACjC,OAAO,OAAO,cAAc;AAGrB,MAAM,mBAAoD,CAAC;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AACV,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,QAAM,cAAc,MAAM,IAAI,IAAI;AAClC,QAAM,UAAU,MAAM,IAAI,IAAI,eAAe;AAC7C,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,aAAa,OAAO,IAAI,SAAS,MAAM,CAAC,CAAC,EAAE;AACjD,QAAM,WAAW,OAAO,IAAI,SAAS,MAAM,aAAa,CAAC,EAAE;AAE3D,QAAM,gBAAgB,UAAU,YAAY,YAAY;AACxD,QAAM,kBAAkB;AACxB,QAAM,WAAW;AAEjB,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,OAAO,YAAY;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,OAAO;AAAA,QACf,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,CAAC;AAEf,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,SAAS;AAAA,QAChB,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACD,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,MACH,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,UAAU,aAAa,CAAC;AAEtC,QAAM,oBAAoB,WAAW,YAAY;AAAA,IAC/C,YAAY,CAAC,GAAG,CAAC;AAAA,IACjB,aAAa,CAAC,QAAQ,QAAQ;AAAA,EAChC,CAAC;AAED,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC,OAAO;AAAA,QACL;AAAA,UACE,OAAO,MAAM,IAAI;AAAA,UACjB,QAAQ,MAAM,IAAI;AAAA,UAClB,WAAW,CAAC,EAAE,QAAQ,kBAAkB,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM,IAAI;AAAA,QACjB,QAAQ,MAAM,IAAI;AAAA,QAClB,SAAS,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;AAAA;AAAA,MAE1C;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,iBAAiB,GAAG,aAAa;AAAA,UACjC,kBAAkB;AAAA,UAClB,MAAK;AAAA;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,SAAS,wBAAwB,MAAM;",
+  "names": []
+}

package/app/Loader/index.web/index.js

@@ -0,0 +1,2 @@
+export * from "@digigov/react-core/CircularProgress";
+//# sourceMappingURL=index.web.js.map

package/{api/fetchAPI → app/Loader/index.web}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/api/fetchAPI/index.js"
+  "main": "../../../cjs/app/Loader/index.web/index.js"
 }

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

@@ -0,0 +1 @@
+export * from '@digigov/react-core/CircularProgress';

package/app/Loader/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Loader/index.web.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/CircularProgress';\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/app/Masthead/Masthead.stories/index.js

@@ -8,10 +8,12 @@ var Masthead_stories_default = {
   displayName: "Masthead"
 };
 import { Default } from "@digigov/ui/app/Masthead/__stories__/Default";
+import { Secondary } from "@digigov/ui/app/Masthead/__stories__/Secondary";
 import { WithLogo } from "@digigov/ui/app/Masthead/__stories__/WithLogo";
 import { WithElements } from "@digigov/ui/app/Masthead/__stories__/WithElements";
 export {
   Default,
+  Secondary,
   WithElements,
   WithLogo,
   Masthead_stories_default as default

package/app/Masthead/Masthead.stories.d.ts

@@ -8,6 +8,7 @@ declare namespace _default {
 }
 export default _default;
 export { Default } from "@digigov/ui/app/Masthead/__stories__/Default";
+export { Secondary } from "@digigov/ui/app/Masthead/__stories__/Secondary";
 export { WithLogo } from "@digigov/ui/app/Masthead/__stories__/WithLogo";
 export { WithElements } from "@digigov/ui/app/Masthead/__stories__/WithElements";
 import Masthead from '@digigov/ui/app/Masthead';

package/app/Masthead/Masthead.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Masthead/Masthead.stories.js"],
-  "sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n  title: 'Digigov UI/app/Masthead',\n  description:\n    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n  link: 'https://guide.services.gov.gr/docs/components/masthead',\n  defaultWidth: 'lg',\n  component: Masthead,\n  displayName: 'Masthead',\n};\nexport { Default } from '@digigov/ui/app/Masthead/__stories__/Default';\nexport { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
-  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;",
+  "sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n  title: 'Digigov UI/app/Masthead',\n  description:\n    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n  link: 'https://guide.services.gov.gr/docs/components/masthead',\n  defaultWidth: 'lg',\n  component: Masthead,\n  displayName: 'Masthead',\n};\nexport { Default } from '@digigov/ui/app/Masthead/__stories__/Default';\nexport { Secondary } from '@digigov/ui/app/Masthead/__stories__/Secondary';\nexport { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;",
   "names": []
 }

package/app/Masthead/__stories__/Secondary/index.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { CallToAction } from "@digigov/ui/form/Button/CallToAction";
+import { Container } from "@digigov/ui/layouts/Basic/Container";
+import { Main } from "@digigov/ui/layouts/Basic/Main";
+import { Masthead, MastheadBody } from "@digigov/ui/layouts/Basic/Masthead";
+import { Heading } from "@digigov/ui/typography/Heading";
+const Secondary = () => /* @__PURE__ */ React.createElement(Masthead, { color: "secondary" }, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ React.createElement(CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
+var Secondary_default = Secondary;
+export {
+  Secondary,
+  Secondary_default as default
+};
+//# sourceMappingURL=Secondary.js.map

package/app/Masthead/__stories__/Secondary/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/app/Masthead/__stories__/Secondary/index.js"
+}

package/app/Masthead/__stories__/Secondary.d.ts

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

package/app/Masthead/__stories__/Secondary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Masthead/__stories__/Secondary.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Masthead, MastheadBody } from '@digigov/ui/layouts/Basic/Masthead';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const Secondary = () => (\n  <Masthead color=\"secondary\">\n    <Container>\n      <Main>\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default Secondary;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,UAAU,oBAAoB;AACvC,SAAS,eAAe;AAEjB,MAAM,YAAY,MACvB,oCAAC,YAAS,OAAM,eACd,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,6NAAiD,GAC1D,oCAAC,oBAAa,4iCAKd,GACA,oCAAC,gBAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,oBAAQ;",
+  "names": []
+}

package/app/Modal/auto/index.js

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { Button } from "@digigov/react-core/Button";
+import Modal from "@digigov/ui/app/Modal";
 import { useModal } from "@digigov/ui/app/Modal/hooks";
-import Modal from "@digigov/ui/app/Modal/Modal";
 const ModalContext = React.createContext(null);
 const ModalProvider = ({ children }) => {
   const modal = useModal();

package/app/Modal/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport { ModalContainerProps } from '@digigov/react-core/ModalContainer';\nimport { ModalId, UseModalReturn, useModal } from '@digigov/ui/app/Modal/hooks';\nimport Modal from '@digigov/ui/app/Modal/Modal';\n\nexport const ModalContext = React.createContext<UseModalReturn | null>(null);\n\nexport interface ModalAutoProps extends ModalContainerProps {\n  id: string;\n  clickOutside?: boolean;\n  closeOnEscape?: boolean;\n}\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const modal = useModal();\n  return (\n    <ModalContext.Provider value={modal}>{children}</ModalContext.Provider>\n  );\n};\n\nexport const useModalContext = (): UseModalReturn | null => {\n  const context = useContext(ModalContext);\n  if (context === null) {\n    throw new Error('useModalContext must be used within an ModalProvider');\n  }\n  return context;\n};\n\nexport const ModalAuto = React.forwardRef<HTMLDivElement, ModalAutoProps>(\n  function ModalAuto(\n    { id, clickOutside = false, closeOnEscape = false, ...props },\n    ref\n  ) {\n    const context = useModalContext();\n    if (!context) {\n      throw new Error('ModalAuto must be used within an ModalProvider');\n    }\n    const { registerModal } = context;\n    return (\n      <Modal\n        {...registerModal(id, { clickOutside, closeOnEscape })}\n        {...props}\n        ref={ref}\n      >\n        {props.children}\n      </Modal>\n    );\n  }\n);\n\nexport interface ModalButtonAutoProps extends ButtonProps {\n  modal: ModalId;\n  open?: boolean;\n  close?: boolean;\n}\n\nexport const ModalButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ModalButtonAutoProps\n>(function ModalButtonAuto(\n  { modal: forModal, open, variant = 'button', color = 'primary', ...props },\n  ref\n) {\n  const context = useModalContext();\n  if (!context) {\n    throw new Error('ModalButtonAuto must be used within an ModalProvider');\n  }\n  const { registerAction } = context;\n  return (\n    <Button\n      ref={ref}\n      {...registerAction(forModal, open ? 'open' : 'close', { variant, color })}\n      {...props}\n    />\n  );\n});\n"],
-  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AAEpC,SAAkC,gBAAgB;AAClD,OAAO,WAAW;AAEX,MAAM,eAAe,MAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,QAAQ,SAAS;AACvB,SACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,IAAI,eAAe,OAAO,gBAAgB,OAAO,GAAG,MAAM,GAC5D,KACA;AACA,UAAM,UAAU,gBAAgB;AAChC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,gDAAgD;AAAA,IAClE;AACA,UAAM,EAAE,cAAc,IAAI;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,cAAc,IAAI,EAAE,cAAc,cAAc,CAAC;AAAA,QACpD,GAAG;AAAA,QACJ;AAAA;AAAA,MAEC,MAAM;AAAA,IACT;AAAA,EAEJ;AACF;AAQO,MAAM,kBAAkB,MAAM,WAGnC,SAASC,iBACT,EAAE,OAAO,UAAU,MAAM,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAM,GACzE,KACA;AACA,QAAM,UAAU,gBAAgB;AAChC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,QAAM,EAAE,eAAe,IAAI;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,eAAe,UAAU,OAAO,SAAS,SAAS,EAAE,SAAS,MAAM,CAAC;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport { ModalContainerProps } from '@digigov/react-core/ModalContainer';\nimport Modal from '@digigov/ui/app/Modal';\nimport { ModalId, UseModalReturn, useModal } from '@digigov/ui/app/Modal/hooks';\n\nexport const ModalContext = React.createContext<UseModalReturn | null>(null);\n\nexport interface ModalAutoProps extends ModalContainerProps {\n  id: string;\n  clickOutside?: boolean;\n  closeOnEscape?: boolean;\n}\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const modal = useModal();\n  return (\n    <ModalContext.Provider value={modal}>{children}</ModalContext.Provider>\n  );\n};\n\nexport const useModalContext = (): UseModalReturn | null => {\n  const context = useContext(ModalContext);\n  if (context === null) {\n    throw new Error('useModalContext must be used within an ModalProvider');\n  }\n  return context;\n};\n\nexport const ModalAuto = React.forwardRef<HTMLDivElement, ModalAutoProps>(\n  function ModalAuto(\n    { id, clickOutside = false, closeOnEscape = false, ...props },\n    ref\n  ) {\n    const context = useModalContext();\n    if (!context) {\n      throw new Error('ModalAuto must be used within an ModalProvider');\n    }\n    const { registerModal } = context;\n    return (\n      <Modal\n        {...registerModal(id, { clickOutside, closeOnEscape })}\n        {...props}\n        ref={ref}\n      >\n        {props.children}\n      </Modal>\n    );\n  }\n);\n\nexport interface ModalButtonAutoProps extends ButtonProps {\n  modal: ModalId;\n  open?: boolean;\n  close?: boolean;\n}\n\nexport const ModalButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ModalButtonAutoProps\n>(function ModalButtonAuto(\n  { modal: forModal, open, variant = 'button', color = 'primary', ...props },\n  ref\n) {\n  const context = useModalContext();\n  if (!context) {\n    throw new Error('ModalButtonAuto must be used within an ModalProvider');\n  }\n  const { registerAction } = context;\n  return (\n    <Button\n      ref={ref}\n      {...registerAction(forModal, open ? 'open' : 'close', { variant, color })}\n      {...props}\n    />\n  );\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AAEpC,OAAO,WAAW;AAClB,SAAkC,gBAAgB;AAE3C,MAAM,eAAe,MAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,QAAQ,SAAS;AACvB,SACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,IAAI,eAAe,OAAO,gBAAgB,OAAO,GAAG,MAAM,GAC5D,KACA;AACA,UAAM,UAAU,gBAAgB;AAChC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,gDAAgD;AAAA,IAClE;AACA,UAAM,EAAE,cAAc,IAAI;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,cAAc,IAAI,EAAE,cAAc,cAAc,CAAC;AAAA,QACpD,GAAG;AAAA,QACJ;AAAA;AAAA,MAEC,MAAM;AAAA,IACT;AAAA,EAEJ;AACF;AAQO,MAAM,kBAAkB,MAAM,WAGnC,SAASC,iBACT,EAAE,OAAO,UAAU,MAAM,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAM,GACzE,KACA;AACA,QAAM,UAAU,gBAAgB;AAChC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,QAAM,EAAE,eAAe,IAAI;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,eAAe,UAAU,OAAO,SAAS,SAAS,EAAE,SAAS,MAAM,CAAC;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;",
   "names": ["ModalAuto", "ModalButtonAuto"]
 }

package/app/Modal/index.d.ts

@@ -4,6 +4,6 @@ export * from '@digigov/react-core/ModalContent';
 export * from '@digigov/react-core/ModalAction';
 export * from '@digigov/ui/app/Modal/hooks';
 export * from '@digigov/ui/app/Modal/hooks';
-export * from '@digigov/ui/app/Modal/Modal';
-import Modal from '@digigov/ui/app/Modal/Modal';
+export * from '@digigov/ui/app/Modal/index.web';
+import Modal from '@digigov/ui/app/Modal/index.web';
 export default Modal;

package/app/Modal/index.js

@@ -4,8 +4,8 @@ export * from "@digigov/react-core/ModalContent";
 export * from "@digigov/react-core/ModalAction";
 export * from "@digigov/ui/app/Modal/hooks";
 export * from "@digigov/ui/app/Modal/hooks";
-export * from "@digigov/ui/app/Modal/Modal";
-import Modal from "@digigov/ui/app/Modal/Modal";
+export * from "@digigov/ui/app/Modal/index.web";
+import Modal from "@digigov/ui/app/Modal/index.web";
 var Modal_default = Modal;
 export {
   Modal_default as default

package/app/Modal/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\n\nexport * from '@digigov/ui/app/Modal/Modal';\nimport Modal from '@digigov/ui/app/Modal/Modal';\nexport default Modal;\n"],
+  "sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\n\nexport * from '@digigov/ui/app/Modal/index.web';\nimport Modal from '@digigov/ui/app/Modal/index.web';\nexport default Modal;\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,OAAO,WAAW;AAClB,IAAO,gBAAQ;",
   "names": []
 }

package/app/Modal/index.native/index.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Modal as CoreModal } from "react-native";
+const Modal = ({ children, open, ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    CoreModal,
+    {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      ...props
+    },
+    children
+  );
+};
+var index_native_default = Modal;
+export {
+  Modal,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/{api → app/Modal/index.native}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/api/index.js"
+  "main": "../../../cjs/app/Modal/index.native/index.js"
 }

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Modal: ({ children, open, ...props }: {
+    [x: string]: any;
+    children: any;
+    open: any;
+}) => React.JSX.Element;
+export default Modal;

package/app/Modal/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Modal/index.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Modal as CoreModal } from 'react-native';\n\nexport const Modal = ({ children, open, ...props }) => {\n  return (\n    <CoreModal\n      visible={open}\n      transparent={true}\n      animationType=\"fade\"\n      {...props}\n    >\n      {children}\n    </CoreModal>\n  );\n};\n\nexport default Modal;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,SAAS,iBAAiB;AAE5B,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,GAAG,MAAM,MAAM;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,aAAa;AAAA,MACb,eAAc;AAAA,MACb,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/app/Modal/{Modal → index.web}/index.js

@@ -42,10 +42,10 @@ const ModalBase = React.forwardRef(
     );
   }
 );
-var Modal_default = Modal;
+var index_web_default = Modal;
 export {
   Modal,
   ModalBase,
-  Modal_default as default
+  index_web_default as default
 };
-//# sourceMappingURL=Modal.js.map
+//# sourceMappingURL=index.web.js.map

package/{api/APIProvider → app/Modal/index.web}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/api/APIProvider/index.js"
+  "main": "../../../cjs/app/Modal/index.web/index.js"
 }

package/app/Modal/{Modal.js.map → index.web.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/app/Modal/Modal.tsx"],
+  "sources": ["../../../src/app/Modal/index.web.tsx"],
   "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n  ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n  onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n  function Modal({ ...props }, ref) {\n    if (props.open) {\n      return <ModalBase {...props} ref={ref} />;\n    } else {\n      return null;\n    }\n  }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n  function ModalBase({ open, children, onEscape, ...props }, ref) {\n    const firstModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const lastModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const handleFocus = useCallback(() => {\n      firstModalElement.current.focus();\n    }, []);\n    useKeypress('Escape', onEscape);\n    useEffect(() => {\n      const lastModalElementInstance = lastModalElement.current;\n      handleFocus();\n      lastModalElementInstance.addEventListener('focus', handleFocus);\n      return () => {\n        lastModalElementInstance.removeEventListener('focus', handleFocus);\n      };\n    }, []);\n    return (\n      <ModalContainer\n        open={open}\n        role=\"dialog\"\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-modal=\"true\"\n        {...props}\n      >\n        <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n        {open && children}\n        <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n      </ModalContainer>\n    );\n  }\n);\n\nexport default Modal;\n"],
-  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,cAAc;AACtD,OAAO,oBAEA;AACP,OAAO,iBAAiB;AAMjB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,oCAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,oBACJ,OAAO;AACT,UAAM,mBACJ,OAAO;AACT,UAAM,cAAc,YAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,gBAAY,UAAU,QAAQ;AAC9B,cAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,oCAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
+  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,cAAc;AACtD,OAAO,oBAEA;AACP,OAAO,iBAAiB;AAMjB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,oCAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,oBACJ,OAAO;AACT,UAAM,mBACJ,OAAO;AACT,UAAM,cAAc,YAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,gBAAY,UAAU,QAAQ;AAC9B,cAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,oCAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["Modal", "ModalBase"]
 }

package/app/QrCodeScanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/QrCodeScanner/index.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n  style?: React.CSSProperties;\n  dataType?: 'url' | 'text';\n  legacyMode?: boolean;\n  validate?: (...args) => boolean;\n  onScan: (...args) => void;\n  onError: (err: any, data: any) => void;\n  onLoad?: (...args) => void;\n  onImageLoad?: (...args) => void;\n  delay?: number;\n  facingMode?: 'user' | 'environment';\n  showViewFinder?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n *    that receives the *raw* scanned data and returns a boolean type. (eg. check\n *    if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n *    and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n  children,\n  validate,\n  onScan,\n  onError,\n  dataType = 'url',\n  legacyMode = false,\n  ...props\n}) => {\n  if (dataType === 'text') {\n    console.warn(\n      `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n    );\n  }\n  const handleOnScan = (data) => {\n    if (data) {\n      if (dataType === 'url') {\n        try {\n          new URL(data);\n        } catch (e) {\n          return onError(\n            new Error(\n              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n            ),\n            data\n          );\n        }\n      }\n      // run a validator function provided by the application code\n      if (validate && !validate(data)) {\n        return onError(\n          new Error('Custom QR Code payload validation failed'),\n          data\n        );\n      }\n      // proceed with application defined callback function\n      onScan(data);\n    }\n  };\n  return (\n    <>\n      <QrReader\n        delay={100}\n        onError={onError}\n        onScan={handleOnScan}\n        legacyMode={legacyMode}\n        {...props}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default QrCodeScanner;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,WAAW,MAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,SAAS,GAAG;AACV,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\n// @ts-ignore\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n  style?: React.CSSProperties;\n  dataType?: 'url' | 'text';\n  legacyMode?: boolean;\n  validate?: (...args) => boolean;\n  onScan: (...args) => void;\n  onError: (err: any, data: any) => void;\n  onLoad?: (...args) => void;\n  onImageLoad?: (...args) => void;\n  delay?: number;\n  facingMode?: 'user' | 'environment';\n  showViewFinder?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n *    that receives the *raw* scanned data and returns a boolean type. (eg. check\n *    if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n *    and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n  children,\n  validate,\n  onScan,\n  onError,\n  dataType = 'url',\n  legacyMode = false,\n  ...props\n}) => {\n  if (dataType === 'text') {\n    console.warn(\n      `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n    );\n  }\n  const handleOnScan = (data) => {\n    if (data) {\n      if (dataType === 'url') {\n        try {\n          new URL(data);\n        } catch (e) {\n          return onError(\n            new Error(\n              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n            ),\n            data\n          );\n        }\n      }\n      // run a validator function provided by the application code\n      if (validate && !validate(data)) {\n        return onError(\n          new Error('Custom QR Code payload validation failed'),\n          data\n        );\n      }\n      // proceed with application defined callback function\n      onScan(data);\n    }\n  };\n  return (\n    <>\n      <QrReader\n        delay={100}\n        onError={onError}\n        onScan={handleOnScan}\n        legacyMode={legacyMode}\n        {...props}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default QrCodeScanner;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,MAAM,WAAW,MAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,SAAS,GAAG;AACV,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Header/__stories__/WithServiceNameAndLogo.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';\n\nexport const WithServiceNameAndLogo = () => {\n  return (\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderSecondaryLogo src={logo3} href=\"#\" />\n          <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n  );\n};\n\nexport default WithServiceNameAndLogo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,iCAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAC5B,uBAA0B;AAC1B,gCAAkB;AAEX,MAAM,yBAAyB,MAAM;AAC1C,SACE,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,KAAI,GACpB,6BAAAA,QAAA,cAAC,kDAAoB,KAAK,0BAAAC,SAAO,MAAK,KAAI,GAC1C,6BAAAD,QAAA,cAAC,sCAAY,kDAAQ,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,iCAAQ;",
-  "names": ["React", "logo3"]
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport minEduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\n\nexport const WithServiceNameAndLogo = () => {\n  return (\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderSecondaryLogo src={minEduLogo} href=\"#\" />\n          <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n  );\n};\n\nexport default WithServiceNameAndLogo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,iCAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAC5B,uBAA0B;AAC1B,gCAAuB;AAEhB,MAAM,yBAAyB,MAAM;AAC1C,SACE,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,KAAI,GACpB,6BAAAA,QAAA,cAAC,kDAAoB,KAAK,0BAAAC,SAAY,MAAK,KAAI,GAC/C,6BAAAD,QAAA,cAAC,sCAAY,kDAAQ,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,iCAAQ;",
+  "names": ["React", "minEduLogo"]
 }

package/cjs/app/Loader/index.js

@@ -32,14 +32,14 @@ __export(Loader_exports, {
 });
 module.exports = __toCommonJS(Loader_exports);
 __reExport(Loader_exports, require("@digigov/react-core/LoaderContainer"), module.exports);
-__reExport(Loader_exports, require("@digigov/react-core/CircularProgress"), module.exports);
 __reExport(Loader_exports, require("@digigov/react-core/FullPageBackground"), module.exports);
+__reExport(Loader_exports, require("@digigov/ui/app/Loader/index.web"), module.exports);
 var import_LoaderContainer = __toESM(require("@digigov/react-core/LoaderContainer"));
 var Loader_default = import_LoaderContainer.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("@digigov/react-core/LoaderContainer"),
-  ...require("@digigov/react-core/CircularProgress"),
-  ...require("@digigov/react-core/FullPageBackground")
+  ...require("@digigov/react-core/FullPageBackground"),
+  ...require("@digigov/ui/app/Loader/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/app/Loader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Loader/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/LoaderContainer';\nexport * from '@digigov/react-core/CircularProgress';\nexport * from '@digigov/react-core/FullPageBackground';\n\nimport LoaderContainer from '@digigov/react-core/LoaderContainer';\nexport default LoaderContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,gDAAd;AACA,2BAAc,iDADd;AAEA,2BAAc,mDAFd;AAIA,6BAA4B;AAC5B,IAAO,iBAAQ,uBAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/LoaderContainer';\nexport * from '@digigov/react-core/FullPageBackground';\nexport * from '@digigov/ui/app/Loader/index.web';\n\nimport LoaderContainer from '@digigov/react-core/LoaderContainer';\nexport default LoaderContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,gDAAd;AACA,2BAAc,mDADd;AAEA,2BAAc,6CAFd;AAIA,6BAA4B;AAC5B,IAAO,iBAAQ,uBAAAA;",
   "names": ["LoaderContainer"]
 }