@digigov/ui 2.0.0-85c27c19 → 2.0.0-87b6232d

package/navigation/Pagination/__stories__/WithResultsPerPage/index.js

@@ -5,6 +5,7 @@ import {
   SelectOption
 } from "@digigov/ui/form/SelectContainer";
 import { I18NProvider } from "@digigov/ui/i18n";
+import { ChevronIcon } from "@digigov/ui/icons";
 import { Link } from "@digigov/ui/navigation/Link";
 import {
   Pagination,
@@ -12,7 +13,6 @@ import {
   PaginationListItem,
   PaginationLabel
 } from "@digigov/ui/navigation/Pagination";
-import { ChevronIcon } from "@digigov/ui/utils/SvgIcon";
 const WithResultsPerPage = () => /* @__PURE__ */ React.createElement(I18NProvider, { t: (str) => str }, /* @__PURE__ */ React.createElement(Pagination, null, /* @__PURE__ */ React.createElement(PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ React.createElement(LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ React.createElement(SelectContainer, null, /* @__PURE__ */ React.createElement(SelectOption, null, "5"), /* @__PURE__ */ React.createElement(SelectOption, null, "10"), /* @__PURE__ */ React.createElement(SelectOption, null, "15"))), /* @__PURE__ */ React.createElement(PaginationList, null, /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page1" }, "1")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page7" }, "7")), /* @__PURE__ */ React.createElement(PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page9" }, "9")), /* @__PURE__ */ React.createElement(PaginationListItem, { variant: "dots" }), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, { href: "#page20" }, "20")), /* @__PURE__ */ React.createElement(PaginationListItem, null, /* @__PURE__ */ React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "right" }))))));
 var WithResultsPerPage_default = WithResultsPerPage;
 export {

package/navigation/Pagination/__stories__/WithResultsPerPage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/__stories__/WithResultsPerPage.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const WithResultsPerPage = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <LabelContainer>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n        <SelectContainer>\n          <SelectOption>5</SelectOption>\n          <SelectOption>10</SelectOption>\n          <SelectOption>15</SelectOption>\n        </SelectContainer>\n      </LabelContainer>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB;AAErB,MAAM,qBAAqB,MAChC,oCAAC,gBAAa,GAAG,CAAC,QAAgB,OAChC,oCAAC,kBACC,oCAAC,mBAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,oCAAC,sBAAe,oIAEd,oCAAC,uBACC,oCAAC,oBAAa,GAAC,GACf,oCAAC,oBAAa,IAAE,GAChB,oCAAC,oBAAa,IAAE,CAClB,CACF,GACA,oCAAC,sBACC,oCAAC,0BACC,oCAAC,YACC,oCAAC,eAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,aAAW,QAAC,GAAC,GACjC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,aAAU,IAAE,CACzB,GACA,oCAAC,0BACC,oCAAC,YAAK,8CAEJ,oCAAC,eAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const WithResultsPerPage = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <LabelContainer>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n        <SelectContainer>\n          <SelectOption>5</SelectOption>\n          <SelectOption>10</SelectOption>\n          <SelectOption>15</SelectOption>\n        </SelectContainer>\n      </LabelContainer>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,qBAAqB,MAChC,oCAAC,gBAAa,GAAG,CAAC,QAAgB,OAChC,oCAAC,kBACC,oCAAC,mBAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,oCAAC,sBAAe,oIAEd,oCAAC,uBACC,oCAAC,oBAAa,GAAC,GACf,oCAAC,oBAAa,IAAE,GAChB,oCAAC,oBAAa,IAAE,CAClB,CACF,GACA,oCAAC,sBACC,oCAAC,0BACC,oCAAC,YACC,oCAAC,eAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,aAAW,QAAC,GAAC,GACjC,oCAAC,0BACC,oCAAC,QAAK,MAAK,YAAS,GAAC,CACvB,GACA,oCAAC,sBAAmB,SAAQ,QAAO,GACnC,oCAAC,0BACC,oCAAC,QAAK,MAAK,aAAU,IAAE,CACzB,GACA,oCAAC,0BACC,oCAAC,YAAK,8CAEJ,oCAAC,eAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": []
 }

package/navigation/Pagination/auto.d.ts

@@ -17,8 +17,8 @@ export declare const usePaginationContext: () => usePaginationReturn;
 export declare const PaginationContextAuto: ({ total, resultsPerPageOptions, previousLabel, nextLabel, children, ...props }: {
     total: number;
     resultsPerPageOptions: number[];
-    previousLabel?: string | undefined;
-    nextLabel?: string | undefined;
+    previousLabel?: string;
+    nextLabel?: string;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const PaginationAuto: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/navigation/Pagination/index.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/Pagination';
 export * from '@digigov/react-core/PaginationList';
 export * from '@digigov/react-core/PaginationListItem';
 export * from '@digigov/ui/navigation/Pagination/hooks';
-export * from '@digigov/ui/navigation/Pagination/auto';
 export { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';

package/navigation/Pagination/index.js

@@ -5,7 +5,6 @@ export * from "@digigov/react-core/Pagination";
 export * from "@digigov/react-core/PaginationList";
 export * from "@digigov/react-core/PaginationListItem";
 export * from "@digigov/ui/navigation/Pagination/hooks";
-export * from "@digigov/ui/navigation/Pagination/auto";
 import { PaginationLabelContainer } from "@digigov/react-core/PaginationLabelContainer";
 export {
   PaginationLabelContainer,

package/navigation/Pagination/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Pagination/index.tsx"],
-  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport * from '@digigov/ui/navigation/Pagination/auto';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,qBAAQ;AAEf,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;",
+  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,qBAAQ;AAEf,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;",
   "names": []
 }

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

@@ -7,13 +7,12 @@ import {
   SummaryListItemAction
 } from "@digigov/ui/content/SummaryList";
 import { Link } from "@digigov/ui/navigation/Link";
+import { TabsHeading, TabsList } from "@digigov/ui/navigation/Tabs";
 import {
   TabsAuto,
-  TabsHeading,
-  TabsList,
   TabsListItem,
   TabsPanel
-} from "@digigov/ui/navigation/Tabs";
+} from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 function Auto() {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\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  TabsAuto,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs';\n\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\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              {' '}\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              {' '}\n              <Link>\n                {' '}\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      </TabsPanel>\n      <TabsPanel tab=\"b\">\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      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;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,OACK;AAEP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,OAAO;AACrB,SACE,oCAAC,YAAS,aAAa,OACrB,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAa,IAAG,OAAI,uFAAe,GACpC,oCAAC,gBAAa,IAAG,OAAI,mDAAS,CAChC,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,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,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\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 { TabsHeading, TabsList } from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsAuto,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\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              {' '}\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              {' '}\n              <Link>\n                {' '}\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      </TabsPanel>\n      <TabsPanel tab=\"b\">\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      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,aAAa,gBAAgB;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,OAAO;AACrB,SACE,oCAAC,YAAS,aAAa,OACrB,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAa,IAAG,OAAI,uFAAe,GACpC,oCAAC,gBAAa,IAAG,OAAI,mDAAS,CAChC,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,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,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAU,KAAI,OACb,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": []
 }

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

@@ -11,16 +11,14 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import { TabsListItem, TabsPanel } from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
-import { Paragraph } from "@digigov/ui/typography/Paragraph";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 function Default() {
   const { register, panel } = useTabs({ defaultOpen: "a" });
-  return /* @__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(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 ")))))), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("b") }, /* @__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"), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("c") }, /* @__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."), /* @__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.")), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("d") }, /* @__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."), /* @__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(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(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 ")))))), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("b") }, /* @__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"), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("c") }, /* @__PURE__ */ React.createElement(Heading, { size: "md", element: "h3" }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ React.createElement(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "25/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AE \u0391\u03C1\u03C7\u03AE \u0391\u03B8\u03B7\u03BD\u03CE\u03BD")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03AE \u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03CE\u03BD \u03A4\u03B5\u03BB\u03CE\u03BD")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03B5\u03BE\u03BF\u03C6\u03BB\u03AE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03B4\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AC \u03C4\u03AD\u03BB\u03B7 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2 2025 \u03BC\u03AD\u03C7\u03C1\u03B9 \u03C4\u03B9\u03C2 15/04/2025.")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "15/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u039F\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03CE\u03BD")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE \u0394\u03AE\u03BB\u03C9\u03C3\u03B7")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0397 \u03C0\u03C1\u03BF\u03B8\u03B5\u03C3\u03BC\u03AF\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03BB\u03AE\u03B3\u03B5\u03B9 \u03C3\u03C4\u03B9\u03C2 31/03/2025. \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03AE\u03BB\u03C9\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B5\u03B3\u03BA\u03B1\u03AF\u03C1\u03C9\u03C2.")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "10/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0395\u03B8\u03BD\u03B9\u03BA\u03AE \u03A4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1 \u0395\u03BB\u03BB\u03AC\u03B4\u03BF\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0391\u03BD\u03B1\u03B3\u03B3\u03B5\u03BB\u03AF\u03B1 \u03A3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0397 \u03C3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C3\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03C0\u03BF\u03C3\u03CC \u03C4\u03C9\u03BD 500\u20AC \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C3\u03C4\u03B9\u03C2 10/03/2025.")))), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("d") }, /* @__PURE__ */ React.createElement(Heading, { size: "md", element: "h3" }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC"), /* @__PURE__ */ React.createElement(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "25/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0394\u03AE\u03BB\u03C9\u03C3\u03B7 \u03B1\u03C0\u03CE\u03BB\u03B5\u03B9\u03B1\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "15/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03951 - \u0388\u03C4\u03BF\u03C2 2024")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "10/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u039F\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0394\u03AE\u03BC\u03BF\u03C2 \u0391\u03B8\u03B7\u03BD\u03B1\u03AF\u03C9\u03BD")))));
 }
 var Default_default = Default;
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Default.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';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\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        <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              {' '}\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              {' '}\n              <Link>\n                {' '}\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      </TabsPanel>\n      <TabsPanel {...panel('b')}>\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      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        {/* fill a random paragraph */}\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        <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      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        {/* fill a random paragraph */}\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        <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      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\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;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,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,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,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,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,oCAAC,iBAAU,+bAQX,GACA,oCAAC,iBAAU,+bAQX,CACF,CACF;AAEJ;AAEA,IAAO,kBAAQ;",
+  "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  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\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        <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              {' '}\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              {' '}\n              <Link>\n                {' '}\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      </TabsPanel>\n      <TabsPanel {...panel('b')}>\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      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>25/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AE \u0391\u03C1\u03C7\u03AE \u0391\u03B8\u03B7\u03BD\u03CE\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03AE \u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03CE\u03BD \u03A4\u03B5\u03BB\u03CE\u03BD\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03B5\u03BE\u03BF\u03C6\u03BB\u03AE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03B4\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AC \u03C4\u03AD\u03BB\u03B7 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2 2025 \u03BC\u03AD\u03C7\u03C1\u03B9\n              \u03C4\u03B9\u03C2 15/04/2025.\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>15/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u039F\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03CE\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0397 \u03C0\u03C1\u03BF\u03B8\u03B5\u03C3\u03BC\u03AF\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03BB\u03AE\u03B3\u03B5\u03B9 \u03C3\u03C4\u03B9\u03C2\n              31/03/2025. \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03AE\u03BB\u03C9\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B5\u03B3\u03BA\u03B1\u03AF\u03C1\u03C9\u03C2.\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>10/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0395\u03B8\u03BD\u03B9\u03BA\u03AE \u03A4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1 \u0395\u03BB\u03BB\u03AC\u03B4\u03BF\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0391\u03BD\u03B1\u03B3\u03B3\u03B5\u03BB\u03AF\u03B1 \u03A3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0397 \u03C3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C3\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03C0\u03BF\u03C3\u03CC \u03C4\u03C9\u03BD 500\u20AC \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C3\u03C4\u03B9\u03C2\n              10/03/2025.\n            </SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>25/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 \u03B1\u03C0\u03CE\u03BB\u03B5\u03B9\u03B1\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>15/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u03951 - \u0388\u03C4\u03BF\u03C2 2024</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>10/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u039F\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0394\u03AE\u03BC\u03BF\u03C2 \u0391\u03B8\u03B7\u03BD\u03B1\u03AF\u03C9\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -11,10 +11,9 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import { TabsListItem, TabsPanel } from "@digigov/ui/navigation/Tabs/auto";
 import { Heading } from "@digigov/ui/typography/Heading";
 import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 function Dense() {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Tabs/__stories__/Dense.tsx"],
-  "sourcesContent": ["import React from 'react';\n\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';\n\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\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      </TabsList>\n      <TabsPanel {...panel('a')}>\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              {' '}\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              {' '}\n              <Link>\n                {' '}\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      </TabsPanel>\n      <TabsPanel {...panel('b')}>\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      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;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;AAEP,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ;AACpC,SACE,oCAAC,QAAK,OAAK,QACT,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,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,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\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  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\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      </TabsList>\n      <TabsPanel {...panel('a')}>\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              {' '}\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              {' '}\n              <Link>\n                {' '}\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      </TabsPanel>\n      <TabsPanel {...panel('b')}>\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      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;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,OACK;AACP,SAAS,cAAc,iBAAiB;AACxC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,IAAI,QAAQ;AACpC,SACE,oCAAC,QAAK,OAAK,QACT,oCAAC,eAAY,MAAK,QAAK,oEAAW,GAClC,oCAAC,gBACC,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,oCAAC,gBAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,oCAAC,mBACC,oCAAC,uBACC,oCAAC,0BAAmB,gCAAK,GACzB,oCAAC,4BAAqB,qHAAoB,GAC1C,oCAAC,6BACE,KACD,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,6BACE,KACD,oCAAC,YACE,KAAI,yCACE,oCAAC,sBAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,oCAAC,aAAW,GAAG,MAAM,GAAG,KACtB,oCAAC,WAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
   "names": []
 }

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

@@ -1,4 +1,11 @@
 import React from "react";
+import {
+  Accordion,
+  AccordionSection,
+  AccordionSectionContent,
+  AccordionSectionSummary,
+  AccordionSectionSummaryHeading
+} from "@digigov/ui/content/Accordion";
 import {
   SummaryList,
   SummaryListItem,
@@ -6,41 +13,32 @@ import {
   SummaryListItemValue,
   SummaryListItemAction
 } from "@digigov/ui/content/SummaryList";
+import { Hidden } from "@digigov/ui/layouts/Hidden";
 import { Link } from "@digigov/ui/navigation/Link";
 import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs
 } from "@digigov/ui/navigation/Tabs";
+import { TabsListItem, TabsPanel } from "@digigov/ui/navigation/Tabs/auto";
 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 = () => {
+  const UserContent = () => {
     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 = () => {
+  const CaseContent = () => {
     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 MessageContent = () => {
+    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(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "25/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AE \u0391\u03C1\u03C7\u03AE \u0391\u03B8\u03B7\u03BD\u03CE\u03BD")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03AE \u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03CE\u03BD \u03A4\u03B5\u03BB\u03CE\u03BD")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03B5\u03BE\u03BF\u03C6\u03BB\u03AE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03B4\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AC \u03C4\u03AD\u03BB\u03B7 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2 2025 \u03BC\u03AD\u03C7\u03C1\u03B9 \u03C4\u03B9\u03C2 15/04/2025.")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "15/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u039F\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03CE\u03BD")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE \u0394\u03AE\u03BB\u03C9\u03C3\u03B7")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0397 \u03C0\u03C1\u03BF\u03B8\u03B5\u03C3\u03BC\u03AF\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03BB\u03AE\u03B3\u03B5\u03B9 \u03C3\u03C4\u03B9\u03C2 31/03/2025. \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03AE\u03BB\u03C9\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B5\u03B3\u03BA\u03B1\u03AF\u03C1\u03C9\u03C2.")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "10/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0395\u03B8\u03BD\u03B9\u03BA\u03AE \u03A4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1 \u0395\u03BB\u03BB\u03AC\u03B4\u03BF\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0391\u03BD\u03B1\u03B3\u03B3\u03B5\u03BB\u03AF\u03B1 \u03A3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0397 \u03C3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C3\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03C0\u03BF\u03C3\u03CC \u03C4\u03C9\u03BD 500\u20AC \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C3\u03C4\u03B9\u03C2 10/03/2025."))));
   };
