@digigov/ui 2.0.0-254f7786 → 2.0.0-264e5fff

package/cjs/navigation/Breadcrumbs/index.js

@@ -33,8 +33,8 @@ __export(Breadcrumbs_exports, {
 module.exports = __toCommonJS(Breadcrumbs_exports);
 __reExport(Breadcrumbs_exports, require("@digigov/react-core/Breadcrumbs"), module.exports);
 __reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsList"), module.exports);
-__reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsListItem"), module.exports);
-__reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsListItemLink"), module.exports);
+__reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsListItemWrapper"), module.exports);
+__reExport(Breadcrumbs_exports, require("@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItemLink"), module.exports);
 var import_Breadcrumbs = __toESM(require("@digigov/react-core/Breadcrumbs"));
 __reExport(Breadcrumbs_exports, require("@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem"), module.exports);
 __reExport(Breadcrumbs_exports, require("@digigov/ui/navigation/Breadcrumbs/utils"), module.exports);
@@ -43,8 +43,8 @@ var Breadcrumbs_default = import_Breadcrumbs.default;
 0 && (module.exports = {
   ...require("@digigov/react-core/Breadcrumbs"),
   ...require("@digigov/react-core/BreadcrumbsList"),
-  ...require("@digigov/react-core/BreadcrumbsListItem"),
-  ...require("@digigov/react-core/BreadcrumbsListItemLink"),
+  ...require("@digigov/react-core/BreadcrumbsListItemWrapper"),
+  ...require("@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItemLink"),
   ...require("@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem"),
   ...require("@digigov/ui/navigation/Breadcrumbs/utils")
 });

package/cjs/navigation/Breadcrumbs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Breadcrumbs/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Breadcrumbs';\nexport * from '@digigov/react-core/BreadcrumbsList';\nexport * from '@digigov/react-core/BreadcrumbsListItem';\nexport * from '@digigov/react-core/BreadcrumbsListItemLink';\nimport Breadcrumbs from '@digigov/react-core/Breadcrumbs';\n\nexport * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem';\nexport * from '@digigov/ui/navigation/Breadcrumbs/utils';\n\nexport default Breadcrumbs;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAc,4CAAd;AACA,gCAAc,gDADd;AAEA,gCAAc,oDAFd;AAGA,gCAAc,wDAHd;AAIA,yBAAwB;AAExB,gCAAc,mEANd;AAOA,gCAAc,qDAPd;AASA,IAAO,sBAAQ,mBAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/Breadcrumbs';\nexport * from '@digigov/react-core/BreadcrumbsList';\nexport * from '@digigov/react-core/BreadcrumbsListItemWrapper';\nexport * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItemLink';\nimport Breadcrumbs from '@digigov/react-core/Breadcrumbs';\n\nexport * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem';\nexport * from '@digigov/ui/navigation/Breadcrumbs/utils';\n\nexport default Breadcrumbs;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAc,4CAAd;AACA,gCAAc,gDADd;AAEA,gCAAc,2DAFd;AAGA,gCAAc,uEAHd;AAIA,yBAAwB;AAExB,gCAAc,mEANd;AAOA,gCAAc,qDAPd;AASA,IAAO,sBAAQ,mBAAAA;",
   "names": ["Breadcrumbs"]
 }

package/cjs/navigation/Drawer/hooks/index.js

@@ -33,12 +33,8 @@ module.exports = __toCommonJS(hooks_exports);
 var import_react = __toESM(require("react"));
 const useDrawer = () => {
   const [currentOpen, setCurrentOpen] = (0, import_react.useState)(null);
-  const drawersRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
-  const buttonsRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
+  const drawersRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const buttonsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
   const open = (0, import_react.useCallback)((id) => {
     setCurrentOpen(id);
   }, []);

package/cjs/navigation/Drawer/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Drawer/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type DrawerId = string | number;\n\nexport interface UseDrawerReturn {\n  open: (id: DrawerId) => void;\n  close: () => void;\n  currentOpen: DrawerId | null;\n  registerDrawer: (\n    id: DrawerId,\n    options?: {\n      upRelative?: string;\n      direction?: string;\n    }\n  ) => {\n    open: boolean;\n    id: string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: DrawerId,\n    type: 'open' | 'close'\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<any>;\n  };\n}\n\nexport const useDrawer = (): UseDrawerReturn => {\n  const [currentOpen, setCurrentOpen] = useState<DrawerId | null>(null);\n  const drawersRef = useRef<Map<DrawerId, React.RefObject<HTMLDivElement>>>(\n    new Map()\n  );\n  const buttonsRef = useRef<Map<DrawerId, React.RefObject<HTMLButtonElement>>>(\n    new Map()\n  );\n\n  const open = useCallback((id: DrawerId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerDrawer = useCallback(\n    (id, options) => {\n      const drawerId = `drawer-${id}`;\n      if (!drawersRef.current.get(id)?.current) {\n        drawersRef.current.set(id, React.createRef());\n      }\n      return {\n        open: currentOpen === id,\n        id: drawerId,\n        ref: drawersRef.current.get(id as string),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: DrawerId, type: 'open' | 'close') => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerDrawer,\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AA4B9C,MAAM,YAAY,MAAuB;AAC9C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAA0B,IAAI;AACpE,QAAM,iBAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,iBAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AAEA,QAAM,WAAO,0BAAY,CAAC,OAAiB;AACzC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,0BAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB;AAAA,IACrB,CAAC,IAAI,YAAY;AACf,YAAM,WAAW,UAAU,EAAE;AAC7B,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG,SAAS;AACxC,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,IAAI;AAAA,QACJ,KAAK,WAAW,QAAQ,IAAI,EAAY;AAAA,QACxC,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,qBAAiB;AAAA,IACrB,CAAC,IAAc,SAA2B;AACxC,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,MAChC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type DrawerId = string | number;\n\nexport interface UseDrawerReturn {\n  open: (id: DrawerId) => void;\n  close: () => void;\n  currentOpen: DrawerId | null;\n  registerDrawer: (\n    id: DrawerId,\n    options?: {\n      upRelative?: string;\n      direction?: string;\n    }\n  ) => {\n    open: boolean;\n    id: string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: DrawerId,\n    type: 'open' | 'close'\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<any>;\n  };\n}\n\nexport const useDrawer = (): UseDrawerReturn => {\n  const [currentOpen, setCurrentOpen] = useState<DrawerId | null>(null);\n  const drawersRef = useRef<\n    Map<DrawerId, React.RefObject<HTMLDivElement | null>>\n  >(new Map());\n  const buttonsRef = useRef<\n    Map<DrawerId, React.RefObject<HTMLButtonElement | null>>\n  >(new Map());\n\n  const open = useCallback((id: DrawerId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerDrawer = useCallback(\n    (id, options) => {\n      const drawerId = `drawer-${id}`;\n      if (!drawersRef.current.get(id)?.current) {\n        drawersRef.current.set(id, React.createRef());\n      }\n      return {\n        open: currentOpen === id,\n        id: drawerId,\n        ref: drawersRef.current.get(id as string),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: DrawerId, type: 'open' | 'close') => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerDrawer,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AA4B9C,MAAM,YAAY,MAAuB;AAC9C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAA0B,IAAI;AACpE,QAAM,iBAAa,qBAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,iBAAa,qBAEjB,oBAAI,IAAI,CAAC;AAEX,QAAM,WAAO,0BAAY,CAAC,OAAiB;AACzC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,0BAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB;AAAA,IACrB,CAAC,IAAI,YAAY;AACf,YAAM,WAAW,UAAU,EAAE;AAC7B,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG,SAAS;AACxC,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,IAAI;AAAA,QACJ,KAAK,WAAW,QAAQ,IAAI,EAAY;AAAA,QACxC,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,qBAAiB;AAAA,IACrB,CAAC,IAAc,SAA2B;AACxC,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,MAChC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["React"]
 }

package/cjs/navigation/Link/index.js

@@ -36,8 +36,12 @@ __export(Link_exports, {
 module.exports = __toCommonJS(Link_exports);
 var import_react = __toESM(require("react"));
 var import_LinkBase = __toESM(require("@digigov/react-core/LinkBase"));
-const CommonLink = (props) => /* @__PURE__ */ import_react.default.createElement(import_LinkBase.default, { ...props }, props.children);
-const LinkComponentContext = import_react.default.createContext(import_LinkBase.default);
+const CommonLink = (props) => {
+  const defaultStyle = !props.className;
+  const underline = props.className ? !defaultStyle : defaultStyle;
+  return /* @__PURE__ */ import_react.default.createElement(import_LinkBase.default, { defaultStyle, underline, ...props }, props.children);
+};
+const LinkComponentContext = import_react.default.createContext(CommonLink);
 const LinkProvider = (props) => {
   return /* @__PURE__ */ import_react.default.createElement(LinkComponentContext.Provider, { value: props.component }, props.children);
 };

package/cjs/navigation/Link/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Link/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface LinkComponentContextProps {\n  component: React.ElementType<LinkProps>;\n  children?: React.ReactNode;\n}\n\nexport const CommonLink: React.FC<LinkProps> = (props) => (\n  <LinkBase {...props}>{props.children}</LinkBase>\n);\n\nconst LinkComponentContext =\n  React.createContext<React.ElementType<LinkProps>>(LinkBase);\nexport const LinkProvider: React.FC<LinkComponentContextProps> = (props) => {\n  return (\n    <LinkComponentContext.Provider value={props.component}>\n      {props.children}\n    </LinkComponentContext.Provider>\n  );\n};\n\nexport type LinkProps = Omit<LinkBaseProps, 'ref'> &\n  React.RefAttributes<HTMLAnchorElement>;\n\nconst Link: React.ExoticComponent<LinkProps> = React.forwardRef(function Link(\n  { children, href = '', ...props },\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  const LinkComponent = React.useContext(LinkComponentContext) as any;\n  return (\n    <LinkComponent ref={ref} href={href} {...props}>\n      {children}\n    </LinkComponent>\n  );\n});\n//@ts-ignore\nLink.displayName = 'Link';\nexport default Link;\nexport { Link, LinkBase };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAwC;AAOjC,MAAM,aAAkC,CAAC,UAC9C,6BAAAC,QAAA,cAAC,gBAAAD,SAAA,EAAU,GAAG,SAAQ,MAAM,QAAS;AAGvC,MAAM,uBACJ,aAAAC,QAAM,cAA4C,gBAAAD,OAAQ;AACrD,MAAM,eAAoD,CAAC,UAAU;AAC1E,SACE,6BAAAC,QAAA,cAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,aACzC,MAAM,QACT;AAEJ;AAKA,MAAM,OAAyC,aAAAA,QAAM,WAAW,SAASC,MACvE,EAAE,UAAU,OAAO,IAAI,GAAG,MAAM,GAChC,KACA;AACA,QAAM,gBAAgB,aAAAD,QAAM,WAAW,oBAAoB;AAC3D,SACE,6BAAAA,QAAA,cAAC,iBAAc,KAAU,MAAa,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,KAAK,cAAc;AACnB,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\nexport interface LinkComponentContextProps {\n  component: React.ElementType<LinkProps>;\n  children?: React.ReactNode;\n}\n\nexport const CommonLink: React.FC<LinkProps> = (props) => {\n  const defaultStyle = !props.className;\n  const underline = props.className ? !defaultStyle : defaultStyle;\n  return (\n    <LinkBase defaultStyle={defaultStyle} underline={underline} {...props}>\n      {props.children}\n    </LinkBase>\n  );\n};\n\nconst LinkComponentContext =\n  React.createContext<React.ElementType<LinkProps>>(CommonLink);\nexport const LinkProvider: React.FC<LinkComponentContextProps> = (props) => {\n  return (\n    <LinkComponentContext.Provider value={props.component}>\n      {props.children}\n    </LinkComponentContext.Provider>\n  );\n};\n\nexport type LinkProps = Omit<LinkBaseProps, 'ref'> &\n  React.RefAttributes<HTMLAnchorElement>;\n\nconst Link: React.ExoticComponent<LinkProps> = React.forwardRef(function Link(\n  { children, href = '', ...props },\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  const LinkComponent = React.useContext(LinkComponentContext) as any;\n  return (\n    <LinkComponent ref={ref} href={href} {...props}>\n      {children}\n    </LinkComponent>\n  );\n});\n//@ts-ignore\nLink.displayName = 'Link';\nexport default Link;\nexport { Link, LinkBase };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAwC;AAMjC,MAAM,aAAkC,CAAC,UAAU;AACxD,QAAM,eAAe,CAAC,MAAM;AAC5B,QAAM,YAAY,MAAM,YAAY,CAAC,eAAe;AACpD,SACE,6BAAAC,QAAA,cAAC,gBAAAD,SAAA,EAAS,cAA4B,WAAuB,GAAG,SAC7D,MAAM,QACT;AAEJ;AAEA,MAAM,uBACJ,aAAAC,QAAM,cAA4C,UAAU;AACvD,MAAM,eAAoD,CAAC,UAAU;AAC1E,SACE,6BAAAA,QAAA,cAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,aACzC,MAAM,QACT;AAEJ;AAKA,MAAM,OAAyC,aAAAA,QAAM,WAAW,SAASC,MACvE,EAAE,UAAU,OAAO,IAAI,GAAG,MAAM,GAChC,KACA;AACA,QAAM,gBAAgB,aAAAD,QAAM,WAAW,oBAAoB;AAC3D,SACE,6BAAAA,QAAA,cAAC,iBAAc,KAAU,MAAa,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,KAAK,cAAc;AACnB,IAAO,eAAQ;",
   "names": ["LinkBase", "React", "Link"]
 }

package/cjs/navigation/NavList/NavListAuto/index.js

@@ -32,32 +32,26 @@ __export(NavListAuto_exports, {
 });
 module.exports = __toCommonJS(NavListAuto_exports);
 var import_react = __toESM(require("react"));
-var import_NavList = __toESM(require("@digigov/react-core/NavList"));
-var import_NavListItemAction = __toESM(require("@digigov/react-core/NavListItemAction"));
-var import_NavMenuContainer = __toESM(require("@digigov/react-core/NavMenuContainer"));
-var import_NavMenuContent = __toESM(require("@digigov/react-core/NavMenuContent"));
-var import_NavMenuContentListItem = __toESM(require("@digigov/react-core/NavMenuContentListItem"));
-var import_NavMenuTitle = __toESM(require("@digigov/react-core/NavMenuTitle"));
 var import_Link = require("@digigov/ui/navigation/Link");
+var import_NavList = require("@digigov/ui/navigation/NavList");
 var import_useNavList = require("@digigov/ui/navigation/NavList/hooks/useNavList");
-var import_Nav = __toESM(require("@digigov/ui/navigation/NavList/Nav"));
-var import_NavMenuContentList = __toESM(require("@digigov/ui/navigation/NavList/NavMenuContentList"));
+var import_Nav = require("@digigov/ui/navigation/NavList/Nav");
 const NavListAuto = ({
   layout,
   links = [],
   ...props
 }) => {
   const { registerNavItemMenu, registerNavItem } = (0, import_useNavList.useNavList)();
-  return /* @__PURE__ */ import_react.default.createElement(import_Nav.default, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_NavList.default, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key }, /* @__PURE__ */ import_react.default.createElement(import_NavListItemAction.default, { ...registerNavItem(item) }, item.label), item.subMenu && /* @__PURE__ */ import_react.default.createElement(
-    import_NavMenuContainer.default,
+  return /* @__PURE__ */ import_react.default.createElement(import_Nav.Nav, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { ...registerNavItem(item) }, item.label), item.subMenu && /* @__PURE__ */ import_react.default.createElement(
+    import_NavList.NavMenuContainer,
     {
       layout,
       ...registerNavItemMenu(item.name)
     },
-    (item.subMenuHeading || item.label) && /* @__PURE__ */ import_react.default.createElement(import_NavMenuTitle.default, null, item.subMenuHeading || item.label),
-    /* @__PURE__ */ import_react.default.createElement(import_NavMenuContent.default, null, /* @__PURE__ */ import_react.default.createElement(import_NavMenuContentList.default, { role: "menu" }, item.subMenu?.map((subMenu, menuIndex) => {
+    (item.subMenuHeading || item.label) && /* @__PURE__ */ import_react.default.createElement(import_NavList.NavMenuTitle, null, item.subMenuHeading || item.label),
+    /* @__PURE__ */ import_react.default.createElement(import_NavList.NavMenuContent, null, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavMenuContentList, { role: "menu" }, item.subMenu?.map((subMenu, menuIndex) => {
       return subMenu?.href && /* @__PURE__ */ import_react.default.createElement(
-        import_NavMenuContentListItem.default,
+        import_NavList.NavMenuContentListItem,
         {
           key: menuIndex,
           role: "presentation"

package/cjs/navigation/NavList/NavListAuto/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/NavListAuto/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport NavList from '@digigov/react-core/NavList';\nimport NavListItemAction from '@digigov/react-core/NavListItemAction';\nimport NavMenuContainer from '@digigov/react-core/NavMenuContainer';\nimport NavMenuContent from '@digigov/react-core/NavMenuContent';\nimport NavMenuContentListItem from '@digigov/react-core/NavMenuContentListItem';\nimport NavMenuTitle from '@digigov/react-core/NavMenuTitle';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\nimport Nav from '@digigov/ui/navigation/NavList/Nav';\nimport NavMenuContentList from '@digigov/ui/navigation/NavList/NavMenuContentList';\nimport { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';\n\nexport const NavListAuto: React.FC<NavListAutoProps> = ({\n  layout,\n  links = [],\n  ...props\n}) => {\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav {...props}>\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <React.Fragment key={key}>\n            <NavListItemAction {...registerNavItem(item)}>\n              {item.label}\n            </NavListItemAction>\n            {item.subMenu && (\n              <NavMenuContainer\n                layout={layout}\n                {...registerNavItemMenu(item.name)}\n              >\n                {(item.subMenuHeading || item.label) && (\n                  <NavMenuTitle>\n                    {item.subMenuHeading || item.label}\n                  </NavMenuTitle>\n                )}\n                <NavMenuContent>\n                  <NavMenuContentList role=\"menu\">\n                    {item.subMenu?.map((subMenu, menuIndex) => {\n                      return (\n                        subMenu?.href && (\n                          <NavMenuContentListItem\n                            key={menuIndex}\n                            role=\"presentation\"\n                          >\n                            <Link\n                              role=\"menuitem\"\n                              id={subMenu.name}\n                              href={subMenu.href}\n                            >\n                              {subMenu.label}\n                            </Link>\n                          </NavMenuContentListItem>\n                        )\n                      );\n                    })}\n                  </NavMenuContentList>\n                </NavMenuContent>\n              </NavMenuContainer>\n            )}\n          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default NavListAuto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoB;AACpB,+BAA8B;AAC9B,8BAA6B;AAC7B,4BAA2B;AAC3B,oCAAmC;AACnC,0BAAyB;AACzB,kBAAqB;AACrB,wBAA2B;AAC3B,iBAAgB;AAChB,gCAA+B;AAGxB,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,QAAI,8BAAW;AAE5D,SACE,6BAAAA,QAAA,cAAC,WAAAC,SAAA,EAAK,GAAG,SACP,6BAAAD,QAAA,cAAC,eAAAE,SAAA,EAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAF,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,OACd,6BAAAA,QAAA,cAAC,yBAAAG,SAAA,EAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ,6BAAAH,QAAA;AAAA,IAAC,wBAAAI;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,KAE/B,KAAK,kBAAkB,KAAK,UAC5B,6BAAAJ,QAAA,cAAC,oBAAAK,SAAA,MACE,KAAK,kBAAkB,KAAK,KAC/B;AAAA,IAEF,6BAAAL,QAAA,cAAC,sBAAAM,SAAA,MACC,6BAAAN,QAAA,cAAC,0BAAAO,SAAA,EAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,aACE,SAAS,QACP,6BAAAP,QAAA;AAAA,QAAC,8BAAAQ;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA;AAAA,QAEL,6BAAAR,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,MAAM,QAAQ;AAAA;AAAA,UAEb,QAAQ;AAAA,QACX;AAAA,MACF;AAAA,IAGN,CAAC,CACH,CACF;AAAA,EACF,CAEJ,CACD,CACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
-  "names": ["React", "Nav", "NavList", "NavListItemAction", "NavMenuContainer", "NavMenuTitle", "NavMenuContent", "NavMenuContentList", "NavMenuContentListItem"]
+  "sourcesContent": ["import React from 'react';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  NavList,\n  NavListItemAction,\n  NavMenuContentList,\n  NavMenuContentListItem,\n  NavMenuContent,\n  NavMenuContainer,\n  NavMenuTitle,\n} from '@digigov/ui/navigation/NavList';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\nimport { Nav } from '@digigov/ui/navigation/NavList/Nav';\nimport { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';\n\nexport const NavListAuto: React.FC<NavListAutoProps> = ({\n  layout,\n  links = [],\n  ...props\n}) => {\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav {...props}>\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <React.Fragment key={key}>\n            <NavListItemAction {...registerNavItem(item)}>\n              {item.label}\n            </NavListItemAction>\n            {item.subMenu && (\n              <NavMenuContainer\n                layout={layout}\n                {...registerNavItemMenu(item.name)}\n              >\n                {(item.subMenuHeading || item.label) && (\n                  <NavMenuTitle>\n                    {item.subMenuHeading || item.label}\n                  </NavMenuTitle>\n                )}\n                <NavMenuContent>\n                  <NavMenuContentList role=\"menu\">\n                    {item.subMenu?.map((subMenu, menuIndex) => {\n                      return (\n                        subMenu?.href && (\n                          <NavMenuContentListItem\n                            key={menuIndex}\n                            role=\"presentation\"\n                          >\n                            <Link\n                              role=\"menuitem\"\n                              id={subMenu.name}\n                              href={subMenu.href}\n                            >\n                              {subMenu.label}\n                            </Link>\n                          </NavMenuContentListItem>\n                        )\n                      );\n                    })}\n                  </NavMenuContentList>\n                </NavMenuContent>\n              </NavMenuContainer>\n            )}\n          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default NavListAuto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAqB;AACrB,qBAQO;AACP,wBAA2B;AAC3B,iBAAoB;AAGb,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,QAAI,8BAAW;AAE5D,SACE,6BAAAA,QAAA,cAAC,kBAAK,GAAG,SACP,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,OACd,6BAAAA,QAAA,cAAC,oCAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,KAE/B,KAAK,kBAAkB,KAAK,UAC5B,6BAAAA,QAAA,cAAC,mCACE,KAAK,kBAAkB,KAAK,KAC/B;AAAA,IAEF,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,qCAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,aACE,SAAS,QACP,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA;AAAA,QAEL,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,MAAM,QAAQ;AAAA;AAAA,UAEb,QAAQ;AAAA,QACX;AAAA,MACF;AAAA,IAGN,CAAC,CACH,CACF;AAAA,EACF,CAEJ,CACD,CACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": ["React"]
 }

package/cjs/navigation/NavList/NavListItemAction/index.js

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NavListItemAction_exports = {};
+__export(NavListItemAction_exports, {
+  NavListItemAction: () => NavListItemAction,
+  default: () => NavListItemAction_default
+});
+module.exports = __toCommonJS(NavListItemAction_exports);
+__reExport(NavListItemAction_exports, require("@digigov/react-core/NavListItemActionBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_NavList = require("@digigov/ui/navigation/NavList");
+var import_NavListItemLink = require("@digigov/ui/navigation/NavList/NavListItemLink");
+const NavListItemAction = import_react.default.forwardRef(function NavListItemAction2({ label, arrow = false, href, className, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemActionContainer, null, href ? /* @__PURE__ */ import_react.default.createElement(
+    import_NavListItemLink.NavListItemLink,
+    {
+      ...props,
+      href,
+      className,
+      ref
+    },
+    children || label
+  ) : /* @__PURE__ */ import_react.default.createElement(
+    import_NavList.NavListItemButton,
+    {
+      ...props,
+      arrow,
+      className,
+      ref
+    },
+    children || label
+  ), props.badgeText && /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemBadge, { text: props.badgeText }));
+});
+var NavListItemAction_default = NavListItemAction;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavListItemAction,
+  ...require("@digigov/react-core/NavListItemActionBase")
+});
+//# sourceMappingURL=NavListItemAction.js.map

package/cjs/navigation/NavList/NavListItemAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/navigation/NavList/NavListItemAction.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemActionBase';\nimport React, { ForwardedRef } from 'react';\nimport {\n  NavListItemButton,\n  NavListItemButtonProps,\n  NavListItemBadge,\n  NavListItemActionContainer,\n} from '@digigov/ui/navigation/NavList';\nimport {\n  NavListItemLink,\n  NavListItemLinkProps,\n} from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;\nexport interface NavListItemActionBaseProps extends LinkButtonJoinProps {\n  /**\n   * label is optional.\n   * The label for the NavListItemActionBase.\n   */\n  label?: string;\n\n  /**\n   * arrow is optional.\n   * use arrow prop if you want to have arrow at the nav list item.\n   * @value true\n   * @value false\n   * @default false\n   */\n  arrow?: boolean;\n  badgeText?: string;\n}\n/**\n * NavListItemAction must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemAction = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  NavListItemActionBaseProps\n>(function NavListItemAction(\n  { label, arrow = false, href, className, children, ...props },\n  ref\n) {\n  return (\n    <NavListItemActionContainer>\n      {href ? (\n        <NavListItemLink\n          {...props}\n          href={href}\n          className={className}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n        >\n          {children || label}\n        </NavListItemLink>\n      ) : (\n        <NavListItemButton\n          {...props}\n          arrow={arrow}\n          className={className}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n        >\n          {children || label}\n        </NavListItemButton>\n      )}\n      {props.badgeText && <NavListItemBadge text={props.badgeText} />}\n    </NavListItemActionContainer>\n  );\n});\n\nexport default NavListItemAction;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAAc,sDAAd;AACA,mBAAoC;AACpC,qBAKO;AACP,6BAGO;AAwBA,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,OAAO,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAC5D,KACA;AACA,SACE,6BAAAD,QAAA,cAAC,iDACE,OACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,IAEA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,GAED,MAAM,aAAa,6BAAAA,QAAA,cAAC,mCAAiB,MAAM,MAAM,WAAW,CAC/D;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "names": ["React", "NavListItemAction"]
+}

package/cjs/navigation/NavList/NavListItemLink/index.js

@@ -0,0 +1,48 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NavListItemLink_exports = {};
+__export(NavListItemLink_exports, {
+  NavListItemLink: () => NavListItemLink,
+  default: () => NavListItemLink_default
+});
+module.exports = __toCommonJS(NavListItemLink_exports);
+__reExport(NavListItemLink_exports, require("@digigov/react-core/NavListItemLinkBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_NavListItemLinkBase = require("@digigov/react-core/NavListItemLinkBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const NavListItemLink = import_react.default.forwardRef(function NavListItemLink2({ children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(import_NavListItemLinkBase.NavListItemLinkBase, { as: import_Link.Link, ref, ...props }, children);
+});
+var NavListItemLink_default = NavListItemLink;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavListItemLink,
+  ...require("@digigov/react-core/NavListItemLinkBase")
+});
+//# sourceMappingURL=NavListItemLink.js.map

package/cjs/navigation/NavList/NavListItemLink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/navigation/NavList/NavListItemLink.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemLinkBase';\nimport React from 'react';\nimport {\n  NavListItemLinkBase,\n  NavListItemLinkBaseProps,\n} from '@digigov/react-core/NavListItemLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface NavListItemLinkProps extends NavListItemLinkBaseProps {}\n\nexport const NavListItemLink = React.forwardRef<\n  HTMLAnchorElement,\n  NavListItemLinkProps\n>(function NavListItemLink({ children, ...props }, ref) {\n  return (\n    <NavListItemLinkBase as={Link} ref={ref} {...props}>\n      {children}\n    </NavListItemLinkBase>\n  );\n});\n\nexport default NavListItemLink;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAAc,oDAAd;AACA,mBAAkB;AAClB,iCAGO;AACP,kBAAqB;AAId,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACtD,SACE,6BAAAD,QAAA,cAAC,kDAAoB,IAAI,kBAAM,KAAW,GAAG,SAC1C,QACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "names": ["React", "NavListItemLink"]
+}

package/cjs/navigation/NavList/index.js

@@ -44,10 +44,10 @@ __reExport(NavList_exports, require("@digigov/react-core/NavMenuContentListBase"
 __reExport(NavList_exports, require("@digigov/react-core/NavMenuContentListItem"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavMenuTitle"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavListItemActionContainer"), module.exports);
-__reExport(NavList_exports, require("@digigov/react-core/NavListItemAction"), module.exports);
+__reExport(NavList_exports, require("@digigov/ui/navigation/NavList/NavListItemAction"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavListItemBadge"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavListItemButton"), module.exports);
-__reExport(NavList_exports, require("@digigov/react-core/NavListItemLink"), module.exports);
+__reExport(NavList_exports, require("@digigov/ui/navigation/NavList/NavListItemLink"), module.exports);
 var NavList_default = import_NavList.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -63,9 +63,9 @@ var NavList_default = import_NavList.default;
   ...require("@digigov/react-core/NavMenuContentListItem"),
   ...require("@digigov/react-core/NavMenuTitle"),
   ...require("@digigov/react-core/NavListItemActionContainer"),
-  ...require("@digigov/react-core/NavListItemAction"),
+  ...require("@digigov/ui/navigation/NavList/NavListItemAction"),
   ...require("@digigov/react-core/NavListItemBadge"),
   ...require("@digigov/react-core/NavListItemButton"),
-  ...require("@digigov/react-core/NavListItemLink")
+  ...require("@digigov/ui/navigation/NavList/NavListItemLink")
 });
 //# sourceMappingURL=index.js.map

package/cjs/navigation/NavList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/index.tsx"],
-  "sourcesContent": ["import NavList from '@digigov/react-core/NavList';\nexport * from '@digigov/ui/navigation/NavList/NavListAuto';\nexport * from '@digigov/ui/navigation/NavList/NavMenuContentList';\nexport * from '@digigov/ui/navigation/NavList/types';\nexport * from '@digigov/ui/navigation/NavList/hooks/useNavList';\n\nexport * from '@digigov/react-core/Nav';\nexport * from '@digigov/react-core/NavList';\nexport * from '@digigov/react-core/NavMenuContainer';\nexport * from '@digigov/react-core/NavMenuContent';\nexport * from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListItem';\nexport * from '@digigov/react-core/NavMenuTitle';\nexport * from '@digigov/react-core/NavListItemActionContainer';\nexport * from '@digigov/react-core/NavListItemAction';\nexport * from '@digigov/react-core/NavListItemBadge';\nexport * from '@digigov/react-core/NavListItemButton';\nexport * from '@digigov/react-core/NavListItemLink';\nexport default NavList;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,4BAAc,uDADd;AAEA,4BAAc,8DAFd;AAGA,4BAAc,iDAHd;AAIA,4BAAc,4DAJd;AAMA,4BAAc,oCANd;AAOA,4BAAc,wCAPd;AAQA,4BAAc,iDARd;AASA,4BAAc,+CATd;AAUA,4BAAc,uDAVd;AAWA,4BAAc,uDAXd;AAYA,4BAAc,6CAZd;AAaA,4BAAc,2DAbd;AAcA,4BAAc,kDAdd;AAeA,4BAAc,iDAfd;AAgBA,4BAAc,kDAhBd;AAiBA,4BAAc,gDAjBd;AAkBA,IAAO,kBAAQ,eAAAA;",
+  "sourcesContent": ["import NavList from '@digigov/react-core/NavList';\nexport * from '@digigov/ui/navigation/NavList/NavListAuto';\nexport * from '@digigov/ui/navigation/NavList/NavMenuContentList';\nexport * from '@digigov/ui/navigation/NavList/types';\nexport * from '@digigov/ui/navigation/NavList/hooks/useNavList';\n\nexport * from '@digigov/react-core/Nav';\nexport * from '@digigov/react-core/NavList';\nexport * from '@digigov/react-core/NavMenuContainer';\nexport * from '@digigov/react-core/NavMenuContent';\nexport * from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListItem';\nexport * from '@digigov/react-core/NavMenuTitle';\nexport * from '@digigov/react-core/NavListItemActionContainer';\nexport * from '@digigov/ui/navigation/NavList/NavListItemAction';\nexport * from '@digigov/react-core/NavListItemBadge';\nexport * from '@digigov/react-core/NavListItemButton';\nexport * from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport default NavList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,4BAAc,uDADd;AAEA,4BAAc,8DAFd;AAGA,4BAAc,iDAHd;AAIA,4BAAc,4DAJd;AAMA,4BAAc,oCANd;AAOA,4BAAc,wCAPd;AAQA,4BAAc,iDARd;AASA,4BAAc,+CATd;AAUA,4BAAc,uDAVd;AAWA,4BAAc,uDAXd;AAYA,4BAAc,6CAZd;AAaA,4BAAc,2DAbd;AAcA,4BAAc,6DAdd;AAeA,4BAAc,iDAfd;AAgBA,4BAAc,kDAhBd;AAiBA,4BAAc,2DAjBd;AAmBA,IAAO,kBAAQ,eAAAA;",
   "names": ["NavList"]
 }

package/cjs/navigation/Pagination/hooks/index.js

@@ -39,8 +39,8 @@ const usePagination = ({
   const totalPages = Math.ceil(total / currentResultsPerPage) - 1;
   const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;
   const currentPageResultsEnd = currentPage * currentResultsPerPage < total ? currentPage * currentResultsPerPage : total;
-  const labelRef = (0, import_react.useRef)();
-  const selectLabelRef = (0, import_react.useRef)();
+  const labelRef = (0, import_react.useRef)(void 0);
+  const selectLabelRef = (0, import_react.useRef)(void 0);
   (0, import_react.useEffect)(() => {
     setCurrentPage(totalPages < currentPage ? totalPages : currentPage);
   }, [currentPage, totalPages]);

package/cjs/navigation/Pagination/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/hooks.ts"],
-  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>();\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>();\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4D;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,WAAW;AAC9C,8BAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,QAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,eAAW,qBAAwC;AACzD,QAAM,qBAAiB,qBAA0C;AAEjE,8BAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>(undefined);\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>(undefined);\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4D;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,WAAW;AAC9C,8BAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,QAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,eAAW,qBAAwC,MAAS;AAClE,QAAM,qBAAiB,qBAA0C,MAAS;AAE1E,8BAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
   "names": []
 }

package/cjs/navigation/Tabs/hooks.js.map

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