@vinyasa/navigation 1.0.26

package/dist/cjs/workspace-switcher.cjs

@@ -0,0 +1,249 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    WorkspaceSwitcher: ()=>WorkspaceSwitcher,
+    avatarImage: ()=>avatarImage
+});
+var avatar = '_1glbv700';
+var avatarImage = '_1glbv701';
+var item = '_1glbv707';
+var itemCheck = '_1glbv708';
+var trigger = '_1glbv702';
+var triggerDescription = '_1glbv705';
+var triggerIcon = '_1glbv706';
+var triggerName = '_1glbv704';
+var triggerText = '_1glbv703';
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const icons_namespaceObject = require("@vinyasa/icons");
+const dropdown_menu_namespaceObject = require("@vinyasa/overlay/dropdown-menu");
+const external_react_namespaceObject = require("react");
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function WorkspaceSwitcher_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else WorkspaceSwitcher_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const initials = (name)=>name.trim().split(/\s+/).slice(0, 2).map((word)=>word[0]).join('').toUpperCase();
+const WorkspaceAvatar = (_0)=>{
+    let { workspace, className } = _0, rest = _object_without_properties(_0, [
+        "workspace",
+        "className"
+    ]);
+    var _workspace_avatar;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", _object_spread_props(_object_spread({
+        className: className ? `${avatar} ${className}` : avatar,
+        "aria-hidden": "true"
+    }, rest), {
+        children: null != (_workspace_avatar = workspace.avatar) ? _workspace_avatar : initials(workspace.name)
+    }));
+};
+WorkspaceAvatar.displayName = 'WorkspaceAvatar';
+const WorkspaceSwitcherTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { workspace, className } = _ref1, rest = _object_without_properties(_ref1, [
+        "workspace",
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", _object_spread_props(_object_spread({
+        ref: ref,
+        type: "button",
+        className: className ? `${trigger} ${className}` : trigger
+    }, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceAvatar, {
+                workspace: workspace
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: triggerText,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: triggerName,
+                    children: workspace.name
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronDownIcon, {
+                className: triggerIcon
+            })
+        ]
+    }));
+});
+WorkspaceSwitcherTrigger.displayName = 'WorkspaceSwitcherTrigger';
+const WorkspaceSwitcherItem = ({ workspace, active })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        className: item,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceAvatar, {
+                workspace: workspace
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: triggerText,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: triggerName,
+                        children: workspace.name
+                    }),
+                    workspace.description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: triggerDescription,
+                        children: workspace.description
+                    }) : null
+                ]
+            }),
+            active ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CheckIcon, {
+                className: itemCheck,
+                "aria-hidden": "true"
+            }) : null
+        ]
+    });
+WorkspaceSwitcherItem.displayName = 'WorkspaceSwitcherItem';
+const WorkspaceSwitcherImpl = ({ workspaces, activeWorkspaceId, onWorkspaceChange, onCreateWorkspace, createWorkspaceLabel = 'Create workspace' })=>{
+    var _workspaces_find;
+    if (0 === workspaces.length) return null;
+    const activeWorkspace = null != (_workspaces_find = workspaces.find((workspace)=>workspace.id === activeWorkspaceId)) ? _workspaces_find : workspaces[0];
+    const entries = [
+        ...workspaces.map((workspace)=>({
+                type: 'item',
+                key: workspace.id,
+                label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceSwitcherItem, {
+                    workspace: workspace,
+                    active: workspace.id === activeWorkspaceId
+                }),
+                onSelect: ()=>{
+                    onWorkspaceChange(workspace.id);
+                }
+            })),
+        ...onCreateWorkspace ? [
+            {
+                type: 'separator',
+                key: 'create-workspace-separator'
+            },
+            {
+                type: 'item',
+                key: 'create-workspace',
+                label: createWorkspaceLabel,
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.PlusIcon, {}),
+                onSelect: onCreateWorkspace
+            }
+        ] : []
+    ];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_namespaceObject.DropdownMenu, {
+        trigger: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WorkspaceSwitcherTrigger, {
+            workspace: activeWorkspace
+        }),
+        items: entries,
+        align: "start"
+    });
+};
+WorkspaceSwitcherImpl.displayName = 'WorkspaceSwitcher';
+const WorkspaceSwitcher = Object.assign(WorkspaceSwitcherImpl, {
+    Trigger: WorkspaceSwitcherTrigger,
+    Item: WorkspaceSwitcherItem,
+    Avatar: WorkspaceAvatar
+});
+exports.WorkspaceSwitcher = __webpack_exports__.WorkspaceSwitcher;
+exports.avatarImage = __webpack_exports__.avatarImage;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "WorkspaceSwitcher",
+    "avatarImage"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/workspace-switcher.css

