@veracity/vui 0.7.0-beta.2 → 0.7.0

package/dist/cjs/notification/theme.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function variantSubtle(props) {
-    const { colorScheme: c } = props;
-    const container = {
-        bg: `${c}.20`,
-        borderColor: `${c}.80`,
-        borderWidth: 1,
-        color: `${c}.90`
-    };
-    const button = {
-        color: `${c}.90`,
-        hoverBg: `${c}.30`,
-        activeBg: `${c}.40`
-    };
-    if (c === 'blue') {
-        container.color = 'blue.80';
-        button.color = 'blue.80';
-    }
-    if (c === 'yellow') {
-        container.color = 'yellow.100';
-        button.color = 'yellow.100';
-    }
-    return { container, button };
-}
-const baseStyle = {};
-const defaultProps = {
-    colorScheme: 'blue',
-    variant: 'subtle'
-};
-const parts = ['container', 'button', 'icon', 'text', 'title'];
-const sizes = {};
-const variants = {
-    subtle: variantSubtle
-};
-exports.default = {
-    baseStyle,
-    defaultProps,
-    parts,
-    sizes,
-    variants
-};

package/dist/cjs/p/index.d.ts

@@ -1,4 +0,0 @@
-export * from './p';
-export { default } from './p';
-export * from './p.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/p/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/p/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC7B,cAAc,WAAW,CAAA"}

package/dist/cjs/p/index.js

@@ -1,24 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-__exportStar(require("./p"), exports);
-var p_1 = require("./p");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(p_1).default; } });
-__exportStar(require("./p.types"), exports);

package/dist/cjs/p/p.d.ts

@@ -1,6 +0,0 @@
-import { PProps } from './p.types';
-export declare const PBase: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** Displays a paragraph of text. */
-export declare const P: import("../core").VuiComponent<"p", PProps>;
-export default P;
-//# sourceMappingURL=p.d.ts.map

package/dist/cjs/p/p.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"p.d.ts","sourceRoot":"","sources":["../../../src/p/p.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,eAAO,MAAM,KAAK,6HAEjB,CAAA;AAED,oCAAoC;AACpC,eAAO,MAAM,CAAC,6CAgBZ,CAAA;AAIF,eAAe,CAAC,CAAA"}

package/dist/cjs/p/p.js

