@digigov/ui 2.0.0-13876dba → 2.0.0-16fbe090

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

@@ -1,130 +0,0 @@
-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 __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 auto_exports = {};
-__export(auto_exports, {
-  PaginationAuto: () => PaginationAuto,
-  PaginationContextAuto: () => PaginationContextAuto,
-  PaginationLabelAuto: () => PaginationLabelAuto,
-  PaginationListAuto: () => PaginationListAuto,
-  PaginationResultsPerPageSelectAuto: () => PaginationResultsPerPageSelectAuto,
-  usePaginationContext: () => usePaginationContext
-});
-module.exports = __toCommonJS(auto_exports);
-var import_react = __toESM(require("react"));
-var import_Pagination = require("@digigov/react-core/Pagination");
-var import_PaginationList = require("@digigov/react-core/PaginationList");
-var import_hooks = require("@digigov/ui/navigation/Pagination/hooks");
-var import_Pagination2 = require("@digigov/ui/navigation/Pagination/Pagination");
-const PaginationContext = import_react.default.createContext(null);
-const usePaginationContext = () => {
-  const context = (0, import_react.useContext)(PaginationContext);
-  if (!context) {
-    throw new Error(
-      "usePaginationContext must be used within an PaginationProvider"
-    );
-  }
-  return context;
-};
-const PaginationContextAuto = ({
-  total,
-  resultsPerPageOptions,
-  previousLabel,
-  nextLabel,
-  children,
-  ...props
-}) => {
-  const pagination = (0, import_hooks.usePagination)({
-    total,
-    resultsPerPageOptions,
-    previousLabel,
-    nextLabel
-  });
-  return /* @__PURE__ */ import_react.default.createElement(PaginationContext.Provider, { value: pagination, ...props }, children);
-};
-const PaginationAuto = import_react.default.forwardRef(
-  function PaginationAuto2({ children, ...props }, ref) {
-    const context = usePaginationContext();
-    if (!context) {
-      throw new Error("PaginationAuto must be used within PaginationProvider");
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { ...props, ref }, children);
-  }
-);
-const PaginationLabelAuto = import_react.default.forwardRef(function PaginationLabelAuto2({ ...props }, ref) {
-  const context = usePaginationContext();
-  if (!context) {
-    throw new Error(
-      "PaginationLabelAuto must be used within PaginationProvider"
-    );
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Pagination2.PaginationLabel,
-    {
-      ...context.registerPaginationLabel(),
-      ...props,
-      ref
-    }
-  );
-});
-const PaginationResultsPerPageSelectAuto = import_react.default.forwardRef(function PaginationResultsPerPageSelectAuto2(props, ref) {
-  const context = usePaginationContext();
-  if (!context) {
-    throw new Error(
-      "PaginationResultsPerPageSelectAuto must be used within PaginationProvider"
-    );
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Pagination2.PaginationResultsPerPageSelect,
-    {
-      ...context.registerPaginationResultsPerPageSelect(),
-      ...props,
-      ref
-    }
-  );
-});
-const PaginationListAuto = import_react.default.forwardRef(function PaginationListAuto2(props, ref) {
-  const context = usePaginationContext();
-  if (!context) {
-    throw new Error(
-      "PaginationListAuto must be used within PaginationProvider"
-    );
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_PaginationList.PaginationList, { ...props, ref }, context.items.map((item, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_Pagination2.PaginationListItemButton, { ...item, key: index });
-  }));
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PaginationAuto,
-  PaginationContextAuto,
-  PaginationLabelAuto,
-  PaginationListAuto,
-  PaginationResultsPerPageSelectAuto,
-  usePaginationContext
-});
-//# sourceMappingURL=auto.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/navigation/Pagination/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Pagination, PaginationProps } from '@digigov/react-core/Pagination';\nimport {\n  PaginationList,\n  PaginationListProps,\n} from '@digigov/react-core/PaginationList';\nimport {\n  usePagination,\n  usePaginationReturn,\n} from '@digigov/ui/navigation/Pagination/hooks';\nimport {\n  PaginationListItemButton,\n  PaginationLabel,\n  PaginationResultsPerPageSelect,\n  PaginationLabelProps,\n  PaginationResultsPerPageSelectProps,\n} from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface PaginationLabelAutoProps\n  extends Omit<PaginationLabelProps, 'start' | 'end' | 'total'> {\n  start?: number;\n  end?: number;\n  total?: number;\n}\n\nexport interface PaginationResultsPerPageSelectAutoProps\n  extends Omit<\n    PaginationResultsPerPageSelectProps,\n    'resultsPerPageOptions' | 'currentResultsPerPage' | 'handleOnChange'\n  > {\n  resultsPerPageOptions?: number[];\n  currentResultsPerPage?: number;\n  handleOnChange?: React.Dispatch<React.SetStateAction<number>>;\n}\n\nconst PaginationContext = React.createContext<usePaginationReturn | null>(null);\n\nexport const usePaginationContext = (): usePaginationReturn => {\n  const context = useContext(PaginationContext);\n  if (!context) {\n    throw new Error(\n      'usePaginationContext must be used within an PaginationProvider'\n    );\n  }\n  return context;\n};\n\nexport const PaginationContextAuto = ({\n  total,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n  children,\n  ...props\n}: {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n  children: React.ReactNode;\n}) => {\n  const pagination = usePagination({\n    total,\n    resultsPerPageOptions,\n    previousLabel,\n    nextLabel,\n  });\n\n  return (\n    <PaginationContext.Provider value={pagination} {...props}>\n      {children}\n    </PaginationContext.Provider>\n  );\n};\n\nexport const PaginationAuto = React.forwardRef<HTMLElement, PaginationProps>(\n  function PaginationAuto({ children, ...props }, ref) {\n    const context = usePaginationContext();\n    if (!context) {\n      throw new Error('PaginationAuto must be used within PaginationProvider');\n    }\n    return (\n      <Pagination {...props} ref={ref}>\n        {children}\n      </Pagination>\n    );\n  }\n);\nexport const PaginationLabelAuto = React.forwardRef<\n  HTMLParagraphElement,\n  PaginationLabelAutoProps\n>(function PaginationLabelAuto({ ...props }, ref) {\n  const context = usePaginationContext();\n  if (!context) {\n    throw new Error(\n      'PaginationLabelAuto must be used within PaginationProvider'\n    );\n  }\n  return (\n    <PaginationLabel\n      {...context.registerPaginationLabel()}\n      {...props}\n      ref={ref}\n    ></PaginationLabel>\n  );\n});\n\nexport const PaginationResultsPerPageSelectAuto = React.forwardRef<\n  HTMLLabelElement,\n  PaginationResultsPerPageSelectAutoProps\n>(function PaginationResultsPerPageSelectAuto(props, ref) {\n  const context = usePaginationContext();\n  if (!context) {\n    throw new Error(\n      'PaginationResultsPerPageSelectAuto must be used within PaginationProvider'\n    );\n  }\n  return (\n    <PaginationResultsPerPageSelect\n      {...context.registerPaginationResultsPerPageSelect()}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nexport const PaginationListAuto = React.forwardRef<\n  HTMLUListElement,\n  PaginationListProps\n>(function PaginationListAuto(props, ref) {\n  const context = usePaginationContext();\n  if (!context) {\n    throw new Error(\n      'PaginationListAuto must be used within PaginationProvider'\n    );\n  }\n  return (\n    <PaginationList {...props} ref={ref}>\n      {context.items.map((item, index) => {\n        return <PaginationListItemButton {...item} key={index} />;\n      })}\n    </PaginationList>\n  );\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,wBAA4C;AAC5C,4BAGO;AACP,mBAGO;AACP,IAAAA,qBAMO;AAmBP,MAAM,oBAAoB,aAAAC,QAAM,cAA0C,IAAI;AAEvE,MAAM,uBAAuB,MAA2B;AAC7D,QAAM,cAAU,yBAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAMM;AACJ,QAAM,iBAAa,4BAAc;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,kBAAkB,UAAlB,EAA2B,OAAO,YAAa,GAAG,SAChD,QACH;AAEJ;AAEO,MAAM,iBAAiB,aAAAA,QAAM;AAAA,EAClC,SAASC,gBAAe,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACnD,UAAM,UAAU,qBAAqB;AACrC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,uDAAuD;AAAA,IACzE;AACA,WACE,6BAAAD,QAAA,cAAC,gCAAY,GAAG,OAAO,OACpB,QACH;AAAA,EAEJ;AACF;AACO,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASE,qBAAoB,EAAE,GAAG,MAAM,GAAG,KAAK;AAChD,QAAM,UAAU,qBAAqB;AACrC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,wBAAwB;AAAA,MACnC,GAAG;AAAA,MACJ;AAAA;AAAA,EACD;AAEL,CAAC;AAEM,MAAM,qCAAqC,aAAAA,QAAM,WAGtD,SAASG,oCAAmC,OAAO,KAAK;AACxD,QAAM,UAAU,qBAAqB;AACrC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SACE,6BAAAH,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,uCAAuC;AAAA,MAClD,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AAEM,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASI,oBAAmB,OAAO,KAAK;AACxC,QAAM,UAAU,qBAAqB;AACrC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SACE,6BAAAJ,QAAA,cAAC,wCAAgB,GAAG,OAAO,OACxB,QAAQ,MAAM,IAAI,CAAC,MAAM,UAAU;AAClC,WAAO,6BAAAA,QAAA,cAAC,+CAA0B,GAAG,MAAM,KAAK,OAAO;AAAA,EACzD,CAAC,CACH;AAEJ,CAAC;",
-  "names": ["import_Pagination", "React", "PaginationAuto", "PaginationLabelAuto", "PaginationResultsPerPageSelectAuto", "PaginationListAuto"]
-}

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

