@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/app/Modal/__stories__/Dense/index.js

@@ -0,0 +1,38 @@
+import React, { useState } from "react";
+import {
+  Modal,
+  ModalHeading,
+  ModalContent,
+  ModalAction
+} from "@digigov/ui/app/Modal";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+const Dense = () => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        setOpen(!open);
+      }
+    },
+    "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"
+  ), /* @__PURE__ */ React.createElement(Modal, { open, "aria-labelledby": "modal-label", dense: true }, /* @__PURE__ */ React.createElement(ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ React.createElement(ModalContent, null, /* @__PURE__ */ React.createElement(FieldContainer, { margin: 0 }, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ React.createElement(TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ React.createElement(ModalAction, null, /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "link",
+      onClick: () => {
+        setOpen(!open);
+      }
+    },
+    "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"
+  ))));
+};
+var Dense_default = Dense;
+export {
+  Dense,
+  Dense_default as default
+};
+//# sourceMappingURL=Dense.js.map

package/app/Modal/__stories__/Dense/package.json

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

package/app/Modal/__stories__/Dense.d.ts

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

package/app/Modal/__stories__/Dense.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Modal/__stories__/Dense.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\n\nimport {\n  Modal,\n  ModalHeading,\n  ModalContent,\n  ModalAction,\n} from '@digigov/ui/app/Modal';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const Dense = () => {\n  const [open, setOpen] = useState(false);\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          setOpen(!open);\n        }}\n      >\n        \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n      </Button>\n      <Modal open={open} aria-labelledby=\"modal-label\" dense>\n        <ModalHeading id=\"modal-label\">\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5</ModalHeading>\n        <ModalContent>\n          <FieldContainer margin={0}>\n            <LabelContainer>\n              \u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2\n              <TextInput name=\"inputext\" maxWidth={'10-char'}></TextInput>\n            </LabelContainer>\n          </FieldContainer>\n        </ModalContent>\n        <ModalAction>\n          <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n          <Button\n            variant=\"link\"\n            onClick={() => {\n              setOpen(!open);\n            }}\n          >\n            \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n          </Button>\n        </ModalAction>\n      </Modal>\n    </div>\n  );\n};\n\nexport default Dense;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAEnB,MAAM,QAAQ,MAAM;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,oCAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM;AACb,gBAAQ,CAAC,IAAI;AAAA,MACf;AAAA;AAAA,IACD;AAAA,EAED,GACA,oCAAC,SAAM,MAAY,mBAAgB,eAAc,OAAK,QACpD,oCAAC,gBAAa,IAAG,iBAAc,yGAAkB,GACjD,oCAAC,oBACC,oCAAC,kBAAe,QAAQ,KACtB,oCAAC,sBAAe,6MAEd,oCAAC,aAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,oCAAC,mBACC,oCAAC,cAAO,4CAAO,GACf;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,gBAAQ,CAAC,IAAI;AAAA,MACf;AAAA;AAAA,IACD;AAAA,EAED,CACF,CACF,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/app/Modal/__stories__/WithHooks/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import {
+  Modal,
+  ModalHeading,
+  ModalContent,
+  ModalAction
+} from "@digigov/ui/app/Modal";
+import { useModal } from "@digigov/ui/app/Modal/hooks";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+const WithHooks = () => {
+  const { registerModal, registerAction } = useModal();
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { ...registerAction("modal-1", "open") }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      ...registerModal("modal-1", {
+        clickOutside: true,
+        closeOnEscape: true
+      })
+    },
+    /* @__PURE__ */ React.createElement(ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"),
+    /* @__PURE__ */ React.createElement(ModalContent, null, /* @__PURE__ */ React.createElement(FieldContainer, { margin: 0 }, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ React.createElement(TextInput, { name: "inputext", maxWidth: "10-char" })))),
+    /* @__PURE__ */ React.createElement(ModalAction, null, /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ React.createElement(Button, { ...registerAction("modal-1", "close", { variant: "link" }) }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))
+  ));
+};
+var WithHooks_default = WithHooks;
+export {
+  WithHooks,
+  WithHooks_default as default
+};
+//# sourceMappingURL=WithHooks.js.map

package/app/Modal/__stories__/WithHooks/package.json

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

package/app/Modal/__stories__/WithHooks.d.ts

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

