@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/navigation/Tabs/__stories__/UsingAccordion/index.js

@@ -0,0 +1,50 @@
+import React from "react";
+import {
+  SummaryList,
+  SummaryListItem,
+  SummaryListItemKey,
+  SummaryListItemValue,
+  SummaryListItemAction
+} from "@digigov/ui/content/SummaryList";
+import { Link } from "@digigov/ui/navigation/Link";
+import {
+  Tabs,
+  TabsHeading,
+  TabsList,
+  TabsListItem,
+  TabsPanel,
+  useTabs
+} from "@digigov/ui/navigation/Tabs";
+import { Heading } from "@digigov/ui/typography/Heading";
+import { Paragraph } from "@digigov/ui/typography/Paragraph";
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
+import { Hidden } from "@digigov/ui/layouts/Hidden";
+import {
+  Accordion,
+  AccordionSection,
+  AccordionSectionContent,
+  AccordionSectionSummary,
+  AccordionSectionSummaryHeading
+} from "@digigov/ui/content/Accordion";
+function UsingAccordion() {
+  const { register, panel } = useTabs({ defaultOpen: "a" });
+  const StoixeiaContent = () => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Heading, { size: "md", element: "h3" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ React.createElement(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemAction, null, /* @__PURE__ */ React.createElement(Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ React.createElement(VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "6941234567"), /* @__PURE__ */ React.createElement(SummaryListItemAction, null, /* @__PURE__ */ React.createElement(Link, null, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ React.createElement(VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 "))))));
+  };
+  const YpotheseisContent = () => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Heading, { size: "md", element: "h3" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD");
+  };
+  const MhnumataContent = () => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Heading, { size: "md", element: "h3" }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ React.createElement(Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."), " ");
+  };
+  const IstorikoContent = () => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Heading, { size: "md", element: "h3" }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC"), /* @__PURE__ */ React.createElement(Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Hidden, { xs: true, sm: true }, /* @__PURE__ */ React.createElement(Tabs, null, /* @__PURE__ */ React.createElement(TabsHeading, { size: "md" }, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1"), /* @__PURE__ */ React.createElement(TabsList, null, /* @__PURE__ */ React.createElement(TabsListItem, { ...register("a") }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ React.createElement(TabsListItem, { ...register("b") }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), /* @__PURE__ */ React.createElement(TabsListItem, { ...register("c") }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ React.createElement(TabsListItem, { ...register("d") }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC")), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("a") }, /* @__PURE__ */ React.createElement(StoixeiaContent, null)), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("b") }, /* @__PURE__ */ React.createElement(YpotheseisContent, null)), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("c") }, /* @__PURE__ */ React.createElement(MhnumataContent, null)), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("d") }, /* @__PURE__ */ React.createElement(IstorikoContent, null)))), /* @__PURE__ */ React.createElement(Hidden, { mdUp: true }, /* @__PURE__ */ React.createElement(Accordion, { summaryColor: "secondary", dense: true }, /* @__PURE__ */ React.createElement(AccordionSection, { open: true }, /* @__PURE__ */ React.createElement(AccordionSectionSummary, null, /* @__PURE__ */ React.createElement(AccordionSectionSummaryHeading, { "aria-controls": "content1" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7")), /* @__PURE__ */ React.createElement(AccordionSectionContent, { id: "content1" }, /* @__PURE__ */ React.createElement(StoixeiaContent, null))), /* @__PURE__ */ React.createElement(AccordionSection, null, /* @__PURE__ */ React.createElement(AccordionSectionSummary, null, /* @__PURE__ */ React.createElement(AccordionSectionSummaryHeading, { "aria-controls": "content2" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /* @__PURE__ */ React.createElement(AccordionSectionContent, { id: "content2" }, /* @__PURE__ */ React.createElement(YpotheseisContent, null))), /* @__PURE__ */ React.createElement(AccordionSection, null, /* @__PURE__ */ React.createElement(AccordionSectionSummary, null, /* @__PURE__ */ React.createElement(AccordionSectionSummaryHeading, { "aria-controls": "content3" }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1")), /* @__PURE__ */ React.createElement(AccordionSectionContent, { id: "content3" }, /* @__PURE__ */ React.createElement(MhnumataContent, null))), /* @__PURE__ */ React.createElement(AccordionSection, null, /* @__PURE__ */ React.createElement(AccordionSectionSummary, null, /* @__PURE__ */ React.createElement(AccordionSectionSummaryHeading, { "aria-controls": "content4" }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC")), /* @__PURE__ */ React.createElement(AccordionSectionContent, { id: "content4" }, /* @__PURE__ */ React.createElement(IstorikoContent, null))))));
+}
+var UsingAccordion_default = UsingAccordion;
+export {
+  UsingAccordion,
+  UsingAccordion_default as default
+};
+//# sourceMappingURL=UsingAccordion.js.map

package/navigation/Tabs/__stories__/UsingAccordion/package.json

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

package/navigation/Tabs/__stories__/UsingAccordion.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function UsingAccordion(): React.JSX.Element;
+export default UsingAccordion;

package/navigation/Tabs/__stories__/UsingAccordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/navigation/Tabs/__stories__/UsingAccordion.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\n\nexport function UsingAccordion() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n\n  const StoixeiaContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              <Link>\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </>\n    );\n  };\n  const YpotheseisContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </>\n    );\n  };\n\n  const MhnumataContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>{' '}\n      </>\n    );\n  };\n\n  const IstorikoContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Hidden xs sm>\n        <Tabs>\n          <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n          <TabsList>\n            <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n            <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n            <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n            <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n          </TabsList>\n          <TabsPanel {...panel('a')}>\n            <StoixeiaContent />\n          </TabsPanel>\n          <TabsPanel {...panel('b')}>\n            <YpotheseisContent />\n          </TabsPanel>\n          <TabsPanel {...panel('c')}>\n            <MhnumataContent />\n          </TabsPanel>\n          <TabsPanel {...panel('d')}>\n            <IstorikoContent />\n          </TabsPanel>\n        </Tabs>\n      </Hidden>\n      <Hidden mdUp>\n        <Accordion summaryColor='secondary' dense>\n          <AccordionSection open>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content1\">\n                \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content1\">\n              <StoixeiaContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content2\">\n                Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content2\">\n              <YpotheseisContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content3\">\n                \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content3\">\n              <MhnumataContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n          <AccordionSection>\n            <AccordionSectionSummary>\n              <AccordionSectionSummaryHeading aria-controls=\"content4\">\n                \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n              </AccordionSectionSummaryHeading>\n            </AccordionSectionSummary>\n            <AccordionSectionContent id=\"content4\">\n              <IstorikoContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n        </Accordion>\n      </Hidden>\n    </>\n  );\n}\n\nexport default UsingAccordion;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,iBAAiB;AAC/B,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ,EAAE,aAAa,IAAI,CAAC;AAExD,QAAM,kBAAkB,MAAM;AAC5B,WACE,0DACE,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACC,oCAAC,QAAK,MAAK,OAAI,yCACN,oCAAC,sBAAe,oDAAU,CACnC,CACF,CACF,GACA,oCAAC,uBACC,oCAAC,0BAAmB,gEAAY,GAChC,oCAAC,4BAAqB,wCAAa,CACrC,GACA,oCAAC,uBACC,oCAAC,0BAAmB,2HAAqB,GACzC,oCAAC,4BAAqB,YAAU,GAChC,oCAAC,6BACC,oCAAC,YAAK,yCACG,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF;AAAA,EAEJ;AACA,QAAM,oBAAoB,MAAM;AAC9B,WACE,0DACE,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ;AAAA,EAEJ;AAEA,QAAM,kBAAkB,MAAM;AAC5B,WACE,0DACE,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GACA,oCAAC,iBAAU,+bAQX,GAAa,GACf;AAAA,EAEJ;AAEA,QAAM,kBAAkB,MAAM;AAC5B,WACE,0DACE,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GACA,oCAAC,iBAAU,+bAQX,CACF;AAAA,EAEJ;AAEA,SACE,0DACE,oCAAC,UAAO,IAAE,MAAC,IAAE,QACX,oCAAC,YACC,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,qBAAgB,CACnB,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,uBAAkB,CACrB,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,qBAAgB,CACnB,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,qBAAgB,CACnB,CACF,CACF,GACA,oCAAC,UAAO,MAAI,QACV,oCAAC,aAAU,cAAa,aAAY,OAAK,QACvC,oCAAC,oBAAiB,MAAI,QACpB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,uFAEzD,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,qBAAgB,CACnB,CACF,GACA,oCAAC,wBACC,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,mDAEzD,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,uBAAkB,CACrB,CACF,GACA,oCAAC,wBACC,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,kDAEzD,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,qBAAgB,CACnB,CACF,GACA,oCAAC,wBACC,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,kDAEzD,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,qBAAgB,CACnB,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": []
+}