@@ -1,117 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var hooks_exports = {};
-__export(hooks_exports, {
-  default: () => hooks_default,
-  usePagination: () => usePagination
-});
-module.exports = __toCommonJS(hooks_exports);
-var import_react = require("react");
-const usePagination = ({
-  total: totalLength,
-  resultsPerPageOptions,
-  previousLabel,
-  nextLabel
-}) => {
-  const [total, setTotal] = (0, import_react.useState)(totalLength);
-  (0, import_react.useEffect)(() => {
-    setTotal(totalLength);
-  }, [totalLength]);
-  const [currentPage, setCurrentPage] = (0, import_react.useState)(1);
-  const [currentResultsPerPage, setCurrentResultsPerPage] = (0, import_react.useState)(
-    resultsPerPageOptions[0]
-  );
-  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)();
-  (0, import_react.useEffect)(() => {
-    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);
-  }, [currentPage, totalPages]);
-  const registerPaginationLabel = () => {
-    return {
-      start: currentPageResultsStart,
-      end: currentPageResultsEnd,
-      total,
-      ref: labelRef.current
-    };
-  };
-  const registerPaginationResultsPerPageSelect = () => {
-    return {
-      resultsPerPageOptions,
-      currentResultsPerPage,
-      handleOnChange: setCurrentResultsPerPage,
-      ref: selectLabelRef.current
-    };
-  };
-  const items = (0, import_react.useMemo)(() => {
-    const content = [];
-    let countingDots = false;
-    content.push({
-      children: previousLabel,
-      arrow: "left",
-      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),
-      active: currentPage !== 1
-    });
-    for (let page = 1; page <= totalPages; page++) {
-      if (page <= 1 || page >= totalPages || page <= currentPage + 1 && page >= currentPage - 1) {
-        if (countingDots) {
-          countingDots = false;
-        }
-        console.log(page, currentPage);
-        content.push({
-          children: page,
-          variant: "number",
-          onClick: () => setCurrentPage(page),
-          isCurrentPage: currentPage === page
-        });
-      } else {
-        if (!countingDots) {
-          countingDots = true;
-          content.push({
-            variant: "dots"
-          });
-        }
-      }
-    }
-    content.push({
-      children: nextLabel,
-      arrow: "right",
-      onClick: () => currentPage !== totalPages && setCurrentPage(currentPage + 1),
-      active: currentPage !== totalPages
-    });
-    return content;
-  }, [currentPage, totalPages]);
-  return {
-    registerPaginationLabel,
-    registerPaginationResultsPerPageSelect,
-    items,
-    currentPage,
-    setCurrentPage,
-    offset: (currentPage - 1) * currentResultsPerPage,
-    limit: currentResultsPerPage + 1,
-    setTotal
-  };
-};
-var hooks_default = usePagination;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  usePagination
-});
-//# sourceMappingURL=hooks.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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;",
-  "names": []
-}