package/app/Modal/__stories__/WithHooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Modal/__stories__/WithHooks.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  Modal,\n  ModalHeading,\n  ModalContent,\n  ModalAction,\n} from '@digigov/ui/app/Modal';\nimport { useModal } from '@digigov/ui/app/Modal/hooks';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const WithHooks = () => {\n  const { registerModal, registerAction } = useModal();\n  return (\n    <div>\n      <Button {...registerAction('modal-1', 'open')}>\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5</Button>\n      <Modal\n        {...registerModal('modal-1', {\n          clickOutside: true,\n          closeOnEscape: true,\n        })}\n      >\n        <ModalHeading id=\"modal-label\">\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5</ModalHeading>\n        <ModalContent>\n          <FieldContainer margin={0}>\n            <LabelContainer>\n              \u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2\n              <TextInput name=\"inputext\" maxWidth={'10-char'}></TextInput>\n            </LabelContainer>\n          </FieldContainer>\n        </ModalContent>\n        <ModalAction>\n          <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n          <Button {...registerAction('modal-1', 'close', { variant: 'link' })}>\n            \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n          </Button>\n        </ModalAction>\n      </Modal>\n    </div>\n  );\n};\n\nexport default WithHooks;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAEnB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,SAAS;AACnD,SACE,oCAAC,aACC,oCAAC,UAAQ,GAAG,eAAe,WAAW,MAAM,KAAG,yGAAkB,GACjE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,cAAc,WAAW;AAAA,QAC3B,cAAc;AAAA,QACd,eAAe;AAAA,MACjB,CAAC;AAAA;AAAA,IAED,oCAAC,gBAAa,IAAG,iBAAc,yGAAkB;AAAA,IACjD,oCAAC,oBACC,oCAAC,kBAAe,QAAQ,KACtB,oCAAC,sBAAe,6MAEd,oCAAC,aAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF;AAAA,IACA,oCAAC,mBACC,oCAAC,cAAO,4CAAO,GACf,oCAAC,UAAQ,GAAG,eAAe,WAAW,SAAS,EAAE,SAAS,OAAO,CAAC,KAAG,4CAErE,CACF;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

package/app/Modal/__stories__/WithoutModalGaps/index.js

@@ -0,0 +1,38 @@
+import React, { useState } from "react";
+import {
+  Modal,
+  ModalHeading,
+  ModalContent,
+  ModalAction
+} from "@digigov/ui/app/Modal";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+import { LabelContainer } from "@digigov/ui/form/LabelContainer";
+import { TextInput } from "@digigov/ui/form/TextInput";
+const WithoutModalGaps = () => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        setOpen(!open);
+      }
+    },
+    "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"
+  ), /* @__PURE__ */ React.createElement(Modal, { open, "aria-labelledby": "modal-label", gaps: false }, /* @__PURE__ */ React.createElement(ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ React.createElement(ModalContent, null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ React.createElement(TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ React.createElement(ModalAction, null, /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "link",
+      onClick: () => {
+        setOpen(!open);
+      }
+    },
+    "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"
+  ))));
+};
+var WithoutModalGaps_default = WithoutModalGaps;
+export {
+  WithoutModalGaps,
+  WithoutModalGaps_default as default
+};
+//# sourceMappingURL=WithoutModalGaps.js.map

package/app/Modal/__stories__/WithoutModalGaps/package.json

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

package/app/Modal/__stories__/WithoutModalGaps.d.ts

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

