@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-7d9a8d86

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

@@ -0,0 +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;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AAEO,gBAAgB;AACrB,SACE,oCAAC,UAAD;AAAA,IAAU,aAAa;AAAA,KACrB,oCAAC,aAAD;AAAA,IAAa,MAAK;AAAA,KAAK,uEACvB,oCAAC,UAAD,MACE,oCAAC,cAAD;AAAA,IAAc,IAAG;AAAA,KAAI,0FACrB,oCAAC,cAAD;AAAA,IAAc,IAAG;AAAA,KAAI,uDAEvB,oCAAC,WAAD;AAAA,IAAW,KAAI;AAAA,KACb,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,0FAGhC,oCAAC,aAAD,MACE,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,mCACpB,oCAAC,sBAAD,MAAsB,wHACtB,oCAAC,uBAAD,MACG,KACD,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KAAI,yCACN,oCAAC,gBAAD,MAAgB,0DAI7B,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,mEACpB,oCAAC,sBAAD,MAAsB,4CAExB,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,8HACpB,oCAAC,sBAAD,MAAsB,eACtB,oCAAC,uBAAD,MACG,KACD,oCAAC,MAAD,MACG,KAAI,yCACE,oCAAC,gBAAD,MAAgB,kEAMjC,oCAAC,WAAD;AAAA,IAAW,KAAI;AAAA,KACb,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,sDAEtB;AAAA;AAOlB,IAAO,eAAQ;",
+  "names": []
+}

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

