@digigov/ui 2.0.0-6e3977bc → 2.0.0-834daea4

package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js

@@ -36,46 +36,46 @@ var import_SvgIcon = __toESM(require("@digigov/ui/utils/SvgIcon"));
 var import_Button = require("@digigov/ui/form/Button");
 var import_NavList = require("@digigov/ui/navigation/NavList");
 const links = [
-  { "name": "home", "href": "#home", "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
+  { name: "home", href: "#home", label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenuHeading": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenu": [
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenuHeading: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
+        name: "elearning",
+        href: "#elearning",
+        label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
+        name: "videos",
+        href: "#videos",
+        label: "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
+        name: "presentations",
+        href: "#presentations",
+        label: "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
+        name: "promoting",
+        href: "#promoting",
+        label: "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
+        name: "other-texts",
+        href: "#other-texts",
+        label: "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
       }
     ]
   },
-  { "name": "news", "href": "#news", "label": "\u039D\u03AD\u03B1" }
+  { name: "news", href: "#news", label: "\u039D\u03AD\u03B1" }
 ];
 const UsingNavListAuto = () => {
   const layout = "horizontal";
   const drawer = "smDown";
   const border = true;
-  const [open, setOpen] = import_react.default.useState(false);
+  const [open, setOpen] = (0, import_react.useState)(false);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary", onClick: () => setOpen(!open), smUpHidden: true }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.default, null)), /* @__PURE__ */ import_react.default.createElement(
     import_NavList.NavListAuto,
     {

package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/UsingNavListAuto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport BurgerIcon from '@digigov/ui/utils/SvgIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { \"name\": \"home\", \"href\": \"#home\", \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\" },\n  {\n    \"name\": \"educational\",\n    \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenuHeading\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenu\": [\n      {\n        \"name\": \"elearning\",\n        \"href\": \"#elearning\",\n        \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1\"\n      },\n      {\n        \"name\": \"videos\",\n        \"href\": \"#videos\",\n        \"label\": \"\u0392\u03AF\u03BD\u03C4\u03B5\u03BF\"\n      },\n      {\n        \"name\": \"presentations\",\n        \"href\": \"#presentations\",\n        \"label\": \"\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2\"\n      },\n      {\n        \"name\": \"promoting\",\n        \"href\": \"#promoting\",\n        \"label\": \"\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC\"\n      },\n      {\n        \"name\": \"other-texts\",\n        \"href\": \"#other-texts\",\n        \"label\": \"\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1\"\n      }\n    ]\n  },\n  { \"name\": \"news\", \"href\": \"#news\", \"label\": \"\u039D\u03AD\u03B1\" }\n]\n\n\nexport const UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = React.useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuB;AACvB,oBAAuB;AACvB,qBAA4B;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,uCAAS;AAAA,EACrD;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,qBAAM;AACpD;AAGO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC5C,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,6BAAAA,QAAA,cAAC,eAAAC,SAAA,IAAW,CACvB,GACA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport BurgerIcon from '@digigov/ui/utils/SvgIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenuHeading: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenu: [\n      {\n        name: 'elearning',\n        href: '#elearning',\n        label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n      },\n      {\n        name: 'videos',\n        href: '#videos',\n        label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n      },\n      {\n        name: 'presentations',\n        href: '#presentations',\n        label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n      },\n      {\n        name: 'promoting',\n        href: '#promoting',\n        label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n      },\n      {\n        name: 'other-texts',\n        href: '#other-texts',\n        label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n      },\n    ],\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAAuB;AACvB,oBAAuB;AACvB,qBAA4B;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,SAAS;AAAA,MACP;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,6BAAAA,QAAA,cAAC,eAAAC,SAAA,IAAW,CACvB,GACA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
   "names": ["React", "BurgerIcon"]
 }

package/cjs/navigation/NavList/__stories__/Vertical/index.js

@@ -35,35 +35,43 @@ var import_react = __toESM(require("react"));
 var import_NavList = require("@digigov/ui/navigation/NavList");
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
+    name: "home",
+    href: "#home",
+    label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
   },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "href": "#educational"
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    href: "#educational"
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "\u039D\u03AD\u03B1"
+    name: "news",
+    href: "#news",
+    label: "\u039D\u03AD\u03B1"
   }
 ];
 const Vertical = () => {
   const layout = "vertical";
   const { registerNavItem } = (0, import_NavList.useNavList)();
   const [useActive, setUseActive] = (0, import_react.useState)("");
-  return /* @__PURE__ */ import_react.default.createElement(import_NavList.Nav, { "aria-orientation": layout || "horizontal", "aria-label": "navigation list" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(
-    import_NavList.NavListItemAction,
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_NavList.Nav,
     {
-      ...registerNavItem(item),
-      key,
-      active: item.name === useActive,
-      onClick: () => setUseActive(item.name)
+      "aria-orientation": layout || "horizontal",
+      "aria-label": "navigation list",
+      border: false
     },
-    item.label
-  ))));
+    /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(
+      import_NavList.NavListItemAction,
+      {
+        ...registerNavItem(item),
+        key,
+        active: item.name === useActive,
+        onClick: () => setUseActive(item.name)
+      },
+      item.label
+    )))
+  );
 };
 var Vertical_default = Vertical;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/NavList/__stories__/Vertical.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/Vertical.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  {\n    \"name\": \"home\",\n    \"href\": \"#home\",\n    \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\"\n  },\n  {\n    \"name\": \"educational\",\n    \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"href\": \"#educational\"\n  },\n  {\n    \"name\": \"news\",\n    \"href\": \"#news\",\n    \"label\": \"\u039D\u03AD\u03B1\"\n  }\n]\n\nexport const Vertical = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav aria-orientation={layout || 'horizontal'} aria-label=\"navigation list\">\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <NavListItemAction\n            {...registerNavItem(item)}\n            key={key}\n            active={item.name === useActive}\n            onClick={() => setUseActive(item.name)}\n          >\n            {item.label}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default Vertical;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA,cAAC,sBAAI,oBAAkB,UAAU,cAAc,cAAW,qBACxD,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,gBAAgB,IAAI;AAAA,MACxB;AAAA,MACA,QAAQ,KAAK,SAAS;AAAA,MACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,IAEpC,KAAK;AAAA,EACR,CACD,CACH,CACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  {\n    name: 'home',\n    href: '#home',\n    label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE',\n  },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    href: '#educational',\n  },\n  {\n    name: 'news',\n    href: '#news',\n    label: '\u039D\u03AD\u03B1',\n  },\n];\n\nexport const Vertical = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav\n      aria-orientation={layout || 'horizontal'}\n      aria-label=\"navigation list\"\n      border={false}\n    >\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <NavListItemAction\n            {...registerNavItem(item)}\n            key={key}\n            active={item.name === useActive}\n            onClick={() => setUseActive(item.name)}\n          >\n            {item.label}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default Vertical;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA,MACX,QAAQ;AAAA;AAAA,IAER,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA,QAAQ,KAAK,SAAS;AAAA,QACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,MAEpC,KAAK;AAAA,IACR,CACD,CACH;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Pagination/__stories__/Auto/index.js

@@ -33,8 +33,7 @@ __export(Auto_exports, {
 module.exports = __toCommonJS(Auto_exports);
 var import_react = __toESM(require("react"));
 var import_Card = __toESM(require("@digigov/ui/content/Card"));
-var import_Basic = __toESM(require("@digigov/ui/layouts/Basic"));
-var import_Basic2 = __toESM(require("@digigov/ui/layouts/Basic"));
+var import_Container = __toESM(require("@digigov/ui/layouts/Basic/Container"));
 var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
 var import_auto = require("@digigov/ui/navigation/Pagination/auto");
@@ -42,14 +41,13 @@ const fetchedData = [];
 for (let i = 0; i < 78; i++) {
   fetchedData.push({ id: i });
 }
-const MyContainer = ({ data }) => {
+const DataGrid = ({ data }) => {
   const { offset, limit } = (0, import_auto.usePaginationContext)();
-  return data.filter((item, index) => {
-    index > offset && index < offset + limit;
-    console.log(item);
+  return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4, mb: { xs: 4, md: 8 } }, data.filter((_item, index) => {
+    return index > offset && index < offset + limit;
   }).map((item, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " ", item.id));
-  });
+    return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", borderColor: "light", dense: true }, item.id));
+  }));
 };
 const Auto = () => {
   return /* @__PURE__ */ import_react.default.createElement(
@@ -60,7 +58,7 @@ const Auto = () => {
       previousLabel: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7",
       nextLabel: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7"
     },
-    /* @__PURE__ */ import_react.default.createElement(import_Basic.default, null, /* @__PURE__ */ import_react.default.createElement(import_Basic2.default, null, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(MyContainer, { data: fetchedData })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationListAuto, null))))
+    /* @__PURE__ */ import_react.default.createElement(import_Container.default, { grid: false }, /* @__PURE__ */ import_react.default.createElement(DataGrid, { data: fetchedData }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationListAuto, null)))
   );
 };
 var Auto_default = Auto;