package/cjs/navigation/Pagination/index.js

@@ -1,52 +0,0 @@
-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 Pagination_exports = {};
-__export(Pagination_exports, {
-  PaginationLabelContainer: () => import_PaginationLabelContainer.PaginationLabelContainer,
-  default: () => Pagination_default
-});
-module.exports = __toCommonJS(Pagination_exports);
-var import_Pagination = __toESM(require("@digigov/ui/navigation/Pagination/Pagination"));
-__reExport(Pagination_exports, require("@digigov/ui/navigation/Pagination/Pagination"), module.exports);
-__reExport(Pagination_exports, require("@digigov/react-core/Pagination"), module.exports);
-__reExport(Pagination_exports, require("@digigov/react-core/PaginationList"), module.exports);
-__reExport(Pagination_exports, require("@digigov/react-core/PaginationListItem"), module.exports);
-__reExport(Pagination_exports, require("@digigov/ui/navigation/Pagination/hooks"), module.exports);
-var import_PaginationLabelContainer = require("@digigov/react-core/PaginationLabelContainer");
-var Pagination_default = import_Pagination.default;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PaginationLabelContainer,
-  ...require("@digigov/ui/navigation/Pagination/Pagination"),
-  ...require("@digigov/react-core/Pagination"),
-  ...require("@digigov/react-core/PaginationList"),
-  ...require("@digigov/react-core/PaginationListItem"),
-  ...require("@digigov/ui/navigation/Pagination/hooks")
-});
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/navigation/Pagination/index.tsx"],
-  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAGvB,+BAAc,yDAHd;AAIA,+BAAc,2CAJd;AAKA,+BAAc,+CALd;AAMA,+BAAc,mDANd;AAOA,+BAAc,oDAPd;AAQA,sCAAyC;AAPzC,IAAO,qBAAQ,kBAAAA;",
-  "names": ["Pagination"]
-}

