@digigov/ui 2.0.0-2445d5cb → 2.0.0-36b707c1

package/app/Loader/Loader.stories/index.js

@@ -5,8 +5,10 @@ var Loader_stories_default = {
   displayName: "CircularProgress"
 };
 import { Default } from "@digigov/ui/app/Loader/__stories__/Default";
+import { FullPageLoader } from "@digigov/ui/app/Loader/__stories__/FullPageLoader";
 export {
   Default,
+  FullPageLoader,
   Loader_stories_default as default
 };
 //# sourceMappingURL=Loader.stories.js.map

package/app/Loader/Loader.stories.d.ts

@@ -5,4 +5,5 @@ declare namespace _default {
 }
 export default _default;
 export { Default } from "@digigov/ui/app/Loader/__stories__/Default";
+export { FullPageLoader } from "@digigov/ui/app/Loader/__stories__/FullPageLoader";
 import CircularProgress from '@digigov/ui/app/Loader';

package/app/Loader/Loader.stories.js.map

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

package/app/Loader/__stories__/FullPageLoader/index.js

@@ -0,0 +1,13 @@
+import React from "react";
+import {
+  FullPageBackground,
+  LoaderContainer,
+  CircularProgress
+} from "@digigov/ui/app/Loader";
+const FullPageLoader = () => {
+  return /* @__PURE__ */ React.createElement(FullPageBackground, null, /* @__PURE__ */ React.createElement(LoaderContainer, null, /* @__PURE__ */ React.createElement(CircularProgress, null)));
+};
+export {
+  FullPageLoader
+};
+//# sourceMappingURL=FullPageLoader.js.map

package/{patterns/FilteredResults/FilterChips → app/Loader/__stories__/FullPageLoader}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../cjs/patterns/FilteredResults/FilterChips/index.js"
+  "main": "../../../../cjs/app/Loader/__stories__/FullPageLoader/index.js"
 }

package/app/Loader/__stories__/FullPageLoader.d.ts

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