package/cjs/navigation/Pagination/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Pagination/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic';\nimport Main from '@digigov/ui/layouts/Basic';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport {\n  Pagination,\n} from '@digigov/ui/navigation/Pagination';\nimport {\n  PaginationContextAuto,\n  PaginationLabelAuto,\n  PaginationListAuto,\n  PaginationResultsPerPageSelectAuto,\n  usePaginationContext,\n} from '@digigov/ui/navigation/Pagination/auto';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n  fetchedData.push({ id: i });\n}\n\nconst MyContainer = ({ data }) => {\n  const { offset, limit } = usePaginationContext();\n\n  return data\n    .filter((item, index) => {\n      index > offset && index < offset + limit;\n      console.log(item);\n    })\n    .map((item, index) => {\n      return (\n        <Grid item xs={4} md={2} key={index}>\n          <Card variant=\"border\"> {item.id}</Card>\n        </Grid>\n      );\n    });\n};\n\nexport const Auto = () => {\n  return (\n    <PaginationContextAuto\n      total={fetchedData.length}\n      resultsPerPageOptions={[15, 25]}\n      previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n      nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n    >\n      <Container>\n        <Main>\n          <Grid container spacing={4}>\n            <MyContainer data={fetchedData} />\n          </Grid>\n          <Pagination>\n            <PaginationLabelAuto />\n            <PaginationResultsPerPageSelectAuto>\n              \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n            </PaginationResultsPerPageSelectAuto>\n            <PaginationListAuto />\n          </Pagination>\n        </Main>\n      </Container>\n    </PaginationContextAuto>\n  );\n};\nexport default Auto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAsB;AACtB,IAAAA,gBAAiB;AACjB,kBAAiB;AACjB,wBAEO;AACP,kBAMO;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,cAAc,CAAC,EAAE,KAAK,MAAM;AAChC,QAAM,EAAE,QAAQ,MAAM,QAAI,kCAAqB;AAE/C,SAAO,KACJ,OAAO,CAAC,MAAM,UAAU;AACvB,YAAQ,UAAU,QAAQ,SAAS;AACnC,YAAQ,IAAI,IAAI;AAAA,EAClB,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC;AACL;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,aAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,cAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,KACvB,6BAAAD,QAAA,cAAC,eAAY,MAAM,aAAa,CAClC,GACA,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAoB,GACrB,6BAAAA,QAAA,cAAC,sDAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,oCAAmB,CACtB,CACF,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
-  "names": ["import_Basic", "React", "Grid", "Card", "Container", "Main"]
+  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic/Container';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport { Pagination } from '@digigov/ui/navigation/Pagination';\nimport {\n  PaginationContextAuto,\n  PaginationLabelAuto,\n  PaginationListAuto,\n  PaginationResultsPerPageSelectAuto,\n  usePaginationContext,\n} from '@digigov/ui/navigation/Pagination/auto';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n  fetchedData.push({ id: i });\n}\n\nconst DataGrid = ({ data }) => {\n  const { offset, limit } = usePaginationContext();\n\n  return (\n    <Grid container spacing={4} mb={{ xs: 4, md: 8 }}>\n      {data\n        .filter((_item, index) => {\n          return index > offset && index < offset + limit;\n        })\n        .map((item, index) => {\n          return (\n            <Grid item xs={4} md={2} key={index}>\n              <Card variant=\"border\" borderColor=\"light\" dense>\n                {item.id}\n              </Card>\n            </Grid>\n          );\n        })}\n    </Grid>\n  );\n};\n\nexport const Auto = () => {\n  return (\n    <PaginationContextAuto\n      total={fetchedData.length}\n      resultsPerPageOptions={[15, 25]}\n      previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n      nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n    >\n      <Container grid={false}>\n        <DataGrid data={fetchedData} />\n        <Pagination>\n          <PaginationLabelAuto />\n          <PaginationResultsPerPageSelectAuto>\n            \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          </PaginationResultsPerPageSelectAuto>\n          <PaginationListAuto />\n        </Pagination>\n      </Container>\n    </PaginationContextAuto>\n  );\n};\nexport default Auto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,uBAAsB;AACtB,kBAAiB;AACjB,wBAA2B;AAC3B,kBAMO;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,WAAW,CAAC,EAAE,KAAK,MAAM;AAC7B,QAAM,EAAE,QAAQ,MAAM,QAAI,kCAAqB;AAE/C,SACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAC5C,KACE,OAAO,CAAC,OAAO,UAAU;AACxB,WAAO,QAAQ,UAAU,QAAQ,SAAS;AAAA,EAC5C,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,aAAY,SAAQ,OAAK,QAC7C,KAAK,EACR,CACF;AAAA,EAEJ,CAAC,CACL;AAEJ;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,iBAAAG,SAAA,EAAU,MAAM,SACf,6BAAAH,QAAA,cAAC,YAAS,MAAM,aAAa,GAC7B,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAoB,GACrB,6BAAAA,QAAA,cAAC,sDAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,oCAAmB,CACtB,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
+  "names": ["React", "Grid", "Card", "Container"]
 }