@@ -0,0 +1,100 @@
+._1glbv700 {
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-primary);
+  width: 1.75rem;
+  height: 1.75rem;
+  color: var(--vinyasa-on-primary);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-xs);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+._1glbv701 {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+._1glbv702 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  max-width: 16rem;
+  padding: var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-text-default);
+  cursor: pointer;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  display: inline-flex;
+}
+
+._1glbv702:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1glbv702:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+._1glbv702[data-state="open"] {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1glbv703 {
+  flex-direction: column;
+  flex: 1;
+  align-items: flex-start;
+  min-width: 0;
+  display: flex;
+}
+
+._1glbv704 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  display: block;
+  overflow: hidden;
+}
+
+._1glbv705 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  display: block;
+  overflow: hidden;
+}
+
+._1glbv706 {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  font-size: 1rem;
+  display: inline-flex;
+}
+
+._1glbv707 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  min-width: 14rem;
+  display: flex;
+}
+
+._1glbv708 {
+  color: var(--vinyasa-primary);
+  flex-shrink: 0;
+  margin-left: auto;
+  font-size: 1rem;
+}
+

package/dist/esm/217.css

@@ -0,0 +1,79 @@
+.oewhtx0 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  position: relative;
+}
+
+.oewhtx1 {
+  display: flex;
+}
+
+.oewhtx2 {
+  z-index: 0;
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-tertiary);
+  opacity: 0;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), width var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), height var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.oewhtx3 {
+  z-index: 1;
+  min-width: 2.25rem;
+  height: 2.25rem;
+  padding: 0 var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  cursor: pointer;
+  transition: color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: #0000;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+  position: relative;
+}
+
+.oewhtx3:hover:not(:disabled) {
+  background-color: var(--vinyasa-secondary);
+}
+
+.oewhtx3:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+.oewhtx3:disabled {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.oewhtx4 {
+  color: var(--vinyasa-on-tertiary);
+  font-weight: var(--vinyasa-font-weight-medium);
+}
+
+.oewhtx5 {
+  min-width: 2.25rem;
+  height: 2.25rem;
+  color: var(--vinyasa-text-muted);
+  font-size: var(--vinyasa-font-size-sm);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.oewhtx6 {
+  font-size: 1rem;
+  display: inline-flex;
+}
+

package/dist/esm/217.js

@@ -0,0 +1,202 @@
+import "./217.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from "@vinyasa/icons";
+import { useThemedRef } from "@vinyasa/tokens";
+import { forwardRef, useCallback, useLayoutEffect, useRef } from "react";
+import { createRuntimeFn } from "./953.js";
+const ELLIPSIS = 'ellipsis';
+const range = (start, end)=>Array.from({
+        length: Math.max(0, end - start + 1)
+    }, (_, index)=>start + index);
+const getPaginationRange = (page, totalPages, siblingCount = 1, boundaryCount = 1)=>{
+    const startPages = range(1, Math.min(boundaryCount, totalPages));
+    const endPages = range(Math.max(totalPages - boundaryCount + 1, boundaryCount + 1), totalPages);
+    const siblingsStart = Math.max(Math.min(page - siblingCount, totalPages - boundaryCount - 2 * siblingCount - 1), boundaryCount + 2);
+    const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + 2 * siblingCount + 2), endPages.length > 0 ? endPages[0] - 2 : totalPages - 1);
+    return [
+        ...startPages,
+        ...siblingsStart > boundaryCount + 2 ? [
+            ELLIPSIS
+        ] : boundaryCount + 1 < totalPages - boundaryCount ? [
+            boundaryCount + 1
+        ] : [],
+        ...range(siblingsStart, siblingsEnd),
+        ...siblingsEnd < totalPages - boundaryCount - 1 ? [
+            ELLIPSIS
+        ] : totalPages - boundaryCount > boundaryCount ? [
+            totalPages - boundaryCount
+        ] : [],
+        ...endPages
+    ];
+};
+var boundaryIcon = 'oewhtx6';
+var ellipsis = 'oewhtx5';
+var indicator = 'oewhtx2';
+var item = 'oewhtx1';
+var Pagination_css_link = createRuntimeFn({
+    defaultClassName: 'oewhtx3',
+    variantClassNames: {
+        active: {
+            true: 'oewhtx4'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var list = 'oewhtx0';
+const PaginationRoot = /*#__PURE__*/ forwardRef(({ ...rest }, ref)=>{
+    const themedRef = useThemedRef(ref);
+    return /*#__PURE__*/ jsx("nav", {
+        ref: themedRef,
+        "aria-label": "Pagination",
+        ...rest
+    });
+});
+PaginationRoot.displayName = 'PaginationRoot';
+const PaginationList = ({ className, children, ...rest })=>{
+    const listRef = useRef(null);
+    const indicatorRef = useRef(null);
+    const updateIndicator = useCallback(()=>{
+        const listEl = listRef.current;
+        const indicatorEl = indicatorRef.current;
+        if (!listEl || !indicatorEl) return;
+        const activeLink = listEl.querySelector('[aria-current="page"]');
+        if (!activeLink) {
+            indicatorEl.style.opacity = '0';
+            return;
+        }
+        indicatorEl.style.opacity = '1';
+        indicatorEl.style.transform = `translate(${String(activeLink.offsetLeft)}px, ${String(activeLink.offsetTop)}px)`;
+        indicatorEl.style.width = `${String(activeLink.offsetWidth)}px`;
+        indicatorEl.style.height = `${String(activeLink.offsetHeight)}px`;
+    }, []);
+    useLayoutEffect(()=>{
+        updateIndicator();
+        const listEl = listRef.current;
+        if (!listEl) return;
+        const mutationObserver = new MutationObserver(updateIndicator);
+        mutationObserver.observe(listEl, {
+            attributes: true,
+            attributeFilter: [
+                'aria-current'
+            ],
+            subtree: true
+        });
+        const resizeObserver = new ResizeObserver(updateIndicator);
+        resizeObserver.observe(listEl);
+        return ()=>{
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+        };
+    }, [
+        updateIndicator
+    ]);
+    return /*#__PURE__*/ jsxs("ul", {
+        ref: listRef,
+        className: className ? `${list} ${className}` : list,
+        ...rest,
+        children: [
+            /*#__PURE__*/ jsx("li", {
+                ref: indicatorRef,
+                "aria-hidden": "true",
+                className: indicator
+            }),
+            children
+        ]
+    });
+};
+PaginationList.displayName = 'PaginationList';
+const PaginationItem = ({ className, ...rest })=>/*#__PURE__*/ jsx("li", {
+        className: className ? `${item} ${className}` : item,
+        ...rest
+    });
+PaginationItem.displayName = 'PaginationItem';
+const PaginationLink = /*#__PURE__*/ forwardRef(({ as: Component = 'button', active, className, ...rest }, ref)=>/*#__PURE__*/ jsx(Component, {
+        ref: ref,
+        className: className ? `${Pagination_css_link({
+            active
+        })} ${className}` : Pagination_css_link({
+            active
+        }),
+        "aria-current": active ? 'page' : void 0,
+        ...rest
+    }));
+PaginationLink.displayName = 'PaginationLink';
+const PaginationEllipsis = ({ className, children, ...rest })=>/*#__PURE__*/ jsx("span", {
+        "aria-hidden": "true",
+        className: className ? `${ellipsis} ${className}` : ellipsis,
+        ...rest,
+        children: children ?? '…'
+    });
+PaginationEllipsis.displayName = 'PaginationEllipsis';
+const PaginationPrevious = ({ children, ...rest })=>/*#__PURE__*/ jsx(PaginationLink, {
+        "aria-label": "Previous page",
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {
+            className: boundaryIcon
+        })
+    });
+PaginationPrevious.displayName = 'PaginationPrevious';
+const PaginationNext = ({ children, ...rest })=>/*#__PURE__*/ jsx(PaginationLink, {
+        "aria-label": "Next page",
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {
+            className: boundaryIcon
+        })
+    });
+PaginationNext.displayName = 'PaginationNext';
+const PaginationImpl = ({ page, totalPages, onPageChange, siblingCount = 1, boundaryCount = 1, getHref, linkComponent, ...rest })=>{
+    const pageRange = getPaginationRange(page, totalPages, siblingCount, boundaryCount);
+    const asProp = getHref ? linkComponent ?? 'a' : 'button';
+    return /*#__PURE__*/ jsx(PaginationRoot, {
+        ...rest,
+        children: /*#__PURE__*/ jsxs(PaginationList, {
+            children: [
+                /*#__PURE__*/ jsx(PaginationItem, {
+                    children: /*#__PURE__*/ jsx(PaginationPrevious, {
+                        as: asProp,
+                        href: getHref && page > 1 ? getHref(page - 1) : void 0,
+                        disabled: page <= 1,
+                        onClick: ()=>{
+                            if (page > 1) onPageChange(page - 1);
+                        }
+                    })
+                }),
+                pageRange.map((pageNumber, index)=>pageNumber === ELLIPSIS ? /*#__PURE__*/ jsx(PaginationItem, {
+                        children: /*#__PURE__*/ jsx(PaginationEllipsis, {})
+                    }, `ellipsis-${String(index)}`) : /*#__PURE__*/ jsx(PaginationItem, {
+                        children: /*#__PURE__*/ jsx(PaginationLink, {
+                            as: asProp,
+                            href: getHref?.(pageNumber),
+                            active: pageNumber === page,
+                            onClick: ()=>{
+                                onPageChange(pageNumber);
+                            },
+                            children: pageNumber
+                        })
+                    }, pageNumber)),
+                /*#__PURE__*/ jsx(PaginationItem, {
+                    children: /*#__PURE__*/ jsx(PaginationNext, {
+                        as: asProp,
+                        href: getHref && page < totalPages ? getHref(page + 1) : void 0,
+                        disabled: page >= totalPages,
+                        onClick: ()=>{
+                            if (page < totalPages) onPageChange(page + 1);
+                        }
+                    })
+                })
+            ]
+        })
+    });
+};
+PaginationImpl.displayName = 'Pagination';
+const Pagination = Object.assign(PaginationImpl, {
+    Root: PaginationRoot,
+    List: PaginationList,
+    Item: PaginationItem,
+    Link: PaginationLink,
+    Previous: PaginationPrevious,
+    Next: PaginationNext,
+    Ellipsis: PaginationEllipsis
+});
+export { ELLIPSIS, Pagination, getPaginationRange };