-  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."));
+  const HistoryContent = () => {
+    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(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "25/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0394\u03AE\u03BB\u03C9\u03C3\u03B7 \u03B1\u03C0\u03CE\u03BB\u03B5\u03B9\u03B1\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "15/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u03951 - \u0388\u03C4\u03BF\u03C2 2024")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "10/03/2025")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u039F\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u0394\u03AE\u03BC\u03BF\u03C2 \u0391\u03B8\u03B7\u03BD\u03B1\u03AF\u03C9\u03BD"))));
   };
-  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))))));
+  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(UserContent, null)), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("b") }, /* @__PURE__ */ React.createElement(CaseContent, null)), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("c") }, /* @__PURE__ */ React.createElement(MessageContent, null)), /* @__PURE__ */ React.createElement(TabsPanel, { ...panel("d") }, /* @__PURE__ */ React.createElement(HistoryContent, 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(UserContent, 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(CaseContent, 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(MessageContent, 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(HistoryContent, null))))));
 }
 var UsingAccordion_default = UsingAccordion;
 export {

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

@@ -1,7 +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": "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",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Hidden } from '@digigov/ui/layouts/Hidden';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function UsingAccordion() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n\n  const UserContent = () => {\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 CaseContent = () => {\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 MessageContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>25/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AE \u0391\u03C1\u03C7\u03AE \u0391\u03B8\u03B7\u03BD\u03CE\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03AE \u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03CE\u03BD \u03A4\u03B5\u03BB\u03CE\u03BD\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03B5\u03BE\u03BF\u03C6\u03BB\u03AE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03B4\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AC \u03C4\u03AD\u03BB\u03B7 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2 2025 \u03BC\u03AD\u03C7\u03C1\u03B9\n              \u03C4\u03B9\u03C2 15/04/2025.\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>15/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u039F\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03CE\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0397 \u03C0\u03C1\u03BF\u03B8\u03B5\u03C3\u03BC\u03AF\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03BB\u03AE\u03B3\u03B5\u03B9 \u03C3\u03C4\u03B9\u03C2\n              31/03/2025. \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03AE\u03BB\u03C9\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B5\u03B3\u03BA\u03B1\u03AF\u03C1\u03C9\u03C2.\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>10/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0395\u03B8\u03BD\u03B9\u03BA\u03AE \u03A4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1 \u0395\u03BB\u03BB\u03AC\u03B4\u03BF\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0391\u03BD\u03B1\u03B3\u03B3\u03B5\u03BB\u03AF\u03B1 \u03A3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0397 \u03C3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C3\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03C0\u03BF\u03C3\u03CC \u03C4\u03C9\u03BD 500\u20AC \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C3\u03C4\u03B9\u03C2\n              10/03/2025.\n            </SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\n      </>\n    );\n  };\n\n  const HistoryContent = () => {\n    return (\n      <>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>25/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 \u03B1\u03C0\u03CE\u03BB\u03B5\u03B9\u03B1\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>15/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u03951 - \u0388\u03C4\u03BF\u03C2 2024</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>10/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u039F\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0394\u03AE\u03BC\u03BF\u03C2 \u0391\u03B8\u03B7\u03BD\u03B1\u03AF\u03C9\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\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            <UserContent />\n          </TabsPanel>\n          <TabsPanel {...panel('b')}>\n            <CaseContent />\n          </TabsPanel>\n          <TabsPanel {...panel('c')}>\n            <MessageContent />\n          </TabsPanel>\n          <TabsPanel {...panel('d')}>\n            <HistoryContent />\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              <UserContent />\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              <CaseContent />\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              <MessageContent />\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              <HistoryContent />\n            </AccordionSectionContent>\n          </AccordionSection>\n        </Accordion>\n      </Hidden>\n    </>\n  );\n}\n\nexport default UsingAccordion;\n"],
+  "mappings": "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",
   "names": []
 }