package/cjs/navigation/SkipLink/index.js

@@ -1,40 +0,0 @@
-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 __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 SkipLink_exports = {};
-__export(SkipLink_exports, {
-  SkipLink: () => import_SkipLink.default,
-  default: () => SkipLink_default
-});
-module.exports = __toCommonJS(SkipLink_exports);
-var import_SkipLink = __toESM(require("@digigov/react-core/SkipLink"));
-var SkipLink_default = import_SkipLink.default;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SkipLink
-});
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/navigation/SkipLink/index.tsx"],
-  "sourcesContent": ["import SkipLink from '@digigov/react-core/SkipLink';\n\nexport default SkipLink;\nexport { SkipLink };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,sBAAqB;AAErB,IAAO,mBAAQ,gBAAAA;",
-  "names": ["SkipLink"]
-}

package/cjs/navigation/Tabs/auto/index.js

@@ -1,75 +0,0 @@
-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 __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 auto_exports = {};
-__export(auto_exports, {
-  TabsAuto: () => TabsAuto,
-  TabsContext: () => TabsContext,
-  TabsListItem: () => TabsListItem,
-  TabsPanel: () => TabsPanel,
-  useTabsContext: () => useTabsContext
-});
-module.exports = __toCommonJS(auto_exports);
-var import_react = __toESM(require("react"));
-var import_Tabs = __toESM(require("@digigov/react-core/Tabs"));
-var import_TabsListItemBase = require("@digigov/react-core/TabsListItemBase");
-var import_TabsPanelBase = require("@digigov/react-core/TabsPanelBase");
-var import_hooks = require("@digigov/ui/navigation/Tabs/hooks");
-const TabsContext = import_react.default.createContext(null);
-const useTabsContext = () => {
-  const context = (0, import_react.useContext)(TabsContext);
-  return context;
-};
-const TabsAuto = ({ defaultOpen, children, ...props }) => {
-  const tabs = (0, import_hooks.useTabs)({ defaultOpen });
-  return /* @__PURE__ */ import_react.default.createElement(TabsContext.Provider, { value: tabs }, /* @__PURE__ */ import_react.default.createElement(import_Tabs.default, { ...props }, children));
-};
-const TabsListItem = import_react.default.forwardRef(function TabsListItem2({ ...props }, ref) {
-  const context = useTabsContext();
-  if (!context) {
-    return /* @__PURE__ */ import_react.default.createElement(import_TabsListItemBase.TabsListItemBase, { ...props, ref });
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_TabsListItemBase.TabsListItemBase, { ...context.register(props.id), ref, ...props });
-});
-const TabsPanel = import_react.default.forwardRef(
-  function TabsPanel2({ tab, ...props }, ref) {
-    const context = useTabsContext();
-    if (!context) {
-      return /* @__PURE__ */ import_react.default.createElement(import_TabsPanelBase.TabsPanelBase, { ref, ...props });
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_TabsPanelBase.TabsPanelBase, { ...context.panel(tab), ref, ...props });
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TabsAuto,
-  TabsContext,
-  TabsListItem,
-  TabsPanel,
-  useTabsContext
-});
-//# sourceMappingURL=auto.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/navigation/Tabs/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport Tabs from '@digigov/react-core/Tabs';\nimport {\n  TabsListItemBase,\n  TabsListItemBaseProps,\n} from '@digigov/react-core/TabsListItemBase';\nimport {\n  TabsPanelBase,\n  TabsPanelBaseProps,\n} from '@digigov/react-core/TabsPanelBase';\nimport {\n  useTabs,\n  UseTabsReturn,\n  TabId,\n} from '@digigov/ui/navigation/Tabs/hooks';\n\nexport interface TabsListItemProps extends TabsListItemBaseProps {\n  id: string;\n}\n\nexport interface TabsPanelProps extends TabsPanelBaseProps {\n  tab: TabId;\n}\n\nexport const TabsContext = React.createContext<UseTabsReturn | null>(null);\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  return context;\n};\n\nexport const TabsAuto = ({ defaultOpen, children, ...props }) => {\n  const tabs = useTabs({ defaultOpen });\n  return (\n    <TabsContext.Provider value={tabs}>\n      <Tabs {...props}>{children}</Tabs>\n    </TabsContext.Provider>\n  );\n};\n\nexport const TabsListItem = React.forwardRef<\n  HTMLAnchorElement,\n  TabsListItemProps\n>(function TabsListItem({ ...props }, ref) {\n  const context = useTabsContext();\n  if (!context) {\n    return <TabsListItemBase {...props} ref={ref} />;\n  }\n  return (\n    <TabsListItemBase {...context.register(props.id)} ref={ref} {...props} />\n  );\n});\n\nexport const TabsPanel = React.forwardRef<HTMLDivElement, TabsPanelProps>(\n  function TabsPanel({ tab, ...props }, ref) {\n    const context = useTabsContext();\n    if (!context) {\n      return <TabsPanelBase ref={ref} {...props} />;\n    }\n    return <TabsPanelBase {...context.panel(tab)} ref={ref} {...props} />;\n  }\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,kBAAiB;AACjB,8BAGO;AACP,2BAGO;AACP,mBAIO;AAUA,MAAM,cAAc,aAAAA,QAAM,cAAoC,IAAI;AAElE,MAAM,iBAAiB,MAAM;AAClC,QAAM,cAAU,yBAAW,WAAW;AACtC,SAAO;AACT;AAEO,MAAM,WAAW,CAAC,EAAE,aAAa,UAAU,GAAG,MAAM,MAAM;AAC/D,QAAM,WAAO,sBAAQ,EAAE,YAAY,CAAC;AACpC,SACE,6BAAAA,QAAA,cAAC,YAAY,UAAZ,EAAqB,OAAO,QAC3B,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAM,GAAG,SAAQ,QAAS,CAC7B;AAEJ;AAEO,MAAM,eAAe,aAAAD,QAAM,WAGhC,SAASE,cAAa,EAAE,GAAG,MAAM,GAAG,KAAK;AACzC,QAAM,UAAU,eAAe;AAC/B,MAAI,CAAC,SAAS;AACZ,WAAO,6BAAAF,QAAA,cAAC,4CAAkB,GAAG,OAAO,KAAU;AAAA,EAChD;AACA,SACE,6BAAAA,QAAA,cAAC,4CAAkB,GAAG,QAAQ,SAAS,MAAM,EAAE,GAAG,KAAW,GAAG,OAAO;AAE3E,CAAC;AAEM,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASG,WAAU,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK;AACzC,UAAM,UAAU,eAAe;AAC/B,QAAI,CAAC,SAAS;AACZ,aAAO,6BAAAH,QAAA,cAAC,sCAAc,KAAW,GAAG,OAAO;AAAA,IAC7C;AACA,WAAO,6BAAAA,QAAA,cAAC,sCAAe,GAAG,QAAQ,MAAM,GAAG,GAAG,KAAW,GAAG,OAAO;AAAA,EACrE;AACF;",
-  "names": ["React", "Tabs", "TabsListItem", "TabsPanel"]
-}

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