package/navigation/Tabs/auto/index.js

@@ -1,51 +1,39 @@
-import React, {useContext} from "react";
+import React, { useContext } from "react";
+import Tabs from "@digigov/react-core/Tabs";
+import {
+  TabsListItemBase
+} from "@digigov/react-core/TabsListItemBase";
+import {
+  TabsPanelBase
+} from "@digigov/react-core/TabsPanelBase";
 import {
-  Tabs,
-  TabsListItemBase,
-  TabsPanelBase,
   useTabs
-} from "@digigov/ui/navigation/Tabs";
+} from "@digigov/ui/navigation/Tabs/hooks";
 const TabsContext = React.createContext(null);
 const useTabsContext = () => {
   const context = useContext(TabsContext);
   return context;
 };
-const TabsAuto = ({defaultOpen, children, ...props}) => {
-  const tabs = useTabs({defaultOpen});
-  return /* @__PURE__ */ React.createElement(TabsContext.Provider, {
-    value: tabs
-  }, /* @__PURE__ */ React.createElement(Tabs, {
-    ...props
-  }, children));
+const TabsAuto = ({ defaultOpen, children, ...props }) => {
+  const tabs = useTabs({ defaultOpen });
+  return /* @__PURE__ */ React.createElement(TabsContext.Provider, { value: tabs }, /* @__PURE__ */ React.createElement(Tabs, { ...props }, children));
 };
-const TabsListItem = React.forwardRef(function TabsListItem2({...props}, ref) {
+const TabsListItem = React.forwardRef(function TabsListItem2({ ...props }, ref) {
   const context = useTabsContext();
   if (!context) {
-    return /* @__PURE__ */ React.createElement(TabsListItemBase, {
-      ...props,
-      ref
-    });
+    return /* @__PURE__ */ React.createElement(TabsListItemBase, { ...props, ref });
   }
-  return /* @__PURE__ */ React.createElement(TabsListItemBase, {
-    ...context.register(props.id),
-    ref,
-    ...props
-  });
+  return /* @__PURE__ */ React.createElement(TabsListItemBase, { ...context.register(props.id), ref, ...props });
 });
-const TabsPanel = React.forwardRef(function TabsPanel2({tab, ...props}, ref) {
-  const context = useTabsContext();
-  if (!context) {
-    return /* @__PURE__ */ React.createElement(TabsPanelBase, {
-      ref,
-      ...props
-    });
+const TabsPanel = React.forwardRef(
+  function TabsPanel2({ tab, ...props }, ref) {
+    const context = useTabsContext();
+    if (!context) {
+      return /* @__PURE__ */ React.createElement(TabsPanelBase, { ref, ...props });
+    }
+    return /* @__PURE__ */ React.createElement(TabsPanelBase, { ...context.panel(tab), ref, ...props });
   }
-  return /* @__PURE__ */ React.createElement(TabsPanelBase, {
-    ...context.panel(tab),
-    ref,
-    ...props
-  });
-});
+);
 export {
   TabsAuto,
   TabsContext,

package/navigation/Tabs/auto.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { UseTabsReturn, TabsListItemBaseProps, TabsPanelBaseProps } from '@digigov/ui/navigation/Tabs';
-import { TabId } from '@digigov/ui/navigation/Tabs';
+import { TabsListItemBaseProps } from '@digigov/react-core/TabsListItemBase';
+import { TabsPanelBaseProps } from '@digigov/react-core/TabsPanelBase';
+import { UseTabsReturn, TabId } from '@digigov/ui/navigation/Tabs/hooks';
 export interface TabsListItemProps extends TabsListItemBaseProps {
     id: string;
 }
@@ -13,6 +14,6 @@ export declare const TabsAuto: ({ defaultOpen, children, ...props }: {
     [x: string]: any;
     defaultOpen: any;
     children: any;
-}) => JSX.Element;
-export declare const TabsListItem: React.ForwardRefExoticComponent<Pick<TabsListItemProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "referrerPolicy" | "rel" | "download" | "ping" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & React.RefAttributes<HTMLAnchorElement>>;
-export declare const TabsPanel: React.ForwardRefExoticComponent<Pick<TabsPanelProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "tab" | "active"> & React.RefAttributes<HTMLDivElement>>;
+}) => React.JSX.Element;
+export declare const TabsListItem: React.ForwardRefExoticComponent<Omit<TabsListItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const TabsPanel: React.ForwardRefExoticComponent<Omit<TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/navigation/Tabs/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Tabs/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport {\n  Tabs,\n  TabsListItemBase,\n  TabsPanelBase,\n  UseTabsReturn,\n  useTabs,\n  TabsListItemBaseProps,\n  TabsPanelBaseProps,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabId } from '@digigov/ui/navigation/Tabs';\n\nexport interface TabsListItemProps extends TabsListItemBaseProps {\n  id: string;\n}\n\nexport interface TabsPanelProps extends TabsPanelBaseProps {\n  tab: TabId;\n}\n\nexport const TabsContext = React.createContext<UseTabsReturn | null>(null);\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  return context;\n};\n\nexport const TabsAuto = ({ defaultOpen, children, ...props }) => {\n  const tabs = useTabs({ defaultOpen });\n  return (\n    <TabsContext.Provider value={tabs}>\n      <Tabs {...props}>{children}</Tabs>\n    </TabsContext.Provider>\n  );\n};\n\nexport const TabsListItem = React.forwardRef<\n  HTMLAnchorElement,\n  TabsListItemProps\n>(function TabsListItem({ ...props }, ref) {\n  const context = useTabsContext();\n  if (!context) {\n    return <TabsListItemBase {...props} ref={ref} />;\n  }\n  return (\n    <TabsListItemBase {...context.register(props.id)} ref={ref} {...props} />\n  );\n});\n\nexport const TabsPanel = React.forwardRef<HTMLDivElement, TabsPanelProps>(\n  function TabsPanel({ tab, ...props }, ref) {\n    const context = useTabsContext();\n    if (!context) {\n      return <TabsPanelBase ref={ref} {...props} />;\n    }\n    return <TabsPanelBase {...context.panel(tab)} ref={ref} {...props} />;\n  }\n);\n"],
-  "mappings": "AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBO,MAAM,cAAc,MAAM,cAAoC;AAE9D,MAAM,iBAAiB,MAAM;AAClC,QAAM,UAAU,WAAW;AAC3B,SAAO;AAAA;AAGF,MAAM,WAAW,CAAC,CAAE,aAAa,aAAa,WAAY;AAC/D,QAAM,OAAO,QAAQ,CAAE;AACvB,SACE,oCAAC,YAAY,UAAb;AAAA,IAAsB,OAAO;AAAA,KAC3B,oCAAC,MAAD;AAAA,OAAU;AAAA,KAAQ;AAAA;AAKjB,MAAM,eAAe,MAAM,WAGhC,uBAAsB,IAAK,QAAS,KAAK;AACzC,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACZ,WAAO,oCAAC,kBAAD;AAAA,SAAsB;AAAA,MAAO;AAAA;AAAA;AAEtC,SACE,oCAAC,kBAAD;AAAA,OAAsB,QAAQ,SAAS,MAAM;AAAA,IAAK;AAAA,OAAc;AAAA;AAAA;AAI7D,MAAM,YAAY,MAAM,WAC7B,oBAAmB,CAAE,QAAQ,QAAS,KAAK;AACzC,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACZ,WAAO,oCAAC,eAAD;AAAA,MAAe;AAAA,SAAc;AAAA;AAAA;AAEtC,SAAO,oCAAC,eAAD;AAAA,OAAmB,QAAQ,MAAM;AAAA,IAAM;AAAA,OAAc;AAAA;AAAA;",
-  "names": []
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport Tabs from '@digigov/react-core/Tabs';\nimport {\n  TabsListItemBase,\n  TabsListItemBaseProps,\n} from '@digigov/react-core/TabsListItemBase';\nimport {\n  TabsPanelBase,\n  TabsPanelBaseProps,\n} from '@digigov/react-core/TabsPanelBase';\nimport {\n  useTabs,\n  UseTabsReturn,\n  TabId,\n} from '@digigov/ui/navigation/Tabs/hooks';\n\nexport interface TabsListItemProps extends TabsListItemBaseProps {\n  id: string;\n}\n\nexport interface TabsPanelProps extends TabsPanelBaseProps {\n  tab: TabId;\n}\n\nexport const TabsContext = React.createContext<UseTabsReturn | null>(null);\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  return context;\n};\n\nexport const TabsAuto = ({ defaultOpen, children, ...props }) => {\n  const tabs = useTabs({ defaultOpen });\n  return (\n    <TabsContext.Provider value={tabs}>\n      <Tabs {...props}>{children}</Tabs>\n    </TabsContext.Provider>\n  );\n};\n\nexport const TabsListItem = React.forwardRef<\n  HTMLAnchorElement,\n  TabsListItemProps\n>(function TabsListItem({ ...props }, ref) {\n  const context = useTabsContext();\n  if (!context) {\n    return <TabsListItemBase {...props} ref={ref} />;\n  }\n  return (\n    <TabsListItemBase {...context.register(props.id)} ref={ref} {...props} />\n  );\n});\n\nexport const TabsPanel = React.forwardRef<HTMLDivElement, TabsPanelProps>(\n  function TabsPanel({ tab, ...props }, ref) {\n    const context = useTabsContext();\n    if (!context) {\n      return <TabsPanelBase ref={ref} {...props} />;\n    }\n    return <TabsPanelBase {...context.panel(tab)} ref={ref} {...props} />;\n  }\n);\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAElC,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAGK;AAUA,MAAM,cAAc,MAAM,cAAoC,IAAI;AAElE,MAAM,iBAAiB,MAAM;AAClC,QAAM,UAAU,WAAW,WAAW;AACtC,SAAO;AACT;AAEO,MAAM,WAAW,CAAC,EAAE,aAAa,UAAU,GAAG,MAAM,MAAM;AAC/D,QAAM,OAAO,QAAQ,EAAE,YAAY,CAAC;AACpC,SACE,oCAAC,YAAY,UAAZ,EAAqB,OAAO,QAC3B,oCAAC,QAAM,GAAG,SAAQ,QAAS,CAC7B;AAEJ;AAEO,MAAM,eAAe,MAAM,WAGhC,SAASA,cAAa,EAAE,GAAG,MAAM,GAAG,KAAK;AACzC,QAAM,UAAU,eAAe;AAC/B,MAAI,CAAC,SAAS;AACZ,WAAO,oCAAC,oBAAkB,GAAG,OAAO,KAAU;AAAA,EAChD;AACA,SACE,oCAAC,oBAAkB,GAAG,QAAQ,SAAS,MAAM,EAAE,GAAG,KAAW,GAAG,OAAO;AAE3E,CAAC;AAEM,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK;AACzC,UAAM,UAAU,eAAe;AAC/B,QAAI,CAAC,SAAS;AACZ,aAAO,oCAAC,iBAAc,KAAW,GAAG,OAAO;AAAA,IAC7C;AACA,WAAO,oCAAC,iBAAe,GAAG,QAAQ,MAAM,GAAG,GAAG,KAAW,GAAG,OAAO;AAAA,EACrE;AACF;",
+  "names": ["TabsListItem", "TabsPanel"]
 }