@@ -1,37 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.P = exports.PBase = void 0;
-const react_1 = __importDefault(require("react"));
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-exports.PBase = core_1.styled.pBox `
-	transition-duration: fast;
-`;
-/** Displays a paragraph of text. */
-exports.P = (0, core_1.vui)((props, ref) => {
-    const _a = (0, core_1.omitThemingProps)(props), { align, casing, children, className, decoration, text, weight } = _a, rest = __rest(_a, ["align", "casing", "children", "className", "decoration", "text", "weight"]);
-    const styles = (0, core_1.useStyleConfig)('P', props);
-    const aliasedProps = (0, utils_1.filterUndefined)({
-        fontWeight: weight,
-        textAlign: align,
-        textDecoration: decoration,
-        textTransform: casing
-    });
-    return (react_1.default.createElement(exports.PBase, Object.assign({ className: (0, utils_1.cs)('vui-p', className), ref: ref }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
-});
-exports.P.displayName = 'P';
-exports.default = exports.P;

package/dist/cjs/p/p.types.d.ts

@@ -1,15 +0,0 @@
-import { SystemProps, TypographyProps } from '../system';
-import { ThemingProps } from '../theme';
-export declare type PProps = SystemProps & ThemingProps<'P'> & {
-    /** Alias for textAlign prop. @deprecated */
-    align?: TypographyProps['textAlign'];
-    /** Alias for textTransform prop. @deprecated */
-    casing?: TypographyProps['textTransform'];
-    /** Alias for textDecoration prop. @deprecated */
-    decoration?: TypographyProps['textDecoration'];
-    /** Displays given text if no children are provided. */
-    text?: number | string;
-    /** Alias for fontWeight prop. @deprecated */
-    weight?: TypographyProps['fontWeight'];
-};
-//# sourceMappingURL=p.types.d.ts.map

package/dist/cjs/p/p.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"p.types.d.ts","sourceRoot":"","sources":["../../../src/p/p.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,MAAM,GAAG,WAAW,GAC/B,YAAY,CAAC,GAAG,CAAC,GAAG;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACpC,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,iDAAiD;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}

package/dist/cjs/p/theme.d.ts

@@ -1,31 +0,0 @@
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {
-        size: string;
-    };
-    sizes: {
-        sm: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        md: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        lg: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        xl: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        xxl: {
-            fontSize: string;
-            lineHeight: string;
-        };
-    };
-    variants: {};
-};
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/cjs/p/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/p/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,wBAKC"}

package/dist/cjs/p/theme.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const baseStyle = {};
-const defaultProps = {
-    size: 'md'
-};
-const sizes = {
-    sm: {
-        fontSize: 'sm',
-        lineHeight: '18px'
-    },
-    md: {
-        fontSize: 'md',
-        lineHeight: '24px'
-    },
-    lg: {
-        fontSize: 'lg',
-        lineHeight: '28px'
-    },
-    xl: {
-        fontSize: '20px',
-        lineHeight: '30px'
-    },
-    xxl: {
-        fontSize: '24px',
-        lineHeight: '36px'
-    }
-};
-const variants = {};
-exports.default = {
-    baseStyle,
-    defaultProps,
-    sizes,
-    variants
-};

package/dist/cjs/pagination/context.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { PaginationContext } from './pagination.types';
-declare const PaginationProvider: import("react").Provider<PaginationContext>, usePaginationContext: () => PaginationContext;
-export { PaginationProvider, usePaginationContext };
-//# sourceMappingURL=context.d.ts.map

package/dist/cjs/pagination/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/pagination/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD,QAAA,MAAO,kBAAkB,+CAAE,oBAAoB,yBAA0D,CAAA;AAEzG,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/cjs/pagination/context.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePaginationContext = exports.PaginationProvider = void 0;
-const utils_1 = require("../utils");
-const [PaginationProvider, usePaginationContext] = (0, utils_1.createContext)({ isOptional: true });
-exports.PaginationProvider = PaginationProvider;
-exports.usePaginationContext = usePaginationContext;

package/dist/cjs/pagination/helpers.d.ts

@@ -1,4 +0,0 @@
-import { PaginationItem } from './pagination.types';
-/** Returns an array describing pagination items, like page buttons, prev/next arrows or ellipsis. */
-export declare function getPaginationItems(page: number, pageCount: number): PaginationItem[];
-//# sourceMappingURL=helpers.d.ts.map

package/dist/cjs/pagination/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/pagination/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAOnD,qGAAqG;AACrG,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBA2CjE"}

package/dist/cjs/pagination/helpers.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPaginationItems = void 0;
-const range = (start, end) => {
-    const length = end - start + 1;
-    return Array.from({ length }, (_, i) => start + i);
-};
-/** Returns an array describing pagination items, like page buttons, prev/next arrows or ellipsis. */
-function getPaginationItems(page, pageCount) {
-    const boundaryCount = 1;
-    const siblingCount = 1;
-    const startPages = range(1, Math.min(boundaryCount, pageCount));
-    const endPages = range(Math.max(pageCount - boundaryCount + 1, boundaryCount + 1), pageCount);
-    const siblingsStart = Math.max(Math.min(page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
-    const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2), endPages.length > 0 ? endPages[0] - 2 : pageCount - 1);
-    const items = [
-        'previous',
-        ...startPages,
-        // Start ellipsis
-        ...(siblingsStart > boundaryCount + 2
-            ? ['ellipsisStart']
-            : boundaryCount + 1 < pageCount - boundaryCount
-                ? [boundaryCount + 1]
-                : []),
-        // Sibling pages
-        ...range(siblingsStart, siblingsEnd),
-        // End ellipsis
-        ...(siblingsEnd < pageCount - boundaryCount - 1
-            ? ['ellipsisEnd']
-            : pageCount - boundaryCount > boundaryCount
-                ? [pageCount - boundaryCount]
-                : []),
-        ...endPages,
-        'next'
-    ];
-    return items;
-}
-exports.getPaginationItems = getPaginationItems;

package/dist/cjs/pagination/index.d.ts

@@ -1,14 +0,0 @@
-export * from './context';
-export * from './helpers';
-export * from './pagination';
-export { default } from './pagination';
-export * from './pagination.types';
-export * from './paginationButton';
-export * from './paginationEllipsis';
-export * from './paginationGoToPage';
-export * from './paginationNavigation';
-export * from './paginationPrevNext';
-export * from './paginationResults';
-export { default as usePagination } from './usePagination';
-export * from './usePagination.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/pagination/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,cAAc,uBAAuB,CAAA"}

package/dist/cjs/pagination/index.js

@@ -1,35 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePagination = exports.default = void 0;
-__exportStar(require("./context"), exports);
-__exportStar(require("./helpers"), exports);
-__exportStar(require("./pagination"), exports);
-var pagination_1 = require("./pagination");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(pagination_1).default; } });
-__exportStar(require("./pagination.types"), exports);
-__exportStar(require("./paginationButton"), exports);
-__exportStar(require("./paginationEllipsis"), exports);
-__exportStar(require("./paginationGoToPage"), exports);
-__exportStar(require("./paginationNavigation"), exports);
-__exportStar(require("./paginationPrevNext"), exports);
-__exportStar(require("./paginationResults"), exports);
-var usePagination_1 = require("./usePagination");
-Object.defineProperty(exports, "usePagination", { enumerable: true, get: function () { return __importDefault(usePagination_1).default; } });
-__exportStar(require("./usePagination.types"), exports);