@@ -1,121 +0,0 @@
-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 __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 hooks_exports = {};
-__export(hooks_exports, {
-  useTabs: () => useTabs
-});
-module.exports = __toCommonJS(hooks_exports);
-var import_react = __toESM(require("react"));
-var import_useScreen = require("@digigov/ui/utils/hooks/useScreen");
-const useTabs = ({
-  defaultOpen = null
-} = {}) => {
-  const [currentOpen, setCurrentOpen] = (0, import_react.useState)(defaultOpen);
-  const tabsRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
-  const { screenSize } = (0, import_useScreen.useScreenSize)();
-  const open = (0, import_react.useCallback)((id) => {
-    setCurrentOpen(id);
-    tabsRef.current.get(id)?.current?.focus();
-  }, []);
-  const navigate = (0, import_react.useCallback)(
-    (direction) => {
-      const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];
-      const tabs = Array.from(tabsRef.current.keys());
-      const currentIndex = tabs.indexOf(focusedTabId || currentOpen);
-      const newIndex = direction === "next" ? currentIndex + 1 : currentIndex - 1;
-      if (newIndex >= 0 && newIndex < tabs.length) {
-        tabsRef.current.get(tabs[newIndex])?.current?.focus();
-      }
-    },
-    [currentOpen, tabsRef.current]
-  );
-  const register = (0, import_react.useCallback)(
-    (id) => {
-      if (!tabsRef.current.has(id)) {
-        if (tabsRef.current.size === 0 && !currentOpen) {
-          setCurrentOpen(id);
-        }
-        tabsRef.current.set(id, import_react.default.createRef());
-      }
-      return {
-        role: "tab",
-        id: `tab-${id}`,
-        href: `#panel-${id}`,
-        "aria-selected": currentOpen === id,
-        open: currentOpen === id,
-        "aria-controls": `panel-${id}`,
-        tabIndex: currentOpen === id ? 0 : -1,
-        onClick: (e) => {
-          if (screenSize != "xs" && screenSize != "sm") {
-            e.preventDefault();
-          }
-          open(id);
-        },
-        onKeyDown: (e) => {
-          switch (e.key) {
-            case "ArrowRight":
-            case "ArrowDown":
-              navigate("next");
-              break;
-            case "ArrowLeft":
-            case "ArrowUp":
-              navigate("previous");
-              break;
-            case "Enter":
-              open(id);
-              break;
-          }
-        },
-        ref: tabsRef.current.get(id)
-      };
-    },
-    [currentOpen]
-  );
-  const panel = (id) => {
-    return {
-      role: "tabpanel",
-      "aria-labelledby": `tab-${id}`,
-      id: `panel-${id}`,
-      active: currentOpen === id,
-      tab: id
-    };
-  };
-  return {
-    register,
-    panel,
-    currentOpen,
-    open
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useTabs
-});
-//# sourceMappingURL=hooks.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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"],
-  "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"]
-}