package/navigation/Tabs/hooks/index.js

@@ -1,59 +1,71 @@
-import React, {useState, useRef, useCallback} from "react";
+import { useScreenSize } from "@digigov/ui/utils/hooks/useScreen";
+import React, { useState, useRef, useCallback } from "react";
 const useTabs = ({
   defaultOpen = null
 } = {}) => {
   const [currentOpen, setCurrentOpen] = useState(defaultOpen);
-  const tabsRef = useRef(new Map());
+  const tabsRef = useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const { screenSize } = useScreenSize();
   const open = useCallback((id) => {
     setCurrentOpen(id);
     tabsRef.current.get(id)?.current?.focus();
   }, []);
-  const navigate = useCallback((direction) => {
-    const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];
-    const tabs = Array.from(tabsRef.current.keys());
-    const currentIndex = tabs.indexOf(focusedTabId || currentOpen);
-    const newIndex = direction === "next" ? currentIndex + 1 : currentIndex - 1;
-    if (newIndex >= 0 && newIndex < tabs.length) {
-      tabsRef.current.get(tabs[newIndex])?.current?.focus();
-    }
-  }, [currentOpen, tabsRef.current]);
-  const register = useCallback((id) => {
-    if (!tabsRef.current.has(id)) {
-      if (tabsRef.current.size === 0 && !currentOpen) {
-        setCurrentOpen(id);
+  const navigate = useCallback(
+    (direction) => {
+      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];
+      const tabs = Array.from(tabsRef.current.keys());
+      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);
+      const newIndex = direction === "next" ? currentIndex + 1 : currentIndex - 1;
+      if (newIndex >= 0 && newIndex < tabs.length) {
+        tabsRef.current.get(tabs[newIndex])?.current?.focus();
       }
-      tabsRef.current.set(id, React.createRef());
-    }
-    return {
-      role: "tab",
-      id: `tab-${id}`,
-      href: `#panel-${id}`,
-      "aria-selected": currentOpen === id,
-      open: currentOpen === id,
-      "aria-controls": `panel-${id}`,
-      tabIndex: currentOpen === id ? 0 : -1,
-      onClick: (e) => {
-        e.preventDefault();
-        open(id);
-      },
-      onKeyDown: (e) => {
-        switch (e.key) {
-          case "ArrowRight":
-          case "ArrowDown":
-            navigate("next");
-            break;
-          case "ArrowLeft":
-          case "ArrowUp":
-            navigate("previous");
-            break;
-          case "Enter":
-            open(id);
-            break;
+    },
+    [currentOpen, tabsRef.current]
+  );
+  const register = useCallback(
+    (id) => {
+      if (!tabsRef.current.has(id)) {
+        if (tabsRef.current.size === 0 && !currentOpen) {
+          setCurrentOpen(id);
         }
-      },
-      ref: tabsRef.current.get(id)
-    };
-  }, [currentOpen]);
+        tabsRef.current.set(id, React.createRef());
+      }
+      return {
+        role: "tab",
+        id: `tab-${id}`,
+        href: `#panel-${id}`,
+        "aria-selected": currentOpen === id,
+        open: currentOpen === id,
+        "aria-controls": `panel-${id}`,
+        tabIndex: currentOpen === id ? 0 : -1,
+        onClick: (e) => {
+          if (screenSize != "xs" && screenSize != "sm") {
+            e.preventDefault();
+          }
+          open(id);
+        },
+        onKeyDown: (e) => {
+          switch (e.key) {
+            case "ArrowRight":
+            case "ArrowDown":
+              navigate("next");
+              break;
+            case "ArrowLeft":
+            case "ArrowUp":
+              navigate("previous");
+              break;
+            case "Enter":
+              open(id);
+              break;
+          }
+        },
+        ref: tabsRef.current.get(id)
+      };
+    },
+    [currentOpen]
+  );
   const panel = (id) => {
     return {
       role: "tabpanel",

package/navigation/Tabs/hooks.js.map

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

package/navigation/Tabs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/Tabs/index.tsx"],
   "sourcesContent": ["import Tabs from '@digigov/react-core/Tabs';\n\nexport * from '@digigov/react-core/Tabs';\nexport * from '@digigov/ui/navigation/Tabs/hooks';\nexport * from '@digigov/react-core/TabsList';\nexport * from '@digigov/react-core/TabsListItemBase';\nexport * from '@digigov/react-core/TabsPanelBase';\nexport * from '@digigov/react-core/TabsHeading';\nexport * from '@digigov/ui/navigation/Tabs/auto';\n\nexport default Tabs;\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAO,eAAQ;",
+  "mappings": "AAAA,OAAO,UAAU;AAEjB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,eAAQ;",
   "names": []
 }

package/navigation/Tabs/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/navigation/Tabs/interaction.test.d.ts

@@ -0,0 +1 @@
+export {};

package/navigation/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigation/index.ts"],
   "sourcesContent": ["export * from '@digigov/ui/navigation/BackLink';\nexport * from '@digigov/ui/navigation/Breadcrumbs';\nexport * from '@digigov/ui/navigation/Drawer';\nexport * from '@digigov/ui/navigation/Dropdown';\nexport * from '@digigov/ui/navigation/Link';\nexport * from '@digigov/ui/navigation/NavList';\nexport * from '@digigov/ui/navigation/Pagination';\nexport * from '@digigov/ui/navigation/SkipLink';\nexport * from '@digigov/ui/navigation/Tabs';\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@digigov/ui",
-  "version": "2.0.0-7d9a8d86",
+  "version": "2.0.0-85c27c19",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@uides/react-qr-reader": "3.0.0",
-    "yup": "0.32.11",
-    "publint": "0.1.8",
-    "dompurify": "3.0.6"
+    "@uides/react-qr-reader": "3.0.1-85c27c19",
+    "@digigov/react-icons": "2.0.0-85c27c19",
+    "@digigov/form": "2.0.0-85c27c19",
+    "dompurify": "3.0.6",
+    "highlight.js": "11.10.0"
   },
   "peerDependencies": {
     "react-query": "2.26.4",
     "clsx": "1.1.1",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "2.0.0-7d9a8d86",
-    "@digigov/react-icons": "2.0.0-7d9a8d86",
-    "@digigov/css": "2.0.0-7d9a8d86",
-    "@digigov/theme-govgr-light": "1.1.0-7d9a8d86",
-    "@digigov/theme-govgr-dark": "2.0.0-7d9a8d86"
+    "react": ">=16.8.0 <19.0.0",
+    "react-dom": ">=16.8.0 <19.0.0",
+    "@digigov/react-core": "2.0.0-85c27c19",
+    "@digigov/css": "2.0.0-85c27c19",
+    "@digigov/theme-govgr-light": "1.1.0-85c27c19",
+    "@digigov/theme-govgr-dark": "2.0.0-85c27c19"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry/index.js

@@ -31,6 +31,7 @@ import * as _digigov_ui_app_Masthead from "@digigov/ui/app/Masthead";
 import * as _digigov_ui_app_Modal_auto from "@digigov/ui/app/Modal/auto";
 import * as _digigov_ui_app_Modal_hooks from "@digigov/ui/app/Modal/hooks";
 import * as _digigov_ui_app_Modal from "@digigov/ui/app/Modal";
+import * as _digigov_ui_app_Modal_Modal from "@digigov/ui/app/Modal/Modal";
 import * as _digigov_ui_app_NotFound from "@digigov/ui/app/NotFound";
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion from "@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion";
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from "@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck";
@@ -43,6 +44,7 @@ import * as _digigov_ui_app_QrCodeViewer from "@digigov/ui/app/QrCodeViewer";
 import * as _digigov_ui_app_QrCodeViewer_qrcodegen from "@digigov/ui/app/QrCodeViewer/qrcodegen";
 import * as _digigov_ui_app_QrCodeViewer_types from "@digigov/ui/app/QrCodeViewer/types";
 import * as _digigov_ui_app_QrCodeViewer_utils from "@digigov/ui/app/QrCodeViewer/utils";
+import * as _digigov_ui_app_Skeleton from "@digigov/ui/app/Skeleton";
 import * as _digigov_ui_app_ThemeOptions from "@digigov/ui/app/ThemeOptions";
 import * as _digigov_ui_content_Accordion_auto from "@digigov/ui/content/Accordion/auto";
 import * as _digigov_ui_content_Accordion_hooks from "@digigov/ui/content/Accordion/hooks";
@@ -155,6 +157,7 @@ import * as _digigov_ui_navigation_NavList_types from "@digigov/ui/navigation/Na
 import * as _digigov_ui_navigation_Pagination_auto from "@digigov/ui/navigation/Pagination/auto";
 import * as _digigov_ui_navigation_Pagination_hooks from "@digigov/ui/navigation/Pagination/hooks";
 import * as _digigov_ui_navigation_Pagination from "@digigov/ui/navigation/Pagination";
+import * as _digigov_ui_navigation_Pagination_Pagination from "@digigov/ui/navigation/Pagination/Pagination";
 import * as _digigov_ui_navigation_SkipLink from "@digigov/ui/navigation/SkipLink";
 import * as _digigov_ui_navigation_Tabs_auto from "@digigov/ui/navigation/Tabs/auto";
 import * as _digigov_ui_navigation_Tabs_hooks from "@digigov/ui/navigation/Tabs/hooks";
@@ -177,21 +180,25 @@ import * as _digigov_ui_utils_hooks_useSearch from "@digigov/ui/utils/hooks/useS
 import * as _digigov_ui_utils_hooks_useTogglableTab from "@digigov/ui/utils/hooks/useTogglableTab";
 import * as _digigov_ui_utils from "@digigov/ui/utils";
 import * as _digigov_ui_utils_SvgIcon from "@digigov/ui/utils/SvgIcon";
+import * as _digigov_ui_utils_TestVariant from "@digigov/ui/utils/TestVariant";
 import * as _digigov_ui_utils_Typography from "@digigov/ui/utils/Typography";
 import * as _digigov_ui_utils_VisuallyHidden from "@digigov/ui/utils/VisuallyHidden";
 import * as _digigov_ui_utils_withDeprecation from "@digigov/ui/utils/withDeprecation";
 function lazyImport(pkgImport) {
-  return new Proxy({}, {
-    get: (_target, name) => {
-      if (name === "__esModule" || name === "default") {
-        return pkgImport.default;
-      } else if (name === "*") {
-        return pkgImport;
-      } else {
-        return pkgImport[name];
+  return new Proxy(
+    {},
+    {
+      get: (_target, name) => {
+        if (name === "__esModule" || name === "default") {
+          return pkgImport.default;
+        } else if (name === "*") {
+          return pkgImport;
+        } else {
+          return pkgImport[name];
+        }
       }
     }
-  });
+  );
 }
 var registry_default = {
   "@digigov/ui/api/APIErrors": lazyImport(_digigov_ui_api_APIErrors),
@@ -227,6 +234,7 @@ var registry_default = {
   "@digigov/ui/app/Modal/auto": lazyImport(_digigov_ui_app_Modal_auto),
   "@digigov/ui/app/Modal/hooks": lazyImport(_digigov_ui_app_Modal_hooks),
   "@digigov/ui/app/Modal": lazyImport(_digigov_ui_app_Modal),
+  "@digigov/ui/app/Modal/Modal": lazyImport(_digigov_ui_app_Modal_Modal),
   "@digigov/ui/app/NotFound": lazyImport(_digigov_ui_app_NotFound),
   "@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion": lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
   "@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck": lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
@@ -239,6 +247,7 @@ var registry_default = {
   "@digigov/ui/app/QrCodeViewer/qrcodegen": lazyImport(_digigov_ui_app_QrCodeViewer_qrcodegen),
   "@digigov/ui/app/QrCodeViewer/types": lazyImport(_digigov_ui_app_QrCodeViewer_types),
   "@digigov/ui/app/QrCodeViewer/utils": lazyImport(_digigov_ui_app_QrCodeViewer_utils),
+  "@digigov/ui/app/Skeleton": lazyImport(_digigov_ui_app_Skeleton),
   "@digigov/ui/app/ThemeOptions": lazyImport(_digigov_ui_app_ThemeOptions),
   "@digigov/ui/content/Accordion/auto": lazyImport(_digigov_ui_content_Accordion_auto),
   "@digigov/ui/content/Accordion/hooks": lazyImport(_digigov_ui_content_Accordion_hooks),
@@ -351,6 +360,7 @@ var registry_default = {
   "@digigov/ui/navigation/Pagination/auto": lazyImport(_digigov_ui_navigation_Pagination_auto),
   "@digigov/ui/navigation/Pagination/hooks": lazyImport(_digigov_ui_navigation_Pagination_hooks),
   "@digigov/ui/navigation/Pagination": lazyImport(_digigov_ui_navigation_Pagination),
+  "@digigov/ui/navigation/Pagination/Pagination": lazyImport(_digigov_ui_navigation_Pagination_Pagination),
   "@digigov/ui/navigation/SkipLink": lazyImport(_digigov_ui_navigation_SkipLink),
   "@digigov/ui/navigation/Tabs/auto": lazyImport(_digigov_ui_navigation_Tabs_auto),
   "@digigov/ui/navigation/Tabs/hooks": lazyImport(_digigov_ui_navigation_Tabs_hooks),
@@ -373,6 +383,7 @@ var registry_default = {
   "@digigov/ui/utils/hooks/useTogglableTab": lazyImport(_digigov_ui_utils_hooks_useTogglableTab),
   "@digigov/ui/utils": lazyImport(_digigov_ui_utils),
   "@digigov/ui/utils/SvgIcon": lazyImport(_digigov_ui_utils_SvgIcon),
+  "@digigov/ui/utils/TestVariant": lazyImport(_digigov_ui_utils_TestVariant),
   "@digigov/ui/utils/Typography": lazyImport(_digigov_ui_utils_Typography),
   "@digigov/ui/utils/VisuallyHidden": lazyImport(_digigov_ui_utils_VisuallyHidden),
   "@digigov/ui/utils/withDeprecation": lazyImport(_digigov_ui_utils_withDeprecation)
@@ -388,6 +399,7 @@ import * as _digigov_ui_app_Panel_Panel_stories from "@digigov/ui/app/Panel/Pane
 import * as _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories from "@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories";
 import * as _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories from "@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories";
 import * as _digigov_ui_app_QrCodeViewer_QRCode_stories from "@digigov/ui/app/QrCodeViewer/QRCode.stories";
+import * as _digigov_ui_app_Skeleton_Skeleton_stories from "@digigov/ui/app/Skeleton/Skeleton.stories";
 import * as _digigov_ui_content_Accordion_Accordion_stories from "@digigov/ui/content/Accordion/Accordion.stories";
 import * as _digigov_ui_content_Blockquote_Blockquote_stories from "@digigov/ui/content/Blockquote/Blockquote.stories";
 import * as _digigov_ui_content_Card_Card_stories from "@digigov/ui/content/Card/Card.stories";
@@ -429,6 +441,7 @@ import * as _digigov_ui_navigation_NavList_NavList_stories from "@digigov/ui/nav
 import * as _digigov_ui_navigation_Pagination_Pagination_stories from "@digigov/ui/navigation/Pagination/Pagination.stories";
 import * as _digigov_ui_navigation_SkipLink_SkipLink_stories from "@digigov/ui/navigation/SkipLink/SkipLink.stories";
 import * as _digigov_ui_navigation_Tabs_Tabs_stories from "@digigov/ui/navigation/Tabs/Tabs.stories";
+import * as _digigov_ui_typography_CodeBlock_CodeBlock_stories from "@digigov/ui/typography/CodeBlock/CodeBlock.stories";
 import * as _digigov_ui_typography_Heading_Heading_stories from "@digigov/ui/typography/Heading/Heading.stories";
 import * as _digigov_ui_typography_HeadingCaption_HeadingCaption_stories from "@digigov/ui/typography/HeadingCaption/HeadingCaption.stories";
 import * as _digigov_ui_typography_Hint_Hint_stories from "@digigov/ui/typography/Hint/Hint.stories";
@@ -447,6 +460,7 @@ const stories = {
   "@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories": _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories,
   "@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories": _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories,
   "@digigov/ui/app/QrCodeViewer/QRCode.stories": _digigov_ui_app_QrCodeViewer_QRCode_stories,
+  "@digigov/ui/app/Skeleton/Skeleton.stories": _digigov_ui_app_Skeleton_Skeleton_stories,
   "@digigov/ui/content/Accordion/Accordion.stories": _digigov_ui_content_Accordion_Accordion_stories,
   "@digigov/ui/content/Blockquote/Blockquote.stories": _digigov_ui_content_Blockquote_Blockquote_stories,
   "@digigov/ui/content/Card/Card.stories": _digigov_ui_content_Card_Card_stories,
@@ -488,6 +502,7 @@ const stories = {
   "@digigov/ui/navigation/Pagination/Pagination.stories": _digigov_ui_navigation_Pagination_Pagination_stories,
   "@digigov/ui/navigation/SkipLink/SkipLink.stories": _digigov_ui_navigation_SkipLink_SkipLink_stories,
   "@digigov/ui/navigation/Tabs/Tabs.stories": _digigov_ui_navigation_Tabs_Tabs_stories,
+  "@digigov/ui/typography/CodeBlock/CodeBlock.stories": _digigov_ui_typography_CodeBlock_CodeBlock_stories,
   "@digigov/ui/typography/Heading/Heading.stories": _digigov_ui_typography_Heading_Heading_stories,
   "@digigov/ui/typography/HeadingCaption/HeadingCaption.stories": _digigov_ui_typography_HeadingCaption_HeadingCaption_stories,
   "@digigov/ui/typography/Hint/Hint.stories": _digigov_ui_typography_Hint_Hint_stories,