@@ -1,42 +1,62 @@
-import React from 'react';
-import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
-import { Link } from '@digigov/ui/navigation/Link';
-import { Tabs, TabsHeading, TabsList, TabsListItem, TabsPanel, useTabs } from '@digigov/ui/navigation/Tabs';
-import { Heading } from '@digigov/ui/typography/Heading';
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
-import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
-var _ref = /*#__PURE__*/React.createElement(TabsHeading, {
-  size: "md"
-}, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1");
-var _ref2 = /*#__PURE__*/React.createElement(Heading, {
-  size: "md",
-  element: "h3"
-}, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7");
-var _ref3 = /*#__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 ")))));
-var _ref4 = /*#__PURE__*/React.createElement(Heading, {
-  size: "md",
-  element: "h3"
-}, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2");
-var _ref5 = /*#__PURE__*/React.createElement(Heading, {
-  size: "md",
-  element: "h3"
-}, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1");
-var _ref6 = /*#__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.");
-var _ref7 = /*#__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.");
-var _ref8 = /*#__PURE__*/React.createElement(Heading, {
-  size: "md",
-  element: "h3"
-}, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC");
-var _ref9 = /*#__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.");
-var _ref10 = /*#__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.");
-export function Default() {
-  var _useTabs = useTabs({
-      defaultOpen: 'a'
-    }),
-    register = _useTabs.register,
-    panel = _useTabs.panel;
-  return /*#__PURE__*/React.createElement(Tabs, null, _ref, /*#__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'), _ref2, _ref3), /*#__PURE__*/React.createElement(TabsPanel, panel('b'), _ref4, "\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'), _ref5, _ref6, _ref7), /*#__PURE__*/React.createElement(TabsPanel, panel('d'), _ref8, _ref9, _ref10));
+import React from "react";
+import {
+  SummaryList,
+  SummaryListItem,
+  SummaryListItemKey,
+  SummaryListItemValue,
+  SummaryListItemAction
+} from "@digigov/ui/content/SummaryList";
+import {Link} from "@digigov/ui/navigation/Link";
+import {
+  Tabs,
+  TabsHeading,
+  TabsList,
+  TabsListItem,
+  TabsPanel,
+  useTabs
+} from "@digigov/ui/navigation/Tabs";
+import {Heading} from "@digigov/ui/typography/Heading";
+import {Paragraph} from "@digigov/ui/typography/Paragraph";
+import {VisuallyHidden} from "@digigov/ui/utils/VisuallyHidden";
+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.")));
 }
-export default Default;
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

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

@@ -0,0 +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;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAEO,mBAAmB;AACxB,QAAM,CAAE,UAAU,SAAU,QAAQ,CAAE,aAAa;AACnD,SACE,oCAAC,MAAD,MACE,oCAAC,aAAD;AAAA,IAAa,MAAK;AAAA,KAAK,uEACvB,oCAAC,UAAD,MACE,oCAAC,cAAD;AAAA,OAAkB,SAAS;AAAA,KAAM,0FACjC,oCAAC,cAAD;AAAA,OAAkB,SAAS;AAAA,KAAM,sDACjC,oCAAC,cAAD;AAAA,OAAkB,SAAS;AAAA,KAAM,qDACjC,oCAAC,cAAD;AAAA,OAAkB,SAAS;AAAA,KAAM,sDAEnC,oCAAC,WAAD;AAAA,OAAe,MAAM;AAAA,KACnB,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,0FAGhC,oCAAC,aAAD,MACE,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,mCACpB,oCAAC,sBAAD,MAAsB,wHACtB,oCAAC,uBAAD,MACG,KACD,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KAAI,yCACN,oCAAC,gBAAD,MAAgB,0DAI7B,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,mEACpB,oCAAC,sBAAD,MAAsB,4CAExB,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,8HACpB,oCAAC,sBAAD,MAAsB,eACtB,oCAAC,uBAAD,MACG,KACD,oCAAC,MAAD,MACG,KAAI,yCACE,oCAAC,gBAAD,MAAgB,kEAMjC,oCAAC,WAAD;AAAA,OAAe,MAAM;AAAA,KACnB,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,sDAEtB,8HAGZ,oCAAC,WAAD;AAAA,OAAe,MAAM;AAAA,KACnB,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,qDAIhC,oCAAC,WAAD,MAAW,kcASX,oCAAC,WAAD,MAAW,mcAUb,oCAAC,WAAD;AAAA,OAAe,MAAM;AAAA,KACnB,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,qDAIhC,oCAAC,WAAD,MAAW,kcASX,oCAAC,WAAD,MAAW;AAAA;AAcnB,IAAO,kBAAQ;",
+  "names": []
+}

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

@@ -1,29 +1,49 @@
-import React from 'react';
-import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
-import { Link } from '@digigov/ui/navigation/Link';
-import { Tabs, TabsHeading, TabsList, TabsListItem, TabsPanel, useTabs } from '@digigov/ui/navigation/Tabs';
-import { Heading } from '@digigov/ui/typography/Heading';
-import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
-var _ref = /*#__PURE__*/React.createElement(TabsHeading, {
-  size: "md"
-}, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1");
-var _ref2 = /*#__PURE__*/React.createElement(Heading, {
-  size: "md",
-  element: "h3"
-}, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7");
-var _ref3 = /*#__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 ")))));
-var _ref4 = /*#__PURE__*/React.createElement(Heading, {
-  size: "md",
-  element: "h3"
-}, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2");
-export function Dense() {
-  var _useTabs = useTabs(),
-    register = _useTabs.register,
-    panel = _useTabs.panel;
-  return /*#__PURE__*/React.createElement(Tabs, {
+import React from "react";
+import {
+  SummaryList,
+  SummaryListItem,
+  SummaryListItemKey,
+  SummaryListItemValue,
+  SummaryListItemAction
+} from "@digigov/ui/content/SummaryList";
+import {Link} from "@digigov/ui/navigation/Link";
+import {
+  Tabs,
+  TabsHeading,
+  TabsList,
+  TabsListItem,
+  TabsPanel,
+  useTabs
+} from "@digigov/ui/navigation/Tabs";
+import {Heading} from "@digigov/ui/typography/Heading";
+import {VisuallyHidden} from "@digigov/ui/utils/VisuallyHidden";
+function Dense() {
+  const {register, panel} = useTabs();
+  return /* @__PURE__ */ React.createElement(Tabs, {
     dense: true
-  }, _ref, /*#__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(TabsPanel, panel('a'), _ref2, _ref3), /*#__PURE__*/React.createElement(TabsPanel, panel('b'), _ref4, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"));
+  }, /* @__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(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"));
 }
-export default Dense;
+var Dense_default = Dense;
+export {
+  Dense,
+  Dense_default as default
+};
+//# sourceMappingURL=Dense.js.map

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

@@ -0,0 +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;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AAEO,iBAAiB;AACtB,QAAM,CAAE,UAAU,SAAU;AAC5B,SACE,oCAAC,MAAD;AAAA,IAAM,OAAK;AAAA,KACT,oCAAC,aAAD;AAAA,IAAa,MAAK;AAAA,KAAK,uEACvB,oCAAC,UAAD,MACE,oCAAC,cAAD;AAAA,OAAkB,SAAS;AAAA,KAAM,0FACjC,oCAAC,cAAD;AAAA,OAAkB,SAAS;AAAA,KAAM,uDAEnC,oCAAC,WAAD;AAAA,OAAe,MAAM;AAAA,KACnB,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,0FAGhC,oCAAC,aAAD,MACE,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,mCACpB,oCAAC,sBAAD,MAAsB,wHACtB,oCAAC,uBAAD,MACG,KACD,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KAAI,yCACN,oCAAC,gBAAD,MAAgB,0DAI7B,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,mEACpB,oCAAC,sBAAD,MAAsB,4CAExB,oCAAC,iBAAD,MACE,oCAAC,oBAAD,MAAoB,8HACpB,oCAAC,sBAAD,MAAsB,eACtB,oCAAC,uBAAD,MACG,KACD,oCAAC,MAAD,MACG,KAAI,yCACE,oCAAC,gBAAD,MAAgB,kEAMjC,oCAAC,WAAD;AAAA,OAAe,MAAM;AAAA,KACnB,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAK,sDAEtB;AAAA;AAOlB,IAAO,gBAAQ;",
+  "names": []
+}

package/navigation/Tabs/auto/index.js

@@ -1,48 +1,56 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["defaultOpen", "children"],
-  _excluded2 = ["tab"];
-import React, { useContext } from 'react';
-import { Tabs, TabsListItemBase, TabsPanelBase, useTabs } from '@digigov/ui/navigation/Tabs';
-export var TabsContext = /*#__PURE__*/React.createContext(null);
-export var useTabsContext = function useTabsContext() {
-  var context = useContext(TabsContext);
+import React, {useContext} from "react";
+import {
+  Tabs,
+  TabsListItemBase,
+  TabsPanelBase,
+  useTabs
+} from "@digigov/ui/navigation/Tabs";
+const TabsContext = React.createContext(null);
+const useTabsContext = () => {
+  const context = useContext(TabsContext);
   return context;
 };
-export var TabsAuto = function TabsAuto(_ref) {
-  var defaultOpen = _ref.defaultOpen,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var tabs = useTabs({
-    defaultOpen: defaultOpen
-  });
-  return /*#__PURE__*/React.createElement(TabsContext.Provider, {
+const TabsAuto = ({defaultOpen, children, ...props}) => {
+  const tabs = useTabs({defaultOpen});
+  return /* @__PURE__ */ React.createElement(TabsContext.Provider, {
     value: tabs
-  }, /*#__PURE__*/React.createElement(Tabs, props, children));
+  }, /* @__PURE__ */ React.createElement(Tabs, {
+    ...props
+  }, children));
 };
-export var TabsListItem = /*#__PURE__*/React.forwardRef(function TabsListItem(_ref2, ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  var context = useTabsContext();
+const TabsListItem = React.forwardRef(function TabsListItem2({...props}, ref) {
+  const context = useTabsContext();
   if (!context) {
-    return /*#__PURE__*/React.createElement(TabsListItemBase, _extends({}, props, {
-      ref: ref
-    }));
+    return /* @__PURE__ */ React.createElement(TabsListItemBase, {
+      ...props,
+      ref
+    });
   }
-  return /*#__PURE__*/React.createElement(TabsListItemBase, _extends({}, context.register(props.id), {
-    ref: ref
-  }, props));
+  return /* @__PURE__ */ React.createElement(TabsListItemBase, {
+    ...context.register(props.id),
+    ref,
+    ...props
+  });
 });
-export var TabsPanel = /*#__PURE__*/React.forwardRef(function TabsPanel(_ref3, ref) {
-  var tab = _ref3.tab,
-    props = _objectWithoutProperties(_ref3, _excluded2);
-  var context = useTabsContext();
+const TabsPanel = React.forwardRef(function TabsPanel2({tab, ...props}, ref) {
+  const context = useTabsContext();
   if (!context) {
-    return /*#__PURE__*/React.createElement(TabsPanelBase, _extends({
-      ref: ref
-    }, props));
+    return /* @__PURE__ */ React.createElement(TabsPanelBase, {
+      ref,
+      ...props
+    });
   }
-  return /*#__PURE__*/React.createElement(TabsPanelBase, _extends({}, context.panel(tab), {
-    ref: ref
-  }, props));
-});
+  return /* @__PURE__ */ React.createElement(TabsPanelBase, {
+    ...context.panel(tab),
+    ref,
+    ...props
+  });
+});
+export {
+  TabsAuto,
+  TabsContext,
+  TabsListItem,
+  TabsPanel,
+  useTabsContext
+};
+//# sourceMappingURL=auto.js.map

package/navigation/Tabs/auto.d.ts

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

package/navigation/Tabs/auto.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/Tabs/auto.tsx"],
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport {\n  Tabs,\n  TabsListItemBase,\n  TabsPanelBase,\n  UseTabsReturn,\n  useTabs,\n  TabsListItemBaseProps,\n  TabsPanelBaseProps,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabId } from '@digigov/ui/navigation/Tabs';\n\nexport interface TabsListItemProps extends TabsListItemBaseProps {\n  id: string;\n}\n\nexport interface TabsPanelProps extends TabsPanelBaseProps {\n  tab: TabId;\n}\n\nexport const TabsContext = React.createContext<UseTabsReturn | null>(null);\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  return context;\n};\n\nexport const TabsAuto = ({ defaultOpen, children, ...props }) => {\n  const tabs = useTabs({ defaultOpen });\n  return (\n    <TabsContext.Provider value={tabs}>\n      <Tabs {...props}>{children}</Tabs>\n    </TabsContext.Provider>\n  );\n};\n\nexport const TabsListItem = React.forwardRef<\n  HTMLAnchorElement,\n  TabsListItemProps\n>(function TabsListItem({ ...props }, ref) {\n  const context = useTabsContext();\n  if (!context) {\n    return <TabsListItemBase {...props} ref={ref} />;\n  }\n  return (\n    <TabsListItemBase {...context.register(props.id)} ref={ref} {...props} />\n  );\n});\n\nexport const TabsPanel = React.forwardRef<HTMLDivElement, TabsPanelProps>(\n  function TabsPanel({ tab, ...props }, ref) {\n    const context = useTabsContext();\n    if (!context) {\n      return <TabsPanelBase ref={ref} {...props} />;\n    }\n    return <TabsPanelBase {...context.panel(tab)} ref={ref} {...props} />;\n  }\n);\n"],
+  "mappings": "AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBO,MAAM,cAAc,MAAM,cAAoC;AAE9D,MAAM,iBAAiB,MAAM;AAClC,QAAM,UAAU,WAAW;AAC3B,SAAO;AAAA;AAGF,MAAM,WAAW,CAAC,CAAE,aAAa,aAAa,WAAY;AAC/D,QAAM,OAAO,QAAQ,CAAE;AACvB,SACE,oCAAC,YAAY,UAAb;AAAA,IAAsB,OAAO;AAAA,KAC3B,oCAAC,MAAD;AAAA,OAAU;AAAA,KAAQ;AAAA;AAKjB,MAAM,eAAe,MAAM,WAGhC,uBAAsB,IAAK,QAAS,KAAK;AACzC,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACZ,WAAO,oCAAC,kBAAD;AAAA,SAAsB;AAAA,MAAO;AAAA;AAAA;AAEtC,SACE,oCAAC,kBAAD;AAAA,OAAsB,QAAQ,SAAS,MAAM;AAAA,IAAK;AAAA,OAAc;AAAA;AAAA;AAI7D,MAAM,YAAY,MAAM,WAC7B,oBAAmB,CAAE,QAAQ,QAAS,KAAK;AACzC,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACZ,WAAO,oCAAC,eAAD;AAAA,MAAe;AAAA,SAAc;AAAA;AAAA;AAEtC,SAAO,oCAAC,eAAD;AAAA,OAAmB,QAAQ,MAAM;AAAA,IAAM;AAAA,OAAc;AAAA;AAAA;",
+  "names": []
+}

package/navigation/Tabs/hooks/index.js

@@ -1,60 +1,52 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useRef, useCallback } from 'react';
-export var useTabs = function useTabs() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$defaultOpen = _ref.defaultOpen,
-    defaultOpen = _ref$defaultOpen === void 0 ? null : _ref$defaultOpen;
-  var _useState = useState(defaultOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentOpen = _useState2[0],
-    setCurrentOpen = _useState2[1];
-  var tabsRef = useRef(new Map());
-  var open = useCallback(function (id) {
-    var _tabsRef$current$get, _tabsRef$current$get$;
+import React, {useState, useRef, useCallback} from "react";
+const useTabs = ({
+  defaultOpen = null
+} = {}) => {
+  const [currentOpen, setCurrentOpen] = useState(defaultOpen);
+  const tabsRef = useRef(new Map());
+  const open = useCallback((id) => {
     setCurrentOpen(id);
-    (_tabsRef$current$get = tabsRef.current.get(id)) === null || _tabsRef$current$get === void 0 ? void 0 : (_tabsRef$current$get$ = _tabsRef$current$get.current) === null || _tabsRef$current$get$ === void 0 ? void 0 : _tabsRef$current$get$.focus();
+    tabsRef.current.get(id)?.current?.focus();
   }, []);
-  var navigate = useCallback(function (direction) {
-    var _document$activeEleme, _document$activeEleme2;
-    var focusedTabId = (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : (_document$activeEleme2 = _document$activeEleme.id.match(/tab-(.*?)$/)) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2[1];
-    var tabs = Array.from(tabsRef.current.keys());
-    var currentIndex = tabs.indexOf(focusedTabId || currentOpen);
-    var newIndex = direction === 'next' ? currentIndex + 1 : currentIndex - 1;
+  const navigate = useCallback((direction) => {
+    const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];
+    const tabs = Array.from(tabsRef.current.keys());
+    const currentIndex = tabs.indexOf(focusedTabId || currentOpen);
+    const newIndex = direction === "next" ? currentIndex + 1 : currentIndex - 1;
     if (newIndex >= 0 && newIndex < tabs.length) {
-      var _tabsRef$current$get2, _tabsRef$current$get3;
-      (_tabsRef$current$get2 = tabsRef.current.get(tabs[newIndex])) === null || _tabsRef$current$get2 === void 0 ? void 0 : (_tabsRef$current$get3 = _tabsRef$current$get2.current) === null || _tabsRef$current$get3 === void 0 ? void 0 : _tabsRef$current$get3.focus();
+      tabsRef.current.get(tabs[newIndex])?.current?.focus();
     }
   }, [currentOpen, tabsRef.current]);
-  var register = useCallback(function (id) {
+  const register = useCallback((id) => {
     if (!tabsRef.current.has(id)) {
       if (tabsRef.current.size === 0 && !currentOpen) {
         setCurrentOpen(id);
       }
-      tabsRef.current.set(id, /*#__PURE__*/React.createRef());
+      tabsRef.current.set(id, React.createRef());
     }
     return {
-      role: 'tab',
-      id: "tab-".concat(id),
-      href: "#panel-".concat(id),
-      'aria-selected': currentOpen === id,
+      role: "tab",
+      id: `tab-${id}`,
+      href: `#panel-${id}`,
+      "aria-selected": currentOpen === id,
       open: currentOpen === id,
-      'aria-controls': "panel-".concat(id),
+      "aria-controls": `panel-${id}`,
       tabIndex: currentOpen === id ? 0 : -1,
-      onClick: function onClick(e) {
+      onClick: (e) => {
         e.preventDefault();
         open(id);
       },
-      onKeyDown: function onKeyDown(e) {
+      onKeyDown: (e) => {
         switch (e.key) {
-          case 'ArrowRight':
-          case 'ArrowDown':
-            navigate('next');
+          case "ArrowRight":
+          case "ArrowDown":
+            navigate("next");
             break;
-          case 'ArrowLeft':
-          case 'ArrowUp':
-            navigate('previous');
+          case "ArrowLeft":
+          case "ArrowUp":
+            navigate("previous");
             break;
-          case 'Enter':
+          case "Enter":
             open(id);
             break;
         }
@@ -62,19 +54,23 @@ export var useTabs = function useTabs() {
       ref: tabsRef.current.get(id)
     };
   }, [currentOpen]);
-  var panel = function panel(id) {
+  const panel = (id) => {
     return {
-      role: 'tabpanel',
-      'aria-labelledby': "tab-".concat(id),
-      id: "panel-".concat(id),
+      role: "tabpanel",
+      "aria-labelledby": `tab-${id}`,
+      id: `panel-${id}`,
       active: currentOpen === id,
       tab: id
     };
   };
   return {
-    register: register,
-    panel: panel,
-    currentOpen: currentOpen,
-    open: open
+    register,
+    panel,
+    currentOpen,
+    open
   };
-};
+};
+export {
+  useTabs
+};
+//# sourceMappingURL=hooks.js.map

package/navigation/Tabs/hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/Tabs/hooks.ts"],
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type TabId = string | number | null;\n\nexport interface UseTabsProps {\n  defaultOpen?: TabId;\n}\n\nexport interface UseTabsReturn {\n  register: (\n    id: TabId\n  ) => {\n    role: string;\n    href: string;\n    id: string;\n    'aria-selected': boolean;\n    'aria-controls': string;\n    tabIndex: number;\n    onClick: (e: any) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    ref?: React.RefObject<HTMLAnchorElement>;\n  };\n  panel: (\n    id: TabId\n  ) => {\n    tab: TabId;\n    role: string;\n    'aria-labelledby': string;\n    id: string;\n    active: boolean;\n  };\n  currentOpen: TabId;\n  open: (id: TabId) => void;\n}\n\nexport const useTabs = ({\n  defaultOpen = null,\n}: UseTabsProps = {}): UseTabsReturn => {\n  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);\n  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(\n    new Map()\n  );\n\n  const open = useCallback((id: TabId) => {\n    setCurrentOpen(id);\n    tabsRef.current.get(id)?.current?.focus();\n  }, []);\n\n  const navigate = useCallback(\n    (direction: 'next' | 'previous') => {\n      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];\n      const tabs = Array.from(tabsRef.current.keys());\n      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);\n      const newIndex =\n        direction === 'next' ? currentIndex + 1 : currentIndex - 1;\n      if (newIndex >= 0 && newIndex < tabs.length) {\n        tabsRef.current.get(tabs[newIndex])?.current?.focus();\n      }\n    },\n    [currentOpen, tabsRef.current]\n  );\n\n  const register = useCallback(\n    (id: TabId) => {\n      if (!tabsRef.current.has(id)) {\n        if (tabsRef.current.size === 0 && !currentOpen) {\n          setCurrentOpen(id);\n        }\n        tabsRef.current.set(id, React.createRef());\n      }\n      return {\n        role: 'tab',\n        id: `tab-${id}`,\n        href: `#panel-${id}`,\n        'aria-selected': currentOpen === id,\n        open: currentOpen === id,\n        'aria-controls': `panel-${id}`,\n        tabIndex: currentOpen === id ? 0 : -1,\n        onClick: (e) => {\n          e.preventDefault();\n          open(id);\n        },\n        onKeyDown: (e: React.KeyboardEvent) => {\n          switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              navigate('next');\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              navigate('previous');\n              break;\n            case 'Enter':\n              open(id);\n              break;\n          }\n        },\n        ref: tabsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  const panel = (id: TabId) => {\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': `tab-${id}`,\n      id: `panel-${id}`,\n      active: currentOpen === id,\n      tab: id,\n    };\n  };\n\n  return {\n    register,\n    panel,\n    currentOpen,\n    open,\n  };\n};\n"],
+  "mappings": "AAAA;AAmCO,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAAA,IACE,OAAsB;AACtC,QAAM,CAAC,aAAa,kBAAkB,SAAuB;AAC7D,QAAM,UAAU,OACd,IAAI;AAGN,QAAM,OAAO,YAAY,CAAC,OAAc;AACtC,mBAAe;AACf,YAAQ,QAAQ,IAAI,KAAK,SAAS;AAAA,KACjC;AAEH,QAAM,WAAW,YACf,CAAC,cAAmC;AAClC,UAAM,eAAe,SAAS,eAAe,GAAG,MAAM,gBAAgB;AACtE,UAAM,OAAO,MAAM,KAAK,QAAQ,QAAQ;AACxC,UAAM,eAAe,KAAK,QAAQ,gBAAgB;AAClD,UAAM,WACJ,cAAc,SAAS,eAAe,IAAI,eAAe;AAC3D,QAAI,YAAY,KAAK,WAAW,KAAK,QAAQ;AAC3C,cAAQ,QAAQ,IAAI,KAAK,YAAY,SAAS;AAAA;AAAA,KAGlD,CAAC,aAAa,QAAQ;AAGxB,QAAM,WAAW,YACf,CAAC,OAAc;AACb,QAAI,CAAC,QAAQ,QAAQ,IAAI,KAAK;AAC5B,UAAI,QAAQ,QAAQ,SAAS,KAAK,CAAC,aAAa;AAC9C,uBAAe;AAAA;AAEjB,cAAQ,QAAQ,IAAI,IAAI,MAAM;AAAA;AAEhC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,IAAI,OAAO;AAAA,MACX,MAAM,UAAU;AAAA,MAChB,iBAAiB,gBAAgB;AAAA,MACjC,MAAM,gBAAgB;AAAA,MACtB,iBAAiB,SAAS;AAAA,MAC1B,UAAU,gBAAgB,KAAK,IAAI;AAAA,MACnC,SAAS,CAAC,MAAM;AACd,UAAE;AACF,aAAK;AAAA;AAAA,MAEP,WAAW,CAAC,MAA2B;AACrC,gBAAQ,EAAE;AAAA,eACH;AAAA,eACA;AACH,qBAAS;AACT;AAAA,eACG;AAAA,eACA;AACH,qBAAS;AACT;AAAA,eACG;AACH,iBAAK;AACL;AAAA;AAAA;AAAA,MAGN,KAAK,QAAQ,QAAQ,IAAI;AAAA;AAAA,KAG7B,CAAC;AAGH,QAAM,QAAQ,CAAC,OAAc;AAC3B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,mBAAmB,OAAO;AAAA,MAC1B,IAAI,SAAS;AAAA,MACb,QAAQ,gBAAgB;AAAA,MACxB,KAAK;AAAA;AAAA;AAIT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}