package/app/Loader/__stories__/FullPageLoader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Loader/__stories__/FullPageLoader.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  FullPageBackground,\n  LoaderContainer,\n  CircularProgress,\n} from '@digigov/ui/app/Loader';\n\nexport const FullPageLoader = () => {\n  return (\n    <FullPageBackground>\n      <LoaderContainer>\n        <CircularProgress />\n      </LoaderContainer>\n    </FullPageBackground>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,iBAAiB,MAAM;AAClC,SACE,oCAAC,0BACC,oCAAC,uBACC,oCAAC,sBAAiB,CACpB,CACF;AAEJ;",
+  "names": []
+}

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

@@ -1,12 +1,14 @@
 import React from "react";
 import {
-  ModalAuto,
   ModalHeading,
   ModalContent,
-  ModalAction,
+  ModalAction
+} from "@digigov/ui/app/Modal";
+import {
+  ModalAuto,
   ModalButtonAuto,
   ModalProvider
-} from "@digigov/ui/app/Modal";
+} from "@digigov/ui/app/Modal/auto";
 import { Button } from "@digigov/ui/form/Button";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
 import { LabelContainer } from "@digigov/ui/form/LabelContainer";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Modal/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  ModalAuto,\n  ModalHeading,\n  ModalContent,\n  ModalAction,\n  ModalButtonAuto,\n  ModalProvider,\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';\nexport const Auto = () => {\n  return (\n    <div>\n      <ModalProvider>\n        <ModalButtonAuto open modal=\"modal-1\">\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-1\" clickOutside>\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            <ModalButtonAuto modal=\"modal-1\" close variant=\"link\">\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n        <ModalButtonAuto modal=\"modal-2\" open>\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-2\" closeOnEscape>\n          <ModalHeading id=\"modal-label\">\n            \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n          </ModalHeading>\n          <ModalContent>\n            <FieldContainer margin={0}>\n              <LabelContainer>\n                \u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \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            <ModalButtonAuto modal=\"modal-2\" variant=\"link\" close>\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n      </ModalProvider>\n    </div>\n  );\n};\n\nexport default Auto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AACnB,MAAM,OAAO,MAAM;AACxB,SACE,oCAAC,aACC,oCAAC,qBACC,oCAAC,mBAAgB,MAAI,MAAC,OAAM,aAAU,yGAEtC,GACA,oCAAC,aAAU,IAAG,WAAU,cAAY,QAClC,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,oCAAC,mBAAgB,OAAM,WAAU,OAAK,MAAC,SAAQ,UAAO,4CAEtD,CACF,CACF,GACA,oCAAC,mBAAgB,OAAM,WAAU,MAAI,QAAC,oJAEtC,GACA,oCAAC,aAAU,IAAG,WAAU,eAAa,QACnC,oCAAC,gBAAa,IAAG,iBAAc,oJAE/B,GACA,oCAAC,oBACC,oCAAC,kBAAe,QAAQ,KACtB,oCAAC,sBAAe,kPAEd,oCAAC,aAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,oCAAC,mBACC,oCAAC,cAAO,4CAAO,GACf,oCAAC,mBAAgB,OAAM,WAAU,SAAQ,QAAO,OAAK,QAAC,4CAEtD,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  ModalHeading,\n  ModalContent,\n  ModalAction,\n} from '@digigov/ui/app/Modal';\nimport {\n  ModalAuto,\n  ModalButtonAuto,\n  ModalProvider,\n} from '@digigov/ui/app/Modal/auto';\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';\nexport const Auto = () => {\n  return (\n    <div>\n      <ModalProvider>\n        <ModalButtonAuto open modal=\"modal-1\">\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-1\" clickOutside>\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            <ModalButtonAuto modal=\"modal-1\" close variant=\"link\">\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n        <ModalButtonAuto modal=\"modal-2\" open>\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-2\" closeOnEscape>\n          <ModalHeading id=\"modal-label\">\n            \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n          </ModalHeading>\n          <ModalContent>\n            <FieldContainer margin={0}>\n              <LabelContainer>\n                \u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \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            <ModalButtonAuto modal=\"modal-2\" variant=\"link\" close>\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n      </ModalProvider>\n    </div>\n  );\n};\n\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AACnB,MAAM,OAAO,MAAM;AACxB,SACE,oCAAC,aACC,oCAAC,qBACC,oCAAC,mBAAgB,MAAI,MAAC,OAAM,aAAU,yGAEtC,GACA,oCAAC,aAAU,IAAG,WAAU,cAAY,QAClC,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,oCAAC,mBAAgB,OAAM,WAAU,OAAK,MAAC,SAAQ,UAAO,4CAEtD,CACF,CACF,GACA,oCAAC,mBAAgB,OAAM,WAAU,MAAI,QAAC,oJAEtC,GACA,oCAAC,aAAU,IAAG,WAAU,eAAa,QACnC,oCAAC,gBAAa,IAAG,iBAAc,oJAE/B,GACA,oCAAC,oBACC,oCAAC,kBAAe,QAAQ,KACtB,oCAAC,sBAAe,kPAEd,oCAAC,aAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,oCAAC,mBACC,oCAAC,cAAO,4CAAO,GACf,oCAAC,mBAAgB,OAAM,WAAU,SAAQ,QAAO,OAAK,QAAC,4CAEtD,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "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,7 +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/auto';
-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,9 +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/auto";
-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';\nexport * from '@digigov/ui/app/Modal/auto';\n\nexport * from '@digigov/ui/app/Modal/Modal';\nimport Modal from '@digigov/ui/app/Modal/Modal';\nexport default Modal;\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,OAAO,WAAW;AAClB,IAAO,gBAAQ;",
+  "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/{patterns/FilteredResults → app/Modal/index.native}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/patterns/FilteredResults/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/{patterns → app/Modal/index.web}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/patterns/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/OutdatedBrowserBanner/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export default function OutdatedBrowserBanner(): JSX.Element;
 export * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';

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

@@ -28,11 +28,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Loader_stories_exports = {};
 __export(Loader_stories_exports, {
   Default: () => import_Default.Default,
+  FullPageLoader: () => import_FullPageLoader.FullPageLoader,
   default: () => Loader_stories_default
 });
 module.exports = __toCommonJS(Loader_stories_exports);
 var import_Loader = __toESM(require("@digigov/ui/app/Loader"));
 var import_Default = require("@digigov/ui/app/Loader/__stories__/Default");
+var import_FullPageLoader = require("@digigov/ui/app/Loader/__stories__/FullPageLoader");
 var Loader_stories_default = {
   title: "Digigov UI/app/CircularProgress",
   component: import_Loader.default,
@@ -40,6 +42,7 @@ var Loader_stories_default = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Default
+  Default,
+  FullPageLoader
 });
 //# sourceMappingURL=Loader.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Loader/Loader.stories.js"],
-  "sourcesContent": ["import CircularProgress from '@digigov/ui/app/Loader';\nexport default {\n  title: 'Digigov UI/app/CircularProgress',\n  component: CircularProgress,\n  displayName: 'CircularProgress',\n};\nexport { Default } from '@digigov/ui/app/Loader/__stories__/Default';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAM7B,qBAAwB;AALxB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import CircularProgress from '@digigov/ui/app/Loader';\nexport default {\n  title: 'Digigov UI/app/CircularProgress',\n  component: CircularProgress,\n  displayName: 'CircularProgress',\n};\nexport { Default } from '@digigov/ui/app/Loader/__stories__/Default';\nexport { FullPageLoader } from '@digigov/ui/app/Loader/__stories__/FullPageLoader';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAM7B,qBAAwB;AACxB,4BAA+B;AAN/B,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["CircularProgress"]
 }

package/cjs/{patterns/FilteredResults/FilterFields → app/Loader/__stories__/FullPageLoader}/index.js

@@ -25,20 +25,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FilterFields_exports = {};
-__export(FilterFields_exports, {
-  FilterFields: () => FilterFields
+var FullPageLoader_exports = {};
+__export(FullPageLoader_exports, {
+  FullPageLoader: () => FullPageLoader
 });
-module.exports = __toCommonJS(FilterFields_exports);
+module.exports = __toCommonJS(FullPageLoader_exports);
 var import_react = __toESM(require("react"));
-var import_Field = __toESM(require("@digigov/form/Field"));
-var import_react_core = require("@digigov/react-core");
-var import_FilterContainer = require("@digigov/ui/app/FilterContainer");
-const FilterFields = ({ fields, horizontal }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_FilterContainer.FilterOptionsSection, { horizontal }, fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_Field.default, { key: field.key, name: field.key })), /* @__PURE__ */ import_react.default.createElement(import_react_core.Button, { type: "submit" }, "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7"));
+var import_Loader = require("@digigov/ui/app/Loader");
+const FullPageLoader = () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_Loader.FullPageBackground, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null)));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FilterFields
+  FullPageLoader
 });