package/cjs/registry/index.js

@@ -31,14 +31,6 @@ __export(registry_exports, {
   stories: () => stories
 });
 module.exports = __toCommonJS(registry_exports);
-var _digigov_ui_api_APIErrors = __toESM(require("@digigov/ui/api/APIErrors"));
-var _digigov_ui_api_APIProvider = __toESM(require("@digigov/ui/api/APIProvider"));
-var _digigov_ui_api_fetchAPI = __toESM(require("@digigov/ui/api/fetchAPI"));
-var _digigov_ui_api = __toESM(require("@digigov/ui/api"));
-var _digigov_ui_api_useResource = __toESM(require("@digigov/ui/api/useResource"));
-var _digigov_ui_api_useResourceAction = __toESM(require("@digigov/ui/api/useResourceAction"));
-var _digigov_ui_api_useResourceQuery = __toESM(require("@digigov/ui/api/useResourceQuery"));
-var _digigov_ui_api_utils = __toESM(require("@digigov/ui/api/utils"));
 var _digigov_ui_app_App = __toESM(require("@digigov/ui/app/App"));
 var _digigov_ui_app_BannerContainer = __toESM(require("@digigov/ui/app/BannerContainer"));
 var _digigov_ui_app_BottomInfo = __toESM(require("@digigov/ui/app/BottomInfo"));