package/dist/cjs/pagination/pagination.d.ts

@@ -1,22 +0,0 @@
-import { VuiComponent } from '../core';
-import { PaginationProps } from './pagination.types';
-import PaginationButton from './paginationButton';
-import PaginationEllipsis from './paginationEllipsis';
-import PaginationGoToPage from './paginationGoToPage';
-import PaginationNavigation from './paginationNavigation';
-import PaginationPrevNext from './paginationPrevNext';
-import PaginationResults from './paginationResults';
-/**
- * Displays page navigation buttons together with page and item count.
- * GoToPage component is shown automatically above 10 pages.
- */
-export declare const Pagination: VuiComponent<"div", PaginationProps> & {
-    Button: typeof PaginationButton;
-    Ellipsis: typeof PaginationEllipsis;
-    GoToPage: typeof PaginationGoToPage;
-    Navigation: typeof PaginationNavigation;
-    PrevNext: typeof PaginationPrevNext;
-    Results: typeof PaginationResults;
-};
-export default Pagination;
-//# sourceMappingURL=pagination.d.ts.map

package/dist/cjs/pagination/pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAGnD;;;GAGG;AACH,eAAO,MAAM,UAAU;YAqDd,uBAAuB;cACrB,yBAAyB;cACzB,yBAAyB;gBACvB,2BAA2B;cAC7B,yBAAyB;aAC1B,wBAAwB;CACjC,CAAA;AAWD,eAAe,UAAU,CAAA"}

package/dist/cjs/pagination/pagination.js

@@ -1,59 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
-const react_1 = __importDefault(require("react"));
-const box_1 = __importDefault(require("../box"));
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-const paginationButton_1 = __importDefault(require("./paginationButton"));
-const paginationEllipsis_1 = __importDefault(require("./paginationEllipsis"));
-const paginationGoToPage_1 = __importDefault(require("./paginationGoToPage"));
-const paginationNavigation_1 = __importDefault(require("./paginationNavigation"));
-const paginationPrevNext_1 = __importDefault(require("./paginationPrevNext"));
-const paginationResults_1 = __importDefault(require("./paginationResults"));
-const usePagination_1 = __importDefault(require("./usePagination"));
-/**
- * Displays page navigation buttons together with page and item count.
- * GoToPage component is shown automatically above 10 pages.
- */
-exports.Pagination = (0, core_1.vui)((props, ref) => {
-    var _a;
-    const { children, className, count, defaultPage, goToPage, items: itemsProp = [], navigation, onPageChange, page: pageProp, pageSize, results, size, variant } = props, rest = __rest(props, ["children", "className", "count", "defaultPage", "goToPage", "items", "navigation", "onPageChange", "page", "pageSize", "results", "size", "variant"]);
-    const styles = (0, core_1.useStyleConfig)('Pagination', props);
-    const _b = (0, usePagination_1.default)({
-        count,
-        defaultPage,
-        onPageChange,
-        page: pageProp,
-        pageSize
-    }), { items = itemsProp } = _b, paginationProps = __rest(_b, ["items"]);
-    const context = Object.assign(Object.assign({}, paginationProps), { items, size, variant });
-    return (react_1.default.createElement(context_1.PaginationProvider, { value: context },
-        react_1.default.createElement(box_1.default, Object.assign({ centerV: true, className: (0, utils_1.cs)('vui-pagination', className), gap: 3, ref: ref, w: 1, wrap: true }, styles.container, rest), (_a = (0, utils_1.runIfFn)(children, context)) !== null && _a !== void 0 ? _a : (react_1.default.createElement(react_1.default.Fragment, null,
-            (0, utils_1.isJsx)(results) ? results : react_1.default.createElement(paginationResults_1.default, null),
-            (0, utils_1.isJsx)(navigation) ? navigation : react_1.default.createElement(paginationNavigation_1.default, { ml: "auto" }),
-            (0, utils_1.isJsx)(goToPage) ? goToPage : paginationProps.pageCount > 10 && react_1.default.createElement(paginationGoToPage_1.default, null))))));
-});
-exports.Pagination.displayName = 'Notification';
-exports.Pagination.Button = paginationButton_1.default;
-exports.Pagination.Ellipsis = paginationEllipsis_1.default;
-exports.Pagination.GoToPage = paginationGoToPage_1.default;
-exports.Pagination.Navigation = paginationNavigation_1.default;
-exports.Pagination.PrevNext = paginationPrevNext_1.default;
-exports.Pagination.Results = paginationResults_1.default;
-exports.default = exports.Pagination;