-//# sourceMappingURL=FilterFields.js.map
+//# sourceMappingURL=FullPageLoader.js.map

package/cjs/app/Loader/__stories__/FullPageLoader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/app/Loader/__stories__/FullPageLoader.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  FullPageBackground,\n  LoaderContainer,\n  CircularProgress,\n} from '@digigov/ui/app/Loader';\n\nexport const FullPageLoader = () => {\n  return (\n    <FullPageBackground>\n      <LoaderContainer>\n        <CircularProgress />\n      </LoaderContainer>\n    </FullPageBackground>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAIO;AAEA,MAAM,iBAAiB,MAAM;AAClC,SACE,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,oCAAiB,CACpB,CACF;AAEJ;",
+  "names": ["React"]
+}

package/cjs/app/Modal/__stories__/Auto/index.js

@@ -33,12 +33,13 @@ __export(Auto_exports, {
 module.exports = __toCommonJS(Auto_exports);
 var import_react = __toESM(require("react"));
 var import_Modal = require("@digigov/ui/app/Modal");
+var import_auto = require("@digigov/ui/app/Modal/auto");
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 const Auto = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalProvider, null, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { open: true, modal: "modal-1" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAuto, { id: "modal-1", clickOutside: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.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__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { modal: "modal-1", close: true, variant: "link" }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { modal: "modal-2", open: true }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAuto, { id: "modal-2", closeOnEscape: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { modal: "modal-2", variant: "link", close: true }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7")))));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_auto.ModalProvider, null, /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { open: true, modal: "modal-1" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalAuto, { id: "modal-1", clickOutside: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.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__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { modal: "modal-1", close: true, variant: "link" }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { modal: "modal-2", open: true }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalAuto, { id: "modal-2", closeOnEscape: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { modal: "modal-2", variant: "link", close: true }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7")))));
 };
 var Auto_default = Auto;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/app/Modal/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Modal/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  ModalAuto,\n  ModalHeading,\n  ModalContent,\n  ModalAction,\n  ModalButtonAuto,\n  ModalProvider,\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';\nexport const Auto = () => {\n  return (\n    <div>\n      <ModalProvider>\n        <ModalButtonAuto open modal=\"modal-1\">\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-1\" clickOutside>\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            <ModalButtonAuto modal=\"modal-1\" close variant=\"link\">\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n        <ModalButtonAuto modal=\"modal-2\" open>\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-2\" closeOnEscape>\n          <ModalHeading id=\"modal-label\">\n            \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n          </ModalHeading>\n          <ModalContent>\n            <FieldContainer margin={0}>\n              <LabelContainer>\n                \u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \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            <ModalButtonAuto modal=\"modal-2\" variant=\"link\" close>\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n      </ModalProvider>\n    </div>\n  );\n};\n\nexport default Auto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAOO;AAEP,oBAAuB;AACvB,4BAA+B;AAC/B,4BAA+B;AAC/B,uBAA0B;AACnB,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,gCAAgB,MAAI,MAAC,OAAM,aAAU,yGAEtC,GACA,6BAAAA,QAAA,cAAC,0BAAU,IAAG,WAAU,cAAY,QAClC,6BAAAA,QAAA,cAAC,6BAAa,IAAG,iBAAc,yGAAkB,GACjD,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC,wCAAe,QAAQ,KACtB,6BAAAA,QAAA,cAAC,4CAAe,6MAEd,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,GACf,6BAAAA,QAAA,cAAC,gCAAgB,OAAM,WAAU,OAAK,MAAC,SAAQ,UAAO,4CAEtD,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,gCAAgB,OAAM,WAAU,MAAI,QAAC,oJAEtC,GACA,6BAAAA,QAAA,cAAC,0BAAU,IAAG,WAAU,eAAa,QACnC,6BAAAA,QAAA,cAAC,6BAAa,IAAG,iBAAc,oJAE/B,GACA,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC,wCAAe,QAAQ,KACtB,6BAAAA,QAAA,cAAC,4CAAe,kPAEd,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,GACf,6BAAAA,QAAA,cAAC,gCAAgB,OAAM,WAAU,SAAQ,QAAO,OAAK,QAAC,4CAEtD,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  ModalHeading,\n  ModalContent,\n  ModalAction,\n} from '@digigov/ui/app/Modal';\nimport {\n  ModalAuto,\n  ModalButtonAuto,\n  ModalProvider,\n} from '@digigov/ui/app/Modal/auto';\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';\nexport const Auto = () => {\n  return (\n    <div>\n      <ModalProvider>\n        <ModalButtonAuto open modal=\"modal-1\">\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-1\" clickOutside>\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            <ModalButtonAuto modal=\"modal-1\" close variant=\"link\">\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n        <ModalButtonAuto modal=\"modal-2\" open>\n          \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n        </ModalButtonAuto>\n        <ModalAuto id=\"modal-2\" closeOnEscape>\n          <ModalHeading id=\"modal-label\">\n            \u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5\n          </ModalHeading>\n          <ModalContent>\n            <FieldContainer margin={0}>\n              <LabelContainer>\n                \u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \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            <ModalButtonAuto modal=\"modal-2\" variant=\"link\" close>\n              \u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7\n            </ModalButtonAuto>\n          </ModalAction>\n        </ModalAuto>\n      </ModalProvider>\n    </div>\n  );\n};\n\nexport default Auto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAIO;AACP,kBAIO;AAEP,oBAAuB;AACvB,4BAA+B;AAC/B,4BAA+B;AAC/B,uBAA0B;AACnB,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC,+BAAgB,MAAI,MAAC,OAAM,aAAU,yGAEtC,GACA,6BAAAA,QAAA,cAAC,yBAAU,IAAG,WAAU,cAAY,QAClC,6BAAAA,QAAA,cAAC,6BAAa,IAAG,iBAAc,yGAAkB,GACjD,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC,wCAAe,QAAQ,KACtB,6BAAAA,QAAA,cAAC,4CAAe,6MAEd,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,GACf,6BAAAA,QAAA,cAAC,+BAAgB,OAAM,WAAU,OAAK,MAAC,SAAQ,UAAO,4CAEtD,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,+BAAgB,OAAM,WAAU,MAAI,QAAC,oJAEtC,GACA,6BAAAA,QAAA,cAAC,yBAAU,IAAG,WAAU,eAAa,QACnC,6BAAAA,QAAA,cAAC,6BAAa,IAAG,iBAAc,oJAE/B,GACA,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC,wCAAe,QAAQ,KACtB,6BAAAA,QAAA,cAAC,4CAAe,kPAEd,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,UAAU,WAAW,CAClD,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,GACf,6BAAAA,QAAA,cAAC,+BAAgB,OAAM,WAAU,SAAQ,QAAO,OAAK,QAAC,4CAEtD,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

package/cjs/app/Modal/auto/index.js

@@ -36,8 +36,8 @@ __export(auto_exports, {
 module.exports = __toCommonJS(auto_exports);
 var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/react-core/Button");
+var import_Modal = __toESM(require("@digigov/ui/app/Modal"));
 var import_hooks = require("@digigov/ui/app/Modal/hooks");
-var import_Modal = __toESM(require("@digigov/ui/app/Modal/Modal"));
 const ModalContext = import_react.default.createContext(null);
 const ModalProvider = ({ children }) => {
   const modal = (0, import_hooks.useModal)();

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AAEpC,mBAAkD;AAClD,mBAAkB;AAEX,MAAM,eAAe,aAAAA,QAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,YAAQ,uBAAS;AACvB,SACE,6BAAAA,QAAA,cAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,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,6BAAAD,QAAA;AAAA,MAAC,aAAAE;AAAA,MAAA;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,aAAAF,QAAM,WAGnC,SAASG,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,6BAAAH,QAAA;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AAEpC,mBAAkB;AAClB,mBAAkD;AAE3C,MAAM,eAAe,aAAAA,QAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,YAAQ,uBAAS;AACvB,SACE,6BAAAA,QAAA,cAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,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,6BAAAD,QAAA;AAAA,MAAC,aAAAE;AAAA,MAAA;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,aAAAF,QAAM,WAGnC,SAASG,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,6BAAAH,QAAA;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": ["React", "ModalAuto", "Modal", "ModalButtonAuto"]
 }

package/cjs/app/Modal/index.js

@@ -37,9 +37,8 @@ __reExport(Modal_exports, require("@digigov/react-core/ModalContent"), module.ex
 __reExport(Modal_exports, require("@digigov/react-core/ModalAction"), module.exports);
 __reExport(Modal_exports, require("@digigov/ui/app/Modal/hooks"), module.exports);
 __reExport(Modal_exports, require("@digigov/ui/app/Modal/hooks"), module.exports);
-__reExport(Modal_exports, require("@digigov/ui/app/Modal/auto"), module.exports);
-__reExport(Modal_exports, require("@digigov/ui/app/Modal/Modal"), module.exports);
-var import_Modal = __toESM(require("@digigov/ui/app/Modal/Modal"));
+__reExport(Modal_exports, require("@digigov/ui/app/Modal/index.web"), module.exports);
+var import_Modal = __toESM(require("@digigov/ui/app/Modal/index.web"));
 var Modal_default = import_Modal.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -49,7 +48,6 @@ var Modal_default = import_Modal.default;
   ...require("@digigov/react-core/ModalAction"),
   ...require("@digigov/ui/app/Modal/hooks"),
   ...require("@digigov/ui/app/Modal/hooks"),
-  ...require("@digigov/ui/app/Modal/auto"),
-  ...require("@digigov/ui/app/Modal/Modal")
+  ...require("@digigov/ui/app/Modal/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/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';\nexport * from '@digigov/ui/app/Modal/auto';\n\nexport * from '@digigov/ui/app/Modal/Modal';\nimport Modal from '@digigov/ui/app/Modal/Modal';\nexport default Modal;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,+CAAd;AACA,0BAAc,6CADd;AAEA,0BAAc,6CAFd;AAGA,0BAAc,4CAHd;AAIA,0BAAc,wCAJd;AAKA,0BAAc,wCALd;AAMA,0BAAc,uCANd;AAQA,0BAAc,wCARd;AASA,mBAAkB;AAClB,IAAO,gBAAQ,aAAAA;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,+CAAd;AACA,0BAAc,6CADd;AAEA,0BAAc,6CAFd;AAGA,0BAAc,4CAHd;AAIA,0BAAc,wCAJd;AAKA,0BAAc,wCALd;AAOA,0BAAc,4CAPd;AAQA,mBAAkB;AAClB,IAAO,gBAAQ,aAAAA;",
   "names": ["Modal"]
 }

package/cjs/{patterns/FilteredResults/DataTable → app/Modal/index.native}/index.js

@@ -25,18 +25,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DataTable_exports = {};
-__export(DataTable_exports, {
-  DataTable: () => DataTable
+var index_native_exports = {};
+__export(index_native_exports, {
+  Modal: () => Modal,
+  default: () => index_native_default
 });
-module.exports = __toCommonJS(DataTable_exports);
+module.exports = __toCommonJS(index_native_exports);
 var import_react = __toESM(require("react"));
-var import_Table = require("@digigov/ui/content/Table");
-function DataTable({ dataConfig, data }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, dataConfig.map((itenConfig) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key: itenConfig.key }, itenConfig.title)))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data.length > 0 ? data.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, dataConfig.map((itemConfig, idx) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { key: idx }, itemConfig.displayComponent ? itemConfig.displayComponent(item[itemConfig.key]) : item[itemConfig.key])))) : /* @__PURE__ */ import_react.default.createElement(import_Table.TableNoDataRow, null, "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1"))));
-}
+var import_react_native = require("react-native");
+const Modal = ({ children, open, ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_native.Modal,
+    {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      ...props
+    },
+    children
+  );
+};
+var index_native_default = Modal;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DataTable
+  Modal
 });
-//# sourceMappingURL=DataTable.js.map
+//# sourceMappingURL=index.native.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAmC;AAE5B,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,GAAG,MAAM,MAAM;AACrD,SACE,6BAAAA,QAAA;AAAA,IAAC,oBAAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,aAAa;AAAA,MACb,eAAc;AAAA,MACb,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": ["React", "CoreModal"]
+}

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

@@ -25,13 +25,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Modal_exports = {};
-__export(Modal_exports, {
+var index_web_exports = {};
+__export(index_web_exports, {
   Modal: () => Modal,
   ModalBase: () => ModalBase,
-  default: () => Modal_default
+  default: () => index_web_default
 });
-module.exports = __toCommonJS(Modal_exports);
+module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
 var import_ModalContainer = __toESM(require("@digigov/react-core/ModalContainer"));
 var import_useKeypress = __toESM(require("@digigov/ui/utils/hooks/useKeypress"));
@@ -76,10 +76,10 @@ const ModalBase = import_react.default.forwardRef(
     );
   }
 );
-var Modal_default = Modal;
+var index_web_default = Modal;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Modal,
   ModalBase
 });
-//# sourceMappingURL=Modal.js.map
+//# sourceMappingURL=index.web.js.map