@@ -60,11 +52,12 @@ var _digigov_ui_app_hooks_useTheme = __toESM(require("@digigov/ui/app/hooks/useT
 var _digigov_ui_app_hooks_useVariantVars = __toESM(require("@digigov/ui/app/hooks/useVariantVars"));
 var _digigov_ui_app = __toESM(require("@digigov/ui/app"));
 var _digigov_ui_app_Loader = __toESM(require("@digigov/ui/app/Loader"));
+var _digigov_ui_app_Loader_index_web = __toESM(require("@digigov/ui/app/Loader/index.web"));
 var _digigov_ui_app_Masthead = __toESM(require("@digigov/ui/app/Masthead"));
 var _digigov_ui_app_Modal_auto = __toESM(require("@digigov/ui/app/Modal/auto"));
 var _digigov_ui_app_Modal_hooks = __toESM(require("@digigov/ui/app/Modal/hooks"));
 var _digigov_ui_app_Modal = __toESM(require("@digigov/ui/app/Modal"));
-var _digigov_ui_app_Modal_Modal = __toESM(require("@digigov/ui/app/Modal/Modal"));
+var _digigov_ui_app_Modal_index_web = __toESM(require("@digigov/ui/app/Modal/index.web"));
 var _digigov_ui_app_NotFound = __toESM(require("@digigov/ui/app/NotFound"));
 var _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion = __toESM(require("@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion"));
 var _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck = __toESM(require("@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck"));
@@ -258,6 +251,7 @@ var _digigov_ui_form_DateInputContainer_DateInputContainer_stories = __toESM(req
 var _digigov_ui_form_ErrorMessage_ErrorMessage_stories = __toESM(require("@digigov/ui/form/ErrorMessage/ErrorMessage.stories"));
 var _digigov_ui_form_FileUpload_FileUpload_stories = __toESM(require("@digigov/ui/form/FileUpload/FileUpload.stories"));
 var _digigov_ui_form_RadioContainer_RadioContainer_stories = __toESM(require("@digigov/ui/form/RadioContainer/RadioContainer.stories"));
+var _digigov_ui_form_SearchContainer_SearchContainer_stories = __toESM(require("@digigov/ui/form/SearchContainer/SearchContainer.stories"));
 var _digigov_ui_form_SelectContainer_SelectContainer_stories = __toESM(require("@digigov/ui/form/SelectContainer/SelectContainer.stories"));
 var _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories = __toESM(require("@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories"));
 var _digigov_ui_form_TextArea_TextArea_stories = __toESM(require("@digigov/ui/form/TextArea/TextArea.stories"));
@@ -300,14 +294,6 @@ function lazyImport(pkgImport) {
   );
 }
 var registry_default = {
-  "@digigov/ui/api/APIErrors": lazyImport(_digigov_ui_api_APIErrors),
-  "@digigov/ui/api/APIProvider": lazyImport(_digigov_ui_api_APIProvider),
-  "@digigov/ui/api/fetchAPI": lazyImport(_digigov_ui_api_fetchAPI),
-  "@digigov/ui/api": lazyImport(_digigov_ui_api),
-  "@digigov/ui/api/useResource": lazyImport(_digigov_ui_api_useResource),
-  "@digigov/ui/api/useResourceAction": lazyImport(_digigov_ui_api_useResourceAction),
-  "@digigov/ui/api/useResourceQuery": lazyImport(_digigov_ui_api_useResourceQuery),
-  "@digigov/ui/api/utils": lazyImport(_digigov_ui_api_utils),
   "@digigov/ui/app/App": lazyImport(_digigov_ui_app_App),
   "@digigov/ui/app/BannerContainer": lazyImport(_digigov_ui_app_BannerContainer),
   "@digigov/ui/app/BottomInfo": lazyImport(_digigov_ui_app_BottomInfo),
@@ -329,11 +315,12 @@ var registry_default = {
   "@digigov/ui/app/hooks/useVariantVars": lazyImport(_digigov_ui_app_hooks_useVariantVars),
   "@digigov/ui/app": lazyImport(_digigov_ui_app),
   "@digigov/ui/app/Loader": lazyImport(_digigov_ui_app_Loader),
+  "@digigov/ui/app/Loader/index.web": lazyImport(_digigov_ui_app_Loader_index_web),
   "@digigov/ui/app/Masthead": lazyImport(_digigov_ui_app_Masthead),
   "@digigov/ui/app/Modal/auto": lazyImport(_digigov_ui_app_Modal_auto),
   "@digigov/ui/app/Modal/hooks": lazyImport(_digigov_ui_app_Modal_hooks),
   "@digigov/ui/app/Modal": lazyImport(_digigov_ui_app_Modal),
-  "@digigov/ui/app/Modal/Modal": lazyImport(_digigov_ui_app_Modal_Modal),
+  "@digigov/ui/app/Modal/index.web": lazyImport(_digigov_ui_app_Modal_index_web),
   "@digigov/ui/app/NotFound": lazyImport(_digigov_ui_app_NotFound),
   "@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion": lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
   "@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck": lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
@@ -529,6 +516,7 @@ const stories = {
   "@digigov/ui/form/ErrorMessage/ErrorMessage.stories": _digigov_ui_form_ErrorMessage_ErrorMessage_stories,
   "@digigov/ui/form/FileUpload/FileUpload.stories": _digigov_ui_form_FileUpload_FileUpload_stories,
   "@digigov/ui/form/RadioContainer/RadioContainer.stories": _digigov_ui_form_RadioContainer_RadioContainer_stories,
+  "@digigov/ui/form/SearchContainer/SearchContainer.stories": _digigov_ui_form_SearchContainer_SearchContainer_stories,
   "@digigov/ui/form/SelectContainer/SelectContainer.stories": _digigov_ui_form_SelectContainer_SelectContainer_stories,
   "@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories": _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories,
   "@digigov/ui/form/TextArea/TextArea.stories": _digigov_ui_form_TextArea_TextArea_stories,