package/navigation/Tabs/hooks/index.js

@@ -1,5 +1,5 @@
-import { useScreenSize } from "@digigov/ui/utils/hooks/useScreen";
 import React, { useState, useRef, useCallback } from "react";
+import { useScreenSize } from "@digigov/ui/utils/hooks/useScreen";
 const useTabs = ({
   defaultOpen = null
 } = {}) => {

package/navigation/Tabs/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Tabs/hooks.ts"],
-  "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;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport { useScreenSize } from '@digigov/ui/utils/hooks/useScreen';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (id: TabId) => {\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: (id: TabId) => {\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          // 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,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AACrD,SAAS,qBAAqB;AA+BvB,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;AAGd,cAAI,cAAc,QAAQ,cAAc,MAAM;AAC5C,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.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/TabsList';
 export * from '@digigov/react-core/TabsListItemBase';
 export * from '@digigov/react-core/TabsPanelBase';
 export * from '@digigov/react-core/TabsHeading';
-export * from '@digigov/ui/navigation/Tabs/auto';
 export default Tabs;

package/navigation/Tabs/index.js

@@ -5,7 +5,6 @@ export * from "@digigov/react-core/TabsList";
 export * from "@digigov/react-core/TabsListItemBase";
 export * from "@digigov/react-core/TabsPanelBase";
 export * from "@digigov/react-core/TabsHeading";
-export * from "@digigov/ui/navigation/Tabs/auto";
 var Tabs_default = Tabs;
 export {
   Tabs_default as default

package/navigation/Tabs/index.js.map

@@ -1,7 +1,7 @@
 {
   "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,OAAO,UAAU;AAEjB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,eAAQ;",
+  "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';\n\nexport default Tabs;\n"],
+  "mappings": "AAAA,OAAO,UAAU;AAEjB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,eAAQ;",
   "names": []
 }