package/dist/cjs/pagination/pagination.types.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '../box';
-import { ButtonProps } from '../button';
-import { ThemingProps } from '../theme';
-import { RenderProps } from '../utils';
-import { UsePaginationReturnType } from './usePagination';
-import { UsePaginationProps } from './usePagination.types';
-export declare type PaginationButtonProps = ButtonProps & {
-    /** Applies different styling to a button of the current page. */
-    isActive?: boolean;
-    /** Number of the page, which this button represents. */
-    page: number;
-};
-export declare type PaginationContext = UsePaginationReturnType & ThemingProps<'Pagination'>;
-export declare type PaginationItem = 'ellipsisEnd' | 'ellipsisStart' | 'next' | 'previous' | number;
-export declare type PaginationPrevNextProps = ButtonProps & {
-    /** Defines the logic of previous and next buttons. */
-    direction: 'previous' | 'next';
-};
-export declare type PaginationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Pagination'> & UsePaginationProps & {
-    /** Children provide render props using PaginationContext data. */
-    children?: RenderProps<PaginationContext>;
-    /** Socket for page input on the right side. */
-    goToPage?: JSX.Element;
-    /** Array describing pagination items, like page buttons, prev/next arrows or ellipsis. */
-    items?: PaginationItem[];
-    /** Socket for the main navigation elements in the middle. */
-    navigation?: JSX.Element;
-    /** Socket for numbers data on the left side. */
-    results?: JSX.Element;
-};
-//# sourceMappingURL=pagination.types.d.ts.map

package/dist/cjs/pagination/pagination.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.types.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IACjD,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,oBAAY,iBAAiB,GAAG,uBAAuB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;AAEpF,oBAAY,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;AAE3F,oBAAY,uBAAuB,GAAG,WAAW,GAAG;IACnD,sDAAsD;IACtD,SAAS,EAAE,UAAU,GAAG,MAAM,CAAA;CAC9B,CAAA;AAED,oBAAY,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAC/D,YAAY,CAAC,YAAY,CAAC,GAC1B,kBAAkB,GAAG;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;IACzC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACrB,CAAA"}

package/dist/cjs/pagination/paginationButton.d.ts

@@ -1,5 +0,0 @@
-import { PaginationButtonProps } from './pagination.types';
-/** Displays a page navigation button within the Pagination. */
-export declare const PaginationButton: import("../core").VuiComponent<"button", PaginationButtonProps>;
-export default PaginationButton;
-//# sourceMappingURL=paginationButton.d.ts.map

package/dist/cjs/pagination/paginationButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paginationButton.d.ts","sourceRoot":"","sources":["../../../src/pagination/paginationButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,+DAA+D;AAC/D,eAAO,MAAM,gBAAgB,iEA6B3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/pagination/paginationButton.js