package/app/Modal/__stories__/WithoutModalGaps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Modal/__stories__/WithoutModalGaps.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\n\nimport {\n  Modal,\n  ModalHeading,\n  ModalContent,\n  ModalAction,\n} from '@digigov/ui/app/Modal';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\n\nexport const WithoutModalGaps = () => {\n  const [open, setOpen] = useState(false);\n  return (\n    <div>\n      <Button\n        onClick={() => {\n          setOpen(!open);\n        }}\n      >\n        \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n      </Button>\n      <Modal open={open} aria-labelledby=\"modal-label\" gaps={false}>\n        <ModalHeading id=\"modal-label\">\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5</ModalHeading>\n        <ModalContent>\n          <FieldContainer>\n            <LabelContainer>\n              \u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2\n              <TextInput name=\"inputext\" maxWidth={'10-char'}></TextInput>\n            </LabelContainer>\n          </FieldContainer>\n        </ModalContent>\n        <ModalAction>\n          <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n          <Button\n            variant=\"link\"\n            onClick={() => {\n              setOpen(!open);\n            }}\n          >\n            \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n          </Button>\n        </ModalAction>\n      </Modal>\n    </div>\n  );\n};\n\nexport default WithoutModalGaps;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAEnB,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,oCAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM;AACb,gBAAQ,CAAC,IAAI;AAAA,MACf;AAAA;AAAA,IACD;AAAA,EAED,GACA,oCAAC,SAAM,MAAY,mBAAgB,eAAc,MAAM,SACrD,oCAAC,gBAAa,IAAG,iBAAc,yGAAkB,GACjD,oCAAC,oBACC,oCAAC,sBACC,oCAAC,sBAAe,6MAEd,oCAAC,aAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,oCAAC,mBACC,oCAAC,cAAO,4CAAO,GACf;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,gBAAQ,CAAC,IAAI;AAAA,MACf;AAAA;AAAA,IACD;AAAA,EAED,CACF,CACF,CACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/app/Modal/hooks/index.js

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

package/app/Modal/hooks.d.ts

@@ -13,14 +13,14 @@ export interface UseModalReturn {
         id: string;
         'aria-modal': boolean;
         'aria-labelledby': string;
-        ref?: React.RefObject<HTMLDivElement | null>;
+        ref?: React.RefObject<HTMLDivElement>;
     };
     registerAction: (id: ModalId, type: 'open' | 'close', options?: {
         variant?: string;
         color?: string;
     }) => {
         onClick: () => void;
-        ref?: React.RefObject<HTMLButtonElement | null>;
+        ref?: React.RefObject<HTMLButtonElement>;
     };
 }
 export declare const useModal: () => UseModalReturn;

package/app/Modal/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement | null>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement | null>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLDivElement | null>>\n  >(new Map());\n  const buttonsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLButtonElement | null>>\n  >(new Map());\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\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        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY,OAEhB,oBAAI,IAAI,CAAC;AACX,QAAM,aAAa,OAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,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,QAC9B,GAAG;AAAA,MACL;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 ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<Map<ModalId, React.RefObject<HTMLDivElement>>>(\n    new Map()\n  );\n  const buttonsRef = useRef<Map<ModalId, React.RefObject<HTMLButtonElement>>>(\n    new Map()\n  );\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\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        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY;AAAA,IAChB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,aAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,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,QAC9B,GAAG;AAAA,MACL;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/app/Modal/index.web/index.js

@@ -12,18 +12,18 @@ const Modal = React.forwardRef(
 );
 const ModalBase = React.forwardRef(
   function ModalBase2({ open, children, onEscape, ...props }, ref) {
-    const firstModalElement = useRef(null);
-    const lastModalElement = useRef(null);
+    const firstModalElement = useRef();
+    const lastModalElement = useRef();
     const handleFocus = useCallback(() => {
-      firstModalElement.current?.focus();
+      firstModalElement.current.focus();
     }, []);
     useKeypress("Escape", onEscape);
     useEffect(() => {
       const lastModalElementInstance = lastModalElement.current;
       handleFocus();
-      lastModalElementInstance?.addEventListener("focus", handleFocus);
+      lastModalElementInstance.addEventListener("focus", handleFocus);
       return () => {
-        lastModalElementInstance?.removeEventListener("focus", handleFocus);
+        lastModalElementInstance.removeEventListener("focus", handleFocus);
       };
     }, []);
     return /* @__PURE__ */ React.createElement(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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 = useRef<HTMLSpanElement>(null);\n    const lastModalElement = useRef<HTMLSpanElement>(null);\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,oBAAoB,OAAwB,IAAI;AACtD,UAAM,mBAAmB,OAAwB,IAAI;AACrD,UAAM,cAAc,YAAY,MAAM;AACpC,wBAAkB,SAAS,MAAM;AAAA,IACnC,GAAG,CAAC,CAAC;AACL,gBAAY,UAAU,QAAQ;AAC9B,cAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,gCAA0B,iBAAiB,SAAS,WAAW;AAC/D,aAAO,MAAM;AACX,kCAA0B,oBAAoB,SAAS,WAAW;AAAA,MACpE;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;",
+  "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,oBAAQ;",
   "names": ["Modal", "ModalBase"]
 }

package/app/NotFound/NotFound.stories/index.js

@@ -0,0 +1,12 @@
+import NotFound from "@digigov/ui/app/NotFound";
+var NotFound_stories_default = {
+  title: "Digigov UI/app/NotFound",
+  component: NotFound,
+  displayName: "NotFound"
+};
+import { Default } from "@digigov/ui/app/NotFound/__stories__/Default";
+export {
+  Default,
+  NotFound_stories_default as default
+};
+//# sourceMappingURL=NotFound.stories.js.map

package/app/NotFound/NotFound.stories/package.json

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

package/app/NotFound/NotFound.stories.d.ts

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

package/app/NotFound/NotFound.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/NotFound/NotFound.stories.js"],
+  "sourcesContent": ["import NotFound from '@digigov/ui/app/NotFound';\nexport default {\n  title: 'Digigov UI/app/NotFound',\n  component: NotFound,\n  displayName: 'NotFound',\n};\nexport { Default } from '@digigov/ui/app/NotFound/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

package/app/NotFound/__stories__/Default/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { NotFound } from "@digigov/ui/app/NotFound";
+const Default = () => /* @__PURE__ */ React.createElement(NotFound, null);
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

package/app/NotFound/__stories__/Default/package.json

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

package/app/NotFound/__stories__/Default.d.ts

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

package/app/NotFound/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/NotFound/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { NotFound } from '@digigov/ui/app/NotFound';\n\nexport const Default = () => <NotFound />;\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAElB,MAAM,UAAU,MAAM,oCAAC,cAAS;AAEvC,IAAO,kBAAQ;",
+  "names": []
+}

package/app/OutdatedBrowserBanner/index.d.ts

@@ -1,3 +1,2 @@
-import { type JSX } from 'react';
 export default function OutdatedBrowserBanner(): JSX.Element;
 export * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';

package/app/OutdatedBrowserBanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/OutdatedBrowserBanner/index.tsx"],
-  "sourcesContent": ["import React, { type JSX } from 'react';\nimport { isMobile } from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';\nimport useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\nimport { WarningText } from '@digigov/ui/feedback/WarningText';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Link from '@digigov/ui/navigation/Link';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport default function OutdatedBrowserBanner(): JSX.Element {\n  const mob = isMobile;\n  const [shouldUpdate, updateLink] = useOutdatedBrowserCheck();\n  const { t } = useTranslation();\n  return (\n    <WarningText>\n      {shouldUpdate ? (\n        <>\n          {mob.any() ? (\n            <>\n              <Paragraph>{t('outdated.mobile')}</Paragraph>\n            </>\n          ) : (\n            <>\n              <Paragraph>\n                {t('outdated.web')}\n                <Link href={updateLink} target=\"_blank\">\n                  {updateLink}{' '}\n                </Link>\n              </Paragraph>\n            </>\n          )}\n        </>\n      ) : (\n        <></>\n      )}\n    </WarningText>\n  );\n}\n\nexport * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\n"],
-  "mappings": "AAAA,OAAO,WAAyB;AAChC,SAAS,gBAAgB;AACzB,OAAO,6BAA6B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,OAAO,UAAU;AACjB,OAAO,eAAe;AAEP,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,IAAI,wBAAwB;AAC3D,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,oCAAC,mBACE,eACC,0DACG,IAAI,IAAI,IACP,0DACE,oCAAC,iBAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,0DACE,oCAAC,iBACE,EAAE,cAAc,GACjB,oCAAC,QAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,wDAAE,CAEN;AAEJ;AAEA,cAAc;",
+  "sourcesContent": ["import React from 'react';\nimport { isMobile } from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';\nimport useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\nimport { WarningText } from '@digigov/ui/feedback/WarningText';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Link from '@digigov/ui/navigation/Link';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport default function OutdatedBrowserBanner(): JSX.Element {\n  const mob = isMobile;\n  const [shouldUpdate, updateLink] = useOutdatedBrowserCheck();\n  const { t } = useTranslation();\n  return (\n    <WarningText>\n      {shouldUpdate ? (\n        <>\n          {mob.any() ? (\n            <>\n              <Paragraph>{t('outdated.mobile')}</Paragraph>\n            </>\n          ) : (\n            <>\n              <Paragraph>\n                {t('outdated.web')}\n                <Link href={updateLink} target=\"_blank\">\n                  {updateLink}{' '}\n                </Link>\n              </Paragraph>\n            </>\n          )}\n        </>\n      ) : (\n        <></>\n      )}\n    </WarningText>\n  );\n}\n\nexport * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,OAAO,6BAA6B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,OAAO,UAAU;AACjB,OAAO,eAAe;AAEP,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,IAAI,wBAAwB;AAC3D,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,oCAAC,mBACE,eACC,0DACG,IAAI,IAAI,IACP,0DACE,oCAAC,iBAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,0DACE,oCAAC,iBACE,EAAE,cAAc,GACjB,oCAAC,QAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,wDAAE,CAEN;AAEJ;AAEA,cAAc;",
   "names": []
 }

package/app/Panel/Panel.stories/index.js

@@ -0,0 +1,14 @@
+import Panel from "@digigov/ui/app/Panel";
+var Panel_stories_default = {
+  title: "Digigov UI/app/Panel",
+  description: "You should use it as the success of the final step of a process.",
+  link: "https://guide.services.gov.gr/docs/components/panel-message",
+  component: Panel,
+  displayName: "Panel"
+};
+import { Default } from "@digigov/ui/app/Panel/__stories__/Default";
+export {
+  Default,
+  Panel_stories_default as default
+};
+//# sourceMappingURL=Panel.stories.js.map

package/app/Panel/Panel.stories/package.json

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

package/app/Panel/Panel.stories.d.ts

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

package/app/Panel/Panel.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Panel/Panel.stories.js"],
+  "sourcesContent": ["import Panel from '@digigov/ui/app/Panel';\nexport default {\n  title: 'Digigov UI/app/Panel',\n  description:\n    'You should use it as the success of the final step of a process.',\n  link: 'https://guide.services.gov.gr/docs/components/panel-message',\n  component: Panel,\n  displayName: 'Panel',\n};\nexport { Default } from '@digigov/ui/app/Panel/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

package/app/Panel/__stories__/Default/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Panel, PanelTitle, PanelBody } from "@digigov/ui/app/Panel";
+const Default = () => /* @__PURE__ */ React.createElement(Panel, null, /* @__PURE__ */ React.createElement(PanelTitle, null, "\u0397 \u03C6\u03CC\u03C1\u03BC\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03CE\u03C2"), /* @__PURE__ */ React.createElement(PanelBody, null, "\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5 ", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("strong", null, "HDJ2123F")));
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

package/app/Panel/__stories__/Default/package.json

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

package/app/Panel/__stories__/Default.d.ts

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

package/app/Panel/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Panel/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { Panel, PanelTitle, PanelBody } from '@digigov/ui/app/Panel';\n\nexport const Default = () => (\n  <Panel>\n    <PanelTitle>\u0397 \u03C6\u03CC\u03C1\u03BC\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03CE\u03C2</PanelTitle>\n    <PanelBody>\n      \u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5 <br />\n      <strong>HDJ2123F</strong>\n    </PanelBody>\n  </Panel>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,OAAO,YAAY,iBAAiB;AAEtC,MAAM,UAAU,MACrB,oCAAC,aACC,oCAAC,kBAAW,qJAA2B,GACvC,oCAAC,iBAAU,uGACU,oCAAC,UAAG,GACvB,oCAAC,gBAAO,UAAQ,CAClB,CACF;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

package/app/PhaseBannerHeader/PhaseBannerHeader.stories/index.js

@@ -0,0 +1,12 @@
+import PhaseBannerHeader from "@digigov/ui/app/PhaseBannerHeader";
+var PhaseBannerHeader_stories_default = {
+  title: "Digigov UI/app/PhaseBannerHeader",
+  component: PhaseBannerHeader,
+  displayName: "PhaseBannerHeader"
+};
+import { Default } from "@digigov/ui/app/PhaseBannerHeader/__stories__/Default";
+export {
+  Default,
+  PhaseBannerHeader_stories_default as default
+};
+//# sourceMappingURL=PhaseBannerHeader.stories.js.map

package/app/PhaseBannerHeader/PhaseBannerHeader.stories/package.json

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

package/app/PhaseBannerHeader/PhaseBannerHeader.stories.d.ts

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

package/app/PhaseBannerHeader/PhaseBannerHeader.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/PhaseBannerHeader/PhaseBannerHeader.stories.js"],
+  "sourcesContent": ["import PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';\nexport default {\n  title: 'Digigov UI/app/PhaseBannerHeader',\n  component: PhaseBannerHeader,\n  displayName: 'PhaseBannerHeader',\n};\nexport { Default } from '@digigov/ui/app/PhaseBannerHeader/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,uBAAuB;AAC9B,IAAO,oCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

package/app/PhaseBannerHeader/__stories__/Default/index.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { PhaseBannerHeader } from "@digigov/ui/app/PhaseBannerHeader";
+const Default = () => /* @__PURE__ */ React.createElement(
+  PhaseBannerHeader,
+  {
+    tag: "ALPHA",
+    text: "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03AC \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."
+  }
+);
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

package/app/PhaseBannerHeader/__stories__/Default/package.json

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

package/app/PhaseBannerHeader/__stories__/Default.d.ts

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

package/app/PhaseBannerHeader/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/PhaseBannerHeader/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { PhaseBannerHeader } from '@digigov/ui/app/PhaseBannerHeader';\n\nexport const Default = () => (\n  <PhaseBannerHeader\n    tag=\"ALPHA\"\n    text=\"\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03AC \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.\"\n  />\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAE3B,MAAM,UAAU,MACrB;AAAA,EAAC;AAAA;AAAA,IACC,KAAI;AAAA,IACJ,MAAK;AAAA;AACP;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

package/app/PhaseBannerHeader/index.d.ts

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 type DivElementAttributes = JSX.IntrinsicElements['div'];
 export interface PhaseBannerHeaderProps extends DivElementAttributes {
     tag?: string;

package/app/PhaseBannerHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/PhaseBannerHeader/index.tsx"],
-  "sourcesContent": ["import React, { type JSX } from 'react';\nimport HeaderContent from '@digigov/react-core/HeaderContent';\nimport PhaseBanner from '@digigov/react-core/PhaseBanner';\nimport PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';\nimport PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\nimport PhaseBannerText from '@digigov/react-core/PhaseBannerText';\n\ntype DivElementAttributes = JSX.IntrinsicElements['div'];\nexport interface PhaseBannerHeaderProps extends DivElementAttributes {\n  tag?: string;\n  text?: string;\n}\n\nexport const PhaseBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderProps\n>(function PhaseBannerHeader({ text, tag, ...props }, ref) {\n  return (\n    <PhaseBannerHeaderContainer {...props} ref={ref}>\n      <HeaderContent>\n        <PhaseBanner>\n          <PhaseBannerTag>{tag}</PhaseBannerTag>\n          <PhaseBannerText>{text}</PhaseBannerText>\n        </PhaseBanner>\n      </HeaderContent>\n    </PhaseBannerHeaderContainer>\n  );\n});\n\nexport default PhaseBannerHeader;\n"],
-  "mappings": "AAAA,OAAO,WAAyB;AAChC,OAAO,mBAAmB;AAC1B,OAAO,iBAAiB;AACxB,OAAO,gCAAgC;AACvC,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAQrB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,oCAAC,8BAA4B,GAAG,OAAO,OACrC,oCAAC,qBACC,oCAAC,mBACC,oCAAC,sBAAgB,GAAI,GACrB,oCAAC,uBAAiB,IAAK,CACzB,CACF,CACF;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport HeaderContent from '@digigov/react-core/HeaderContent';\nimport PhaseBanner from '@digigov/react-core/PhaseBanner';\nimport PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';\nimport PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\nimport PhaseBannerText from '@digigov/react-core/PhaseBannerText';\n\ntype DivElementAttributes = JSX.IntrinsicElements['div'];\nexport interface PhaseBannerHeaderProps extends DivElementAttributes {\n  tag?: string;\n  text?: string;\n}\n\nexport const PhaseBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderProps\n>(function PhaseBannerHeader({ text, tag, ...props }, ref) {\n  return (\n    <PhaseBannerHeaderContainer {...props} ref={ref}>\n      <HeaderContent>\n        <PhaseBanner>\n          <PhaseBannerTag>{tag}</PhaseBannerTag>\n          <PhaseBannerText>{text}</PhaseBannerText>\n        </PhaseBanner>\n      </HeaderContent>\n    </PhaseBannerHeaderContainer>\n  );\n});\n\nexport default PhaseBannerHeader;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,mBAAmB;AAC1B,OAAO,iBAAiB;AACxB,OAAO,gCAAgC;AACvC,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAQrB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,oCAAC,8BAA4B,GAAG,OAAO,OACrC,oCAAC,qBACC,oCAAC,mBACC,oCAAC,sBAAgB,GAAI,GACrB,oCAAC,uBAAiB,IAAK,CACzB,CACF,CACF;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["PhaseBannerHeader"]
 }

package/app/QrCodeScanner/QrCodeScanner.stories/index.js

@@ -0,0 +1,12 @@
+import QrCodeScanner from "@digigov/ui/app/QrCodeScanner";
+var QrCodeScanner_stories_default = {
+  title: "Digigov UI/app/QrCodeScanner",
+  component: QrCodeScanner,
+  displayName: "QrCodeScanner"
+};
+import { Default } from "@digigov/ui/app/QrCodeScanner/__stories__/Default";
+export {
+  Default,
+  QrCodeScanner_stories_default as default
+};
+//# sourceMappingURL=QrCodeScanner.stories.js.map