@koine/react 2.0.0-beta.2 → 2.0.0-beta.5

package/MenuItem/useMenuItem.js

@@ -1,64 +1,96 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuItem = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var utils_1 = require("@mui/utils");
-var useMenu_1 = tslib_1.__importDefault(require("@mui/base/useMenu"));
-// import { unstable_useIsFocusVisible as useIsFocusVisible } from "@mui/utils";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useMenuItem: function() {
+        return useMenuItem;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _useMenu = /*#__PURE__*/ _interop_require_default._(require("@mui/base/useMenu"));
+const _useForkRef = /*#__PURE__*/ _interop_require_default._(require("@mui/utils/useForkRef"));
+const _react = require("react");
 function useMenuItem(props) {
-    var _a;
-    var _b = props.disabled, disabled = _b === void 0 ? false : _b, ref = props.rootRef, label = props.label;
-    var id = (0, react_1.useId)();
-    var _c = (0, useMenu_1.default)(), contextValue = _c.contextValue, open = _c.open;
+    const { disabled = false, rootRef: ref, label } = props;
+    const id = (0, _react.useId)();
+    const { contextValue, open } = (0, _useMenu.default)();
     // const { getRootProps } = useMenuItemUnstyled(props);
-    var itemRef = (0, react_1.useRef)(null);
-    var handleRef = (0, utils_1.unstable_useForkRef)(itemRef, ref);
+    const itemRef = (0, _react.useRef)(null);
+    const handleRef = (0, _useForkRef.default)(itemRef, ref);
     if (contextValue === null) {
         throw new Error("MenuItemUnstyled must be used within a MenuUnstyled");
     }
-    var registerItem = contextValue.registerItem, getItemState = contextValue.getItemState;
-    (0, react_1.useEffect)(function () {
-        registerItem(id, { disabled: disabled, id: id, ref: itemRef, label: label });
-        // return () => unregisterItem(id);
-    }, [id, registerItem, /* unregisterItem,  */ disabled, ref, label]);
+    const { registerItem, getItemState } = contextValue;
+    (0, _react.useEffect)(()=>{
+        registerItem(id, {
+            disabled,
+            id,
+            ref: itemRef,
+            label
+        });
+    // return () => unregisterItem(id);
+    }, [
+        id,
+        registerItem,
+        /* unregisterItem,  */ disabled,
+        ref,
+        label
+    ]);
     // const { getRootProps: getButtonProps, focusVisible } = useButton({
     //   disabled,
     //   focusableWhenDisabled: true,
     //   ref: handleRef,
     // });
     // Ensure the menu item is focused when highlighted
-    var _d = (0, react_1.useState)(false), focusRequested = _d[0], requestFocus = _d[1];
-    var focusIfRequested = (0, react_1.useCallback)(function () {
+    const [focusRequested, requestFocus] = (0, _react.useState)(false);
+    const focusIfRequested = (0, _react.useCallback)(()=>{
         if (focusRequested && itemRef.current != null) {
             itemRef.current.focus();
             requestFocus(false);
         }
-    }, [focusRequested]);
-    (0, react_1.useEffect)(function () {
+    }, [
+        focusRequested
+    ]);
+    (0, _react.useEffect)(()=>{
         focusIfRequested();
     });
     // useDebugValue({ id, disabled, label });
-    var itemState = getItemState(id !== null && id !== void 0 ? id : "");
-    var highlighted = (itemState !== null && itemState !== void 0 ? itemState : { highlighted: false }).highlighted;
-    (0, react_1.useEffect)(function () {
+    const itemState = getItemState(id ?? "");
+    const { highlighted } = itemState ?? {
+        highlighted: false
+    };
+    (0, _react.useEffect)(()=>{
         requestFocus(highlighted && open);
-    }, [highlighted, open]);
+    }, [
+        highlighted,
+        open
+    ]);
     return {
-        getRootProps: function (other) {
+        getRootProps: (other)=>{
             // const optionProps = menuContext.getItemProps(id, other);
-            return tslib_1.__assign(tslib_1.__assign({}, other), { 
+            return {
+                ...other,
                 // ...getButtonProps(other),
                 // @ ts-expect-error type from @mui/base is not specific
                 // tabIndex: optionProps.tabIndex,
                 // @ ts-expect-error type from @mui/base is not specific
                 // id: optionProps.id,
-                role: "menuitem" });
+                role: "menuitem"
+            };
         },
-        disabled: (_a = itemState === null || itemState === void 0 ? void 0 : itemState.disabled) !== null && _a !== void 0 ? _a : false,
+        disabled: itemState?.disabled ?? false,
         // focusVisible,
-        ref: handleRef,
+        ref: handleRef
     };
 }
-exports.useMenuItem = useMenuItem;
-exports.default = useMenuItem;
+const _default = useMenuItem;

package/MenuItem/useMenuItem.mjs

@@ -1,60 +1,78 @@
-import { __assign } from "tslib";
-import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { unstable_useForkRef as useForkRef } from "@mui/utils";
 import useMenu from "@mui/base/useMenu";
+import useForkRef from "@mui/utils/useForkRef";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
 // import { unstable_useIsFocusVisible as useIsFocusVisible } from "@mui/utils";
 export function useMenuItem(props) {
-    var _a;
-    var _b = props.disabled, disabled = _b === void 0 ? false : _b, ref = props.rootRef, label = props.label;
-    var id = useId();
-    var _c = useMenu(), contextValue = _c.contextValue, open = _c.open;
+    const { disabled = false, rootRef: ref, label } = props;
+    const id = useId();
+    const { contextValue, open } = useMenu();
     // const { getRootProps } = useMenuItemUnstyled(props);
-    var itemRef = useRef(null);
-    var handleRef = useForkRef(itemRef, ref);
+    const itemRef = useRef(null);
+    const handleRef = useForkRef(itemRef, ref);
     if (contextValue === null) {
         throw new Error("MenuItemUnstyled must be used within a MenuUnstyled");
     }
-    var registerItem = contextValue.registerItem, getItemState = contextValue.getItemState;
-    useEffect(function () {
-        registerItem(id, { disabled: disabled, id: id, ref: itemRef, label: label });
-        // return () => unregisterItem(id);
-    }, [id, registerItem, /* unregisterItem,  */ disabled, ref, label]);
+    const { registerItem, getItemState } = contextValue;
+    useEffect(()=>{
+        registerItem(id, {
+            disabled,
+            id,
+            ref: itemRef,
+            label
+        });
+    // return () => unregisterItem(id);
+    }, [
+        id,
+        registerItem,
+        /* unregisterItem,  */ disabled,
+        ref,
+        label
+    ]);
     // const { getRootProps: getButtonProps, focusVisible } = useButton({
     //   disabled,
     //   focusableWhenDisabled: true,
     //   ref: handleRef,
     // });
     // Ensure the menu item is focused when highlighted
-    var _d = useState(false), focusRequested = _d[0], requestFocus = _d[1];
-    var focusIfRequested = useCallback(function () {
+    const [focusRequested, requestFocus] = useState(false);
+    const focusIfRequested = useCallback(()=>{
         if (focusRequested && itemRef.current != null) {
             itemRef.current.focus();
             requestFocus(false);
         }
-    }, [focusRequested]);
-    useEffect(function () {
+    }, [
+        focusRequested
+    ]);
+    useEffect(()=>{
         focusIfRequested();
     });
     // useDebugValue({ id, disabled, label });
-    var itemState = getItemState(id !== null && id !== void 0 ? id : "");
-    var highlighted = (itemState !== null && itemState !== void 0 ? itemState : { highlighted: false }).highlighted;
-    useEffect(function () {
+    const itemState = getItemState(id ?? "");
+    const { highlighted } = itemState ?? {
+        highlighted: false
+    };
+    useEffect(()=>{
         requestFocus(highlighted && open);
-    }, [highlighted, open]);
+    }, [
+        highlighted,
+        open
+    ]);
     return {
-        getRootProps: function (other) {
+        getRootProps: (other)=>{
             // const optionProps = menuContext.getItemProps(id, other);
-            return __assign(__assign({}, other), { 
+            return {
+                ...other,
                 // ...getButtonProps(other),
                 // @ ts-expect-error type from @mui/base is not specific
                 // tabIndex: optionProps.tabIndex,
                 // @ ts-expect-error type from @mui/base is not specific
                 // id: optionProps.id,
-                role: "menuitem" });
+                role: "menuitem"
+            };
         },
-        disabled: (_a = itemState === null || itemState === void 0 ? void 0 : itemState.disabled) !== null && _a !== void 0 ? _a : false,
+        disabled: itemState?.disabled ?? false,
         // focusVisible,
-        ref: handleRef,
+        ref: handleRef
     };
 }
 export default useMenuItem;

package/Meta/Meta.js

@@ -1,10 +1,25 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Meta = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Meta = function (_a) {
-    var zoom = _a.zoom;
-    return ((0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1".concat(zoom ? "" : ", user-scalable=0") }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Meta: function() {
+        return Meta;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const Meta = ({ zoom })=>{
+    return /*#__PURE__*/ React.createElement("meta", {
+        name: "viewport",
+        content: `width=device-width, initial-scale=1, maximum-scale=1${zoom ? "" : ", user-scalable=0"}`
+    });
 };
-exports.Meta = Meta;
-exports.default = exports.Meta;
+const _default = Meta;

package/Meta/Meta.mjs

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Meta = function (_a) {
-    var zoom = _a.zoom;
-    return (_jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1".concat(zoom ? "" : ", user-scalable=0") }));
+export const Meta = ({ zoom })=>{
+    return /*#__PURE__*/ React.createElement("meta", {
+        name: "viewport",
+        content: `width=device-width, initial-scale=1, maximum-scale=1${zoom ? "" : ", user-scalable=0"}`
+    });
 };
 export default Meta;

package/Meta/index.js

@@ -1,7 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Meta"), exports);
-var Meta_1 = require("./Meta");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Meta_1.Meta; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _Meta.Meta;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+const _Meta = _export_star._(require("./Meta"), exports);

package/NoJs/NoJs.js

@@ -1,11 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoJs = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var NoJs = function (_props) {
-    return ((0, jsx_runtime_1.jsx)("script", { id: "no-js", dangerouslySetInnerHTML: {
-            __html: "document.querySelector(\"html\").className=document.querySelector(\"html\").className.replace(/no-js/,\"\") + \"js\";",
-        } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NoJs: function() {
+        return NoJs;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const NoJs = (_props)=>{
+    return /*#__PURE__*/ React.createElement("script", {
+        id: "no-js",
+        dangerouslySetInnerHTML: {
+            __html: `document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";`
+        }
+    });
 };
-exports.NoJs = NoJs;
-exports.default = exports.NoJs;
+const _default = NoJs;

package/NoJs/NoJs.mjs

@@ -1,7 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export var NoJs = function (_props) {
-    return (_jsx("script", { id: "no-js", dangerouslySetInnerHTML: {
-            __html: "document.querySelector(\"html\").className=document.querySelector(\"html\").className.replace(/no-js/,\"\") + \"js\";",
-        } }));
+export const NoJs = (_props)=>{
+    return /*#__PURE__*/ React.createElement("script", {
+        id: "no-js",
+        dangerouslySetInnerHTML: {
+            __html: `document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";`
+        }
+    });
 };
 export default NoJs;

package/NoJs/index.js

@@ -1,7 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./NoJs"), exports);
-var NoJs_1 = require("./NoJs");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return NoJs_1.NoJs; } });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _NoJs.NoJs;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+const _NoJs = _export_star._(require("./NoJs"), exports);

package/Pagination/PaginationNav.d.ts

@@ -1,4 +1,4 @@
-import { KoineComponentProps, KoineComponent } from "../types";
+import { KoineComponent, KoineComponentProps } from "../types";
 export type KoinePaginationNavProps = {
     /** The total number of elements to paginate */
     total: string | number;

package/Pagination/PaginationNav.js

@@ -1,32 +1,56 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoinePaginationNav = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var cg_1 = require("react-icons/cg");
-var ensureInt_1 = tslib_1.__importDefault(require("@koine/utils/ensureInt"));
-var Root = styled_components_1.default.nav(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 0 40px;\n  font-weight: 600;\n\n  & a {\n    text-decoration: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 0 40px;\n  font-weight: 600;\n\n  & a {\n    text-decoration: none;\n  }\n"])));
-var item = "\n  display: block;\n  padding: 5px 10px;\n";
-var ItemCurrent = styled_components_1.default.span(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", "\n  background: var(--accent400);\n  border-radius: 2px;\n"], ["\n  ", "\n  background: var(--accent400);\n  border-radius: 2px;\n"])), item);
-var ItemLink = styled_components_1.default.a(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), item, function (props) { return (props.prev ? "color: var(--grey100);" : ""); });
-var DotsSeparator = styled_components_1.default.span(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  color: var(--grey100);\n"], ["\n  color: var(--grey100);\n"])));
-var arrow = "display: flex; font-size: 20px;";
-var ItemPrev = styled_components_1.default.a(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), arrow);
-var ItemNext = styled_components_1.default.a(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), arrow);
-/*
- * Possible outcomes:
- * [1] 2 3 ... 78 >
- * < 1 2 [3] 4 5 ... 78 >
- * < 1 ... 6 7 [8] 9 10 ... 78 >
- * < 1 ... 75 76 [77] 78 >
- * < 1 ... 76 77 [78]
- */
-var KoinePaginationNav = function (_a) {
-    var total = _a.total, perPage = _a.perPage, _currentPage = _a.currentPage, baseUrl = _a.baseUrl, _b = _a.showOffset, showOffset = _b === void 0 ? 2 : _b, _c = _a.currentUrl, currentUrl = _c === void 0 ? "/" : _c, _d = _a.Link, Link = _d === void 0 ? "a" : _d;
-    var currentPage = (0, ensureInt_1.default)(_currentPage);
-    total = (0, ensureInt_1.default)(total);
-    perPage = (0, ensureInt_1.default)(perPage);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "KoinePaginationNav", {
+    enumerable: true,
+    get: function() {
+        return KoinePaginationNav;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _cg = require("react-icons/cg");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const _ensureInt = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/ensureInt"));
+const Root = _styledcomponents.default.nav`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px 0 40px;
+  font-weight: 600;
+
+  & a {
+    text-decoration: none;
+  }
+`;
+const item = `
+  display: block;
+  padding: 5px 10px;
+`;
+const ItemCurrent = _styledcomponents.default.span`
+  ${item}
+  background: var(--accent400);
+  border-radius: 2px;
+`;
+const ItemLink = _styledcomponents.default.a`
+  ${item}
+
+  ${(props)=>props.prev ? "color: var(--grey100);" : ""}
+`;
+const DotsSeparator = _styledcomponents.default.span`
+  color: var(--grey100);
+`;
+const arrow = `display: flex; font-size: 20px;`;
+const ItemPrev = _styledcomponents.default.a`
+  ${arrow}
+`;
+const ItemNext = _styledcomponents.default.a`
+  ${arrow}
+`;
+const KoinePaginationNav = ({ total, perPage, currentPage: _currentPage, baseUrl, showOffset = 2, currentUrl = "/", Link = "a" })=>{
+    let currentPage = (0, _ensureInt.default)(_currentPage);
+    total = (0, _ensureInt.default)(total);
+    perPage = (0, _ensureInt.default)(perPage);
     // page 0 means 1
     currentPage = currentPage || 1;
     baseUrl = baseUrl || currentUrl;
@@ -34,15 +58,15 @@ var KoinePaginationNav = function (_a) {
     if (total < perPage) {
         return null;
     }
-    var firstPage = 1;
-    var lastPage = Math.ceil(total / perPage);
-    var prevPage = currentPage - 1 > firstPage ? currentPage - 1 : "";
-    var nextPage = currentPage + 1 < lastPage ? currentPage + 1 : lastPage;
-    var prevArrow = currentPage > firstPage;
-    var nextArrow = currentPage < lastPage;
-    var pages = [];
+    const firstPage = 1;
+    const lastPage = Math.ceil(total / perPage);
+    const prevPage = currentPage - 1 > firstPage ? currentPage - 1 : "";
+    const nextPage = currentPage + 1 < lastPage ? currentPage + 1 : lastPage;
+    const prevArrow = currentPage > firstPage;
+    const nextArrow = currentPage < lastPage;
+    const pages = [];
     // fill the pages before the current
-    for (var i = currentPage - showOffset; i < currentPage; i++) {
+    for(let i = currentPage - showOffset; i < currentPage; i++){
         if (i > 1) {
             pages.push(i);
         }
@@ -50,16 +74,34 @@ var KoinePaginationNav = function (_a) {
     // add the current
     pages.push(currentPage);
     // fill the pages after the current
-    for (var i = currentPage + 1; i < currentPage + 1 + showOffset; i++) {
+    for(let i = currentPage + 1; i < currentPage + 1 + showOffset; i++){
         if (i < lastPage) {
             pages.push(i);
         }
     }
-    var prevDots = pages[0] > firstPage + 1;
-    var nextDots = pages[pages.length - 1] < lastPage - 1;
-    return ((0, jsx_runtime_1.jsxs)(Root, { children: [prevArrow && ((0, jsx_runtime_1.jsx)(ItemPrev, { as: Link, href: "".concat(baseUrl, "/").concat(prevPage), children: (0, jsx_runtime_1.jsx)(cg_1.CgArrowLeftR, {}) })), firstPage !== currentPage && ((0, jsx_runtime_1.jsx)(ItemLink, { as: Link, href: "".concat(baseUrl), prev: true, children: firstPage })), prevDots && (0, jsx_runtime_1.jsx)(DotsSeparator, { children: "..." }), pages.map(function (page) {
-                return page === currentPage ? ((0, jsx_runtime_1.jsx)(ItemCurrent, { children: page }, page)) : ((0, jsx_runtime_1.jsx)(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(page), prev: page < currentPage, next: page > currentPage, children: page }, "pagination-".concat(page)));
-            }), nextDots && (0, jsx_runtime_1.jsx)(DotsSeparator, { children: "..." }), lastPage !== currentPage && ((0, jsx_runtime_1.jsx)(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(lastPage), next: true, children: lastPage })), nextArrow && ((0, jsx_runtime_1.jsx)(ItemNext, { as: Link, href: "".concat(baseUrl, "/").concat(nextPage), children: (0, jsx_runtime_1.jsx)(cg_1.CgArrowRightR, {}) }))] }));
+    const prevDots = pages[0] > firstPage + 1;
+    const nextDots = pages[pages.length - 1] < lastPage - 1;
+    return /*#__PURE__*/ React.createElement(Root, null, prevArrow && /*#__PURE__*/ React.createElement(ItemPrev, {
+        as: Link,
+        href: `${baseUrl}/${prevPage}`
+    }, /*#__PURE__*/ React.createElement(_cg.CgArrowLeftR, null)), firstPage !== currentPage && /*#__PURE__*/ React.createElement(ItemLink, {
+        as: Link,
+        href: `${baseUrl}`,
+        prev: true
+    }, firstPage), prevDots && /*#__PURE__*/ React.createElement(DotsSeparator, null, "..."), pages.map((page)=>page === currentPage ? /*#__PURE__*/ React.createElement(ItemCurrent, {
+            key: page
+        }, page) : /*#__PURE__*/ React.createElement(ItemLink, {
+            key: `pagination-${page}`,
+            as: Link,
+            href: `${baseUrl}/${page}`,
+            prev: page < currentPage,
+            next: page > currentPage
+        }, page)), nextDots && /*#__PURE__*/ React.createElement(DotsSeparator, null, "..."), lastPage !== currentPage && /*#__PURE__*/ React.createElement(ItemLink, {
+        as: Link,
+        href: `${baseUrl}/${lastPage}`,
+        next: true
+    }, lastPage), nextArrow && /*#__PURE__*/ React.createElement(ItemNext, {
+        as: Link,
+        href: `${baseUrl}/${nextPage}`
+    }, /*#__PURE__*/ React.createElement(_cg.CgArrowRightR, null)));
 };
-exports.KoinePaginationNav = KoinePaginationNav;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;