@@ -1,40 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationButton = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = __importDefault(require("../button"));
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/** Displays a page navigation button within the Pagination. */
-exports.PaginationButton = (0, core_1.vui)((props, ref) => {
-    const { className, isActive: isActiveProp, page: pageProp } = props, rest = __rest(props, ["className", "isActive", "page"]);
-    const { onPageChange, page } = (0, context_1.usePaginationContext)();
-    const styles = (0, core_1.useStyleConfig)('Pagination', (0, context_1.usePaginationContext)());
-    const isActive = isActiveProp !== null && isActiveProp !== void 0 ? isActiveProp : pageProp === page;
-    const activeProps = isActive
-        ? {
-            bg: 'blue.20',
-            color: 'blue.80',
-            hoverBg: 'blue.30',
-            activeBg: 'blue.40'
-        }
-        : {};
-    return (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-paginationButton', className), minW: 0, onClick: () => onPageChange(pageProp), ref: ref, size: "sm", text: pageProp, variant: "text" }, styles.button, activeProps, rest)));
-});
-exports.PaginationButton.displayName = 'PaginationButton';
-exports.default = exports.PaginationButton;

package/dist/cjs/pagination/paginationEllipsis.d.ts

@@ -1,5 +0,0 @@
-import { BoxProps } from '../box';
-/** Displays '...' ellipsis for hidden pages. */
-export declare const PaginationEllipsis: import("../core").VuiComponent<"span", BoxProps>;
-export default PaginationEllipsis;
-//# sourceMappingURL=paginationEllipsis.d.ts.map

package/dist/cjs/pagination/paginationEllipsis.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paginationEllipsis.d.ts","sourceRoot":"","sources":["../../../src/pagination/paginationEllipsis.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,kBAAkB,kDAgB7B,CAAA;AAIF,eAAe,kBAAkB,CAAA"}

package/dist/cjs/pagination/paginationEllipsis.js

@@ -1,30 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationEllipsis = void 0;
-const react_1 = __importDefault(require("react"));
-const box_1 = __importDefault(require("../box"));
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/** Displays '...' ellipsis for hidden pages. */
-exports.PaginationEllipsis = (0, core_1.vui)((props, ref) => {
-    const { children, className } = props, rest = __rest(props, ["children", "className"]);
-    const styles = (0, core_1.useStyleConfig)('Pagination', (0, context_1.usePaginationContext)());
-    return (react_1.default.createElement(box_1.default, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-paginationEllipsis', className), px: "10px", ref: ref }, styles.ellipsis, rest), children !== null && children !== void 0 ? children : '...'));
-});
-exports.PaginationEllipsis.displayName = 'PaginationEllipsis';
-exports.default = exports.PaginationEllipsis;

package/dist/cjs/pagination/paginationGoToPage.d.ts

@@ -1,5 +0,0 @@
-import { BoxProps } from '../box';
-/** Displays a number input, which allows quickly jumping between pages. */
-export declare const PaginationGoToPage: import("../core").VuiComponent<"div", BoxProps>;
-export default PaginationGoToPage;
-//# sourceMappingURL=paginationGoToPage.d.ts.map

package/dist/cjs/pagination/paginationGoToPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paginationGoToPage.d.ts","sourceRoot":"","sources":["../../../src/pagination/paginationGoToPage.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAOtC,2EAA2E;AAC3E,eAAO,MAAM,kBAAkB,iDA8B7B,CAAA;AAIF,eAAe,kBAAkB,CAAA"}

package/dist/cjs/pagination/paginationGoToPage.js

@@ -1,42 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationGoToPage = void 0;
-const react_1 = __importDefault(require("react"));
-const box_1 = __importDefault(require("../box"));
-const core_1 = require("../core");
-const input_1 = __importDefault(require("../input"));
-const t_1 = __importDefault(require("../t"));
-const utils_1 = require("../utils");
-const context_1 = require("./context");
-/** Displays a number input, which allows quickly jumping between pages. */
-exports.PaginationGoToPage = (0, core_1.vui)((props, ref) => {
-    const { className } = props, rest = __rest(props, ["className"]);
-    const { onPageChange, pageCount } = (0, context_1.usePaginationContext)();
-    const styles = (0, core_1.useStyleConfig)('Pagination', (0, context_1.usePaginationContext)());
-    const onChange = (e) => {
-        const value = +e.target.value;
-        if (value >= 1 && value <= pageCount) {
-            onPageChange(Math.floor(value));
-        }
-    };
-    return (react_1.default.createElement(box_1.default, Object.assign({ centerV: true, className: (0, utils_1.cs)('vui-paginationGoToPage', className), lineHeight: "normal", ref: ref }, styles.goToPage, rest),
-        react_1.default.createElement(t_1.default, { size: "sm", weight: "medium" }, "Go to"),
-        react_1.default.createElement(input_1.default, { max: pageCount, min: 1, mx: 1, onChange: onChange, size: "sm", type: "number", w: 56 }),
-        react_1.default.createElement(t_1.default, { size: "sm", weight: "medium" }, "Page")));
-});
-exports.PaginationGoToPage.displayName = 'PaginationGoToPage';
-exports.default = exports.PaginationGoToPage;

package/dist/cjs/pagination/paginationNavigation.d.ts

@@ -1,5 +0,0 @@
-import { BoxProps } from '../box';
-/** Displays a set of page navigation buttons. */
-export declare const PaginationNavigation: import("../core").VuiComponent<"div", BoxProps>;
-export default PaginationNavigation;
-//# sourceMappingURL=paginationNavigation.d.ts.map

package/dist/cjs/pagination/paginationNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paginationNavigation.d.ts","sourceRoot":"","sources":["../../../src/pagination/paginationNavigation.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAQtC,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,iDAqB/B,CAAA;AAIF,eAAe,oBAAoB,CAAA"}