@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Modal/components/styled.cjs

@@ -1,13 +1,21 @@
-"use strict";var e=require("styled-components"),r=require("../../Card/Card.cjs"),o=require("../../../theme/index.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var t=l(e);const a=e.createGlobalStyle`
-  body {
-    overflow: hidden;
-    scrollbar-gutter: stable;
-  }
-`,n=t.default.section`
-  flex: 1;
-  overflow-y: auto;
-
-  ${({fullBleed:e})=>!e&&`padding: 0 ${o.theme.sizes.md};`}
-  ${({isScrollable:e})=>e&&`\n    & + ${r.Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${o.theme.colors.neutral.ink.dark};\n    }\n  `}
-`;exports.MainSection=n,exports.NonScrollableBody=a;
+'use strict';
+
+var styled = require('styled-components');
+var Card = require('../../Card/Card.cjs');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const NonScrollableBody = styled.createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
+const MainSection = styled__default.default.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${index.theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
+    `
+    & + ${Card.Card.Footer} {
+      box-shadow: 0px 10px 15px 0px ${index.theme.colors.neutral.ink.dark};
+    }
+  `}`;
+
+exports.MainSection = MainSection;
+exports.NonScrollableBody = NonScrollableBody;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Modal/components/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle"],"mappings":"6LAWqFA,EAAAA,iBAAA;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle","styled","theme","Card"],"mappings":";;;;;;;;;;AAIa,MAAA,iBAAiB,GAAGA,wBAAiB;AAO3C,MAAM,WAAW,GAAGC,uBAAM,CAAC,OAAO,CAIrC,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAc,WAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAChE,CAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAAC,SAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAAD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;;"}

package/dist/components/Modal/components/styled.d.ts

@@ -3,4 +3,3 @@ export declare const MainSection: import("styled-components").StyledComponent<"s
     isScrollable: boolean;
     fullBleed: boolean;
 }, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Modal/components/styled.js

@@ -1,13 +1,14 @@
-import o,{createGlobalStyle as e}from"styled-components";import{Card as r}from"../../Card/Card.js";import{theme as l}from"../../../theme/index.js";const t=e`
-  body {
-    overflow: hidden;
-    scrollbar-gutter: stable;
-  }
-`,d=o.section`
-  flex: 1;
-  overflow-y: auto;
+import styled, { createGlobalStyle } from 'styled-components';
+import { Card } from '../../Card/Card.js';
+import { theme } from '../../../theme/index.js';
 
-  ${({fullBleed:o})=>!o&&`padding: 0 ${l.sizes.md};`}
-  ${({isScrollable:o})=>o&&`\n    & + ${r.Footer} {\n      box-shadow: 0px 10px 15px 0px ${l.colors.neutral.ink.dark};\n    }\n  `}
-`;export{d as MainSection,t as NonScrollableBody};
+const NonScrollableBody = createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
+const MainSection = styled.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
+    `
+    & + ${Card.Footer} {
+      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};
+    }
+  `}`;
+
+export { MainSection, NonScrollableBody };
 //# sourceMappingURL=styled.js.map

package/dist/components/Modal/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":["createGlobalStyle"],"mappings":"2JAWqFA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,iBAAiB,GAAG,iBAAiB;AAO3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAIrC,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAc,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAChE,CAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAA,IAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Modal/index.d.ts

@@ -1,2 +1 @@
 export { Modal } from './Modal';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/types.cjs

@@ -1,2 +1,18 @@
-"use strict";exports.hasFooterSlot=o=>!!o.footerSlot,exports.hasHeaderSlot=o=>!!o.headerSlot;
+'use strict';
+
+/**
+ * Type guard to check if a header slot has been passed to the component.
+ */
+const hasHeaderSlot = (props) => {
+    return !!props.headerSlot;
+};
+/**
+ * Type guard to check if a footer slot has been passed to the component.
+ */
+const hasFooterSlot = (props) => {
+    return !!props.footerSlot;
+};
+
+exports.hasFooterSlot = hasFooterSlot;
+exports.hasHeaderSlot = hasHeaderSlot;
 //# sourceMappingURL=types.cjs.map

package/dist/components/Modal/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":[null],"names":["props","footerSlot"],"mappings":"mCAW4BA,KAC1BA,EAAAC,iCAPoBD,KACVA"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":[null],"names":[],"mappings":";;AA6CA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;AAEA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;;;;;"}

package/dist/components/Modal/types.d.ts

@@ -8,6 +8,7 @@ type BaseModalProps = {
     variant?: ModalVariants;
     onClose: () => void;
     children: React.ReactNode;
+    className?: string;
 };
 type WithHeaderSlot = {
     headerSlot: React.ReactNode;
@@ -38,4 +39,3 @@ export declare const hasHeaderSlot: (props: ModalProps) => props is BaseModalPro
  */
 export declare const hasFooterSlot: (props: ModalProps) => props is BaseModalProps & HeaderOptions & WithFooterSlot;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Modal/types.js

@@ -1,2 +1,15 @@
-const o=o=>!!o.headerSlot,t=o=>!!o.footerSlot;export{t as hasFooterSlot,o as hasHeaderSlot};
+/**
+ * Type guard to check if a header slot has been passed to the component.
+ */
+const hasHeaderSlot = (props) => {
+    return !!props.headerSlot;
+};
+/**
+ * Type guard to check if a footer slot has been passed to the component.
+ */
+const hasFooterSlot = (props) => {
+    return !!props.footerSlot;
+};
+
+export { hasFooterSlot, hasHeaderSlot };
 //# sourceMappingURL=types.js.map

package/dist/components/Modal/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":[null],"names":["props","hasFooterSlot","footerSlot"],"mappings":"QAKsBA,KACVA,aAKAC,EAAgBD,KAC1BA,EAAAE"}
+{"version":3,"file":"types.js","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":[null],"names":[],"mappings":"AA6CA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;AAEA;;AAEG;AACU,MAAA,aAAa,GAAG,CAC3B,KAAiB,KAC2C;AAC5D,IAAA,OAAO,CAAC,CAAE,KAAwB,CAAC,UAAU;AAC/C;;;;"}

package/dist/components/Pagination/Pagination.cjs

@@ -1,2 +1,49 @@
-"use strict";var e=require("react"),t=require("../Stack/Stack.cjs"),a=require("./styled.cjs"),n=require("./components.cjs"),r=require("./hooks/usePagination.cjs"),o=require("../../tempIcons/RightArrowIcon.cjs"),l=require("../../tempIcons/StartArrowIcon.cjs"),i=require("../../tempIcons/LeftArrowIcon.cjs"),c=require("../../tempIcons/EndArrowIcon.cjs"),u=require("../types.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var m=s(e);exports.Pagination=({testId:e,e2eClassName:s,currentPage:d,totalPagesCount:g,handleChangePage:p})=>{const{pageInputValue:f,handleIncrement:I,handleDecrement:h,handleFormSubmit:P,handleInputChange:E,handleSubmit:C}=r.usePagination({currentPage:d,totalPagesCount:g,handleChangePage:p});return m.default.createElement(t.Stack,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":e,className:s},m.default.createElement(a.PaginationButton,{onClick:()=>{1!==d&&p(1)},iconSlot:m.default.createElement(l.StartArrowIcon,null),size:"sm","aria-label":"go to first page"}),m.default.createElement(a.PaginationButton,{onClick:h,iconSlot:m.default.createElement(i.LeftArrowIcon,null),size:"sm","aria-label":"go to previous page","aria-disabled":d<=1}),m.default.createElement("form",{onSubmit:P},m.default.createElement(a.PageInput,{"aria-live":"polite","aria-label":`page ${d} of ${g}`,size:u.ComponentSize.sm,type:"number",value:f,min:"1",max:`${g}`,onChange:E,onBlur:C})),m.default.createElement(n.PageCount,{count:g}),m.default.createElement(a.PaginationButton,{onClick:I,iconSlot:m.default.createElement(o.RightArrowIcon,null),size:"sm","aria-label":"go to next page","aria-disabled":d>=g}),m.default.createElement(a.PaginationButton,{onClick:()=>{d!==g&&p(g)},iconSlot:m.default.createElement(c.EndArrowIcon,null),size:"sm","aria-label":"go to last page","aria-disabled":d>=g}))};
+'use strict';
+
+var React = require('react');
+var Stack = require('../Stack/Stack.cjs');
+var styled = require('./styled.cjs');
+var components = require('./components.cjs');
+var usePagination = require('./hooks/usePagination.cjs');
+var RightArrowIcon = require('../../tempIcons/RightArrowIcon.cjs');
+var StartArrowIcon = require('../../tempIcons/StartArrowIcon.cjs');
+var LeftArrowIcon = require('../../tempIcons/LeftArrowIcon.cjs');
+var EndArrowIcon = require('../../tempIcons/EndArrowIcon.cjs');
+var types = require('../types.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Pagination = ({ testId, e2eClassName, currentPage, totalPagesCount, handleChangePage, }) => {
+    const { pageInputValue, handleIncrement, handleDecrement, handleFormSubmit, handleInputChange, handleSubmit, } = usePagination.usePagination({
+        currentPage,
+        totalPagesCount,
+        handleChangePage,
+    });
+    /**
+     * A function to go back to the first page, provided we aren't already there.
+     */
+    const handleSkipBack = () => {
+        if (currentPage !== 1)
+            handleChangePage(1);
+    };
+    /**
+     * A function to go to the last page, provided we aren't already there.
+     */
+    const handleSkipToEnd = () => {
+        if (currentPage !== totalPagesCount)
+            handleChangePage(totalPagesCount);
+    };
+    return (React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignY: "center", spacing: "xs", "data-testid": testId, className: e2eClassName },
+        React__default.default.createElement(styled.PaginationButton, { onClick: handleSkipBack, iconSlot: React__default.default.createElement(StartArrowIcon.StartArrowIcon, null), size: "sm", "aria-label": "go to first page" }),
+        React__default.default.createElement(styled.PaginationButton, { onClick: handleDecrement, iconSlot: React__default.default.createElement(LeftArrowIcon.LeftArrowIcon, null), size: "sm", "aria-label": "go to previous page", "aria-disabled": currentPage <= 1 }),
+        React__default.default.createElement("form", { onSubmit: handleFormSubmit },
+            React__default.default.createElement(styled.PageInput, { "aria-live": "polite", "aria-label": `page ${currentPage} of ${totalPagesCount}`, size: types.ComponentSize.sm, type: "number", value: pageInputValue, min: "1", max: `${totalPagesCount}`, onChange: handleInputChange, onBlur: handleSubmit })),
+        React__default.default.createElement(components.PageCount, { count: totalPagesCount }),
+        React__default.default.createElement(styled.PaginationButton, { onClick: handleIncrement, iconSlot: React__default.default.createElement(RightArrowIcon.RightArrowIcon, null), size: "sm", "aria-label": "go to next page", "aria-disabled": currentPage >= totalPagesCount }),
+        React__default.default.createElement(styled.PaginationButton, { onClick: handleSkipToEnd, iconSlot: React__default.default.createElement(EndArrowIcon.EndArrowIcon, null), size: "sm", "aria-label": "go to last page", "aria-disabled": currentPage >= totalPagesCount })));
+};
+
+exports.Pagination = Pagination;
 //# sourceMappingURL=Pagination.cjs.map

package/dist/components/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["usePagination","React","Stack","PaginationButton","StartArrowIcon","LeftArrowIcon","PageInput","ComponentSize","PageCount","RightArrowIcon","EndArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAGA,2BAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEC,qCAACC,WAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAD,sBAAA,CAAA,aAAA,CAACE,uBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFH,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAI,2BAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFJ,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAEC,mBAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAN,sBAAA,CAAA,aAAA,CAACO,oBAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCP,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAQ,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFR,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAS,yBAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}

package/dist/components/Pagination/Pagination.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { PaginationProps } from './types';
 export declare const Pagination: ({ testId, e2eClassName, currentPage, totalPagesCount, handleChangePage, }: PaginationProps) => React.JSX.Element;
-//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.js

@@ -1,2 +1,43 @@
-import e from"react";import{Stack as t}from"../Stack/Stack.js";import{PaginationButton as a,PageInput as o}from"./styled.js";import{PageCount as n}from"./components.js";import{usePagination as r}from"./hooks/usePagination.js";import{RightArrowIcon as l}from"../../tempIcons/RightArrowIcon.js";import{StartArrowIcon as m}from"../../tempIcons/StartArrowIcon.js";import{LeftArrowIcon as i}from"../../tempIcons/LeftArrowIcon.js";import{EndArrowIcon as s}from"../../tempIcons/EndArrowIcon.js";import{ComponentSize as c}from"../types.js";const p=({testId:p,e2eClassName:g,currentPage:u,totalPagesCount:d,handleChangePage:f})=>{const{pageInputValue:h,handleIncrement:E,handleDecrement:b,handleFormSubmit:I,handleInputChange:C,handleSubmit:S}=r({currentPage:u,totalPagesCount:d,handleChangePage:f});return e.createElement(t,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":p,className:g},e.createElement(a,{onClick:()=>{1!==u&&f(1)},iconSlot:e.createElement(m,null),size:"sm","aria-label":"go to first page"}),e.createElement(a,{onClick:b,iconSlot:e.createElement(i,null),size:"sm","aria-label":"go to previous page","aria-disabled":u<=1}),e.createElement("form",{onSubmit:I},e.createElement(o,{"aria-live":"polite","aria-label":`page ${u} of ${d}`,size:c.sm,type:"number",value:h,min:"1",max:`${d}`,onChange:C,onBlur:S})),e.createElement(n,{count:d}),e.createElement(a,{onClick:E,iconSlot:e.createElement(l,null),size:"sm","aria-label":"go to next page","aria-disabled":u>=d}),e.createElement(a,{onClick:()=>{u!==d&&f(d)},iconSlot:e.createElement(s,null),size:"sm","aria-label":"go to last page","aria-disabled":u>=d}))};export{p as Pagination};
+import React from 'react';
+import { Stack } from '../Stack/Stack.js';
+import { PaginationButton, PageInput } from './styled.js';
+import { PageCount } from './components.js';
+import { usePagination } from './hooks/usePagination.js';
+import { RightArrowIcon } from '../../tempIcons/RightArrowIcon.js';
+import { StartArrowIcon } from '../../tempIcons/StartArrowIcon.js';
+import { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon.js';
+import { EndArrowIcon } from '../../tempIcons/EndArrowIcon.js';
+import { ComponentSize } from '../types.js';
+
+const Pagination = ({ testId, e2eClassName, currentPage, totalPagesCount, handleChangePage, }) => {
+    const { pageInputValue, handleIncrement, handleDecrement, handleFormSubmit, handleInputChange, handleSubmit, } = usePagination({
+        currentPage,
+        totalPagesCount,
+        handleChangePage,
+    });
+    /**
+     * A function to go back to the first page, provided we aren't already there.
+     */
+    const handleSkipBack = () => {
+        if (currentPage !== 1)
+            handleChangePage(1);
+    };
+    /**
+     * A function to go to the last page, provided we aren't already there.
+     */
+    const handleSkipToEnd = () => {
+        if (currentPage !== totalPagesCount)
+            handleChangePage(totalPagesCount);
+    };
+    return (React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "xs", "data-testid": testId, className: e2eClassName },
+        React.createElement(PaginationButton, { onClick: handleSkipBack, iconSlot: React.createElement(StartArrowIcon, null), size: "sm", "aria-label": "go to first page" }),
+        React.createElement(PaginationButton, { onClick: handleDecrement, iconSlot: React.createElement(LeftArrowIcon, null), size: "sm", "aria-label": "go to previous page", "aria-disabled": currentPage <= 1 }),
+        React.createElement("form", { onSubmit: handleFormSubmit },
+            React.createElement(PageInput, { "aria-live": "polite", "aria-label": `page ${currentPage} of ${totalPagesCount}`, size: ComponentSize.sm, type: "number", value: pageInputValue, min: "1", max: `${totalPagesCount}`, onChange: handleInputChange, onBlur: handleSubmit })),
+        React.createElement(PageCount, { count: totalPagesCount }),
+        React.createElement(PaginationButton, { onClick: handleIncrement, iconSlot: React.createElement(RightArrowIcon, null), size: "sm", "aria-label": "go to next page", "aria-disabled": currentPage >= totalPagesCount }),
+        React.createElement(PaginationButton, { onClick: handleSkipToEnd, iconSlot: React.createElement(EndArrowIcon, null), size: "sm", "aria-label": "go to last page", "aria-disabled": currentPage >= totalPagesCount })));
+};
+
+export { Pagination };
 //# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,aAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACE,oBAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,aAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAE,aAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErC,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}

package/dist/components/Pagination/components.cjs

@@ -1,2 +1,18 @@
-"use strict";var e=require("react"),t=require("../Text/Text.cjs"),a=require("./styled.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var l=r(e);exports.PageCount=({count:e})=>l.default.createElement(l.default.Fragment,null,l.default.createElement("div",null,l.default.createElement(t.Text,{variant:"bodySmall","aria-hidden":!0},"/")),l.default.createElement(a.PageLimitContainer,{alignX:"center",alignY:"center","aria-hidden":!0},l.default.createElement(t.Text,{variant:"bodySmall"},e)));
+'use strict';
+
+var React = require('react');
+var Text = require('../Text/Text.cjs');
+var styled = require('./styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const PageCount = ({ count }) => (React__default.default.createElement(React__default.default.Fragment, null,
+    React__default.default.createElement("div", null,
+        React__default.default.createElement(Text.Text, { variant: "bodySmall", "aria-hidden": true }, "/")),
+    React__default.default.createElement(styled.PageLimitContainer, { alignX: "center", alignY: "center", "aria-hidden": true },
+        React__default.default.createElement(Text.Text, { variant: "bodySmall" }, count))));
+
+exports.PageCount = PageCount;
 //# sourceMappingURL=components.cjs.map

package/dist/components/Pagination/components.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":[null],"names":["count","React","default","createElement","Fragment"],"mappings":"4KAeE,EAAAA,WAAAC,EAAAC,QAAAC,cAAAF,EAAAA,QAAAG,SAAA"}
+{"version":3,"file":"components.cjs","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":[null],"names":["React","Text","PageLimitContainer"],"mappings":";;;;;;;;;;AAIa,MAAA,SAAS,GAAG,CAAC,EAAE,KAAK,EAAqB,MACpDA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAAA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,QAAAA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAC,EAAA,OAAO,EAAC,WAAW,6BAElB,CACH;IACND,sBAAC,CAAA,aAAA,CAAAE,yBAAkB,IAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAA,aAAA,EAAA,IAAA,EAAA;QACjDF,sBAAC,CAAA,aAAA,CAAAC,SAAI,EAAC,EAAA,OAAO,EAAC,WAAW,EAAE,EAAA,KAAK,CAAQ,CACrB,CACpB;;;;"}

package/dist/components/Pagination/components.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const PageCount: ({ count }: {
     count: number;
 }) => React.JSX.Element;
-//# sourceMappingURL=components.d.ts.map

package/dist/components/Pagination/components.js

@@ -1,2 +1,12 @@
-import e from"react";import{Text as t}from"../Text/Text.js";import{PageLimitContainer as r}from"./styled.js";const a=({count:a})=>e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement(t,{variant:"bodySmall","aria-hidden":!0},"/")),e.createElement(r,{alignX:"center",alignY:"center","aria-hidden":!0},e.createElement(t,{variant:"bodySmall"},a)));export{a as PageCount};
+import React from 'react';
+import { Text } from '../Text/Text.js';
+import { PageLimitContainer } from './styled.js';
+
+const PageCount = ({ count }) => (React.createElement(React.Fragment, null,
+    React.createElement("div", null,
+        React.createElement(Text, { variant: "bodySmall", "aria-hidden": true }, "/")),
+    React.createElement(PageLimitContainer, { alignX: "center", alignY: "center", "aria-hidden": true },
+        React.createElement(Text, { variant: "bodySmall" }, count))));
+
+export { PageCount };
 //# sourceMappingURL=components.js.map

package/dist/components/Pagination/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":[null],"names":["count","React","createElement","Fragment"],"mappings":"qHAeE,EAAAA,WAAAC,EAAAC,cAAAD,EAAAE,SAAA"}
+{"version":3,"file":"components.js","sources":["../../../src/components/Pagination/components.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,SAAS,GAAG,CAAC,EAAE,KAAK,EAAqB,MACpD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,WAAW,6BAElB,CACH;IACN,KAAC,CAAA,aAAA,CAAA,kBAAkB,IAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAA,aAAA,EAAA,IAAA,EAAA;QACjD,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,WAAW,EAAE,EAAA,KAAK,CAAQ,CACrB,CACpB;;;;"}

package/dist/components/Pagination/hooks/usePagination.cjs

@@ -1,2 +1,85 @@
-"use strict";var e=require("react");exports.usePagination=({currentPage:t,totalPagesCount:n,handleChangePage:a})=>{const[r,u]=e.useState(`${t}`);e.useEffect((()=>{u(`${t}`)}),[t]);const s=e=>e>=1&&e<=n,c=()=>{if(r||u(`${t}`),r===`${t}`)return;const e=parseInt(r,10);s(e)&&a(e)};return{pageInputValue:r,handleIncrement:()=>{s(t+1)&&a(t+1)},handleDecrement:()=>{s(t-1)&&a(t-1)},handleInputChange:e=>{e||u(e);const t=parseInt(e,10);var n;s(n=t)&&u(`${n}`)},handleSubmit:c,handleFormSubmit:e=>{e.preventDefault(),c()}}};
+'use strict';
+
+var React = require('react');
+
+/**
+ * A hook to handle pagination state.
+ */
+const usePagination = ({ currentPage, totalPagesCount, handleChangePage, }) => {
+    const [pageInputValue, setPageInputValue] = React.useState(`${currentPage}`);
+    /**
+     * When a new value is passed into the component we update the local state, meaning the input
+     * value gets updated.
+     */
+    React.useEffect(() => {
+        setPageInputValue(`${currentPage}`);
+    }, [currentPage]);
+    const validatePageValue = (value) => value >= 1 && value <= totalPagesCount;
+    const checkAndSetLocalPage = (newPage) => {
+        if (validatePageValue(newPage))
+            setPageInputValue(`${newPage}`);
+    };
+    /**
+     * A function to handle changes to the input, a string will be passed int. We check for an empty
+     * string and directly set that, otherwise we validate the input number is within range.
+     * @param newValue The new string input value.
+     */
+    const handleInputChange = (newValue) => {
+        if (!newValue)
+            setPageInputValue(newValue);
+        const intValue = parseInt(newValue, 10);
+        checkAndSetLocalPage(intValue);
+    };
+    /**
+     * A function to increment the current page, using callback from props. Local state will update
+     * when a new `currentPage` is passed.
+     */
+    const handleIncrement = () => {
+        if (validatePageValue(currentPage + 1))
+            handleChangePage(currentPage + 1);
+    };
+    /**
+     * A function to decrement the current page, using callback from props. Local state will update
+     * when a new `currentPage` is passed.
+     */
+    const handleDecrement = () => {
+        if (validatePageValue(currentPage - 1))
+            handleChangePage(currentPage - 1);
+    };
+    /**
+     * When the input is unfocussed we want to update parent or local state depending on 3 cases:
+     *   1. Local page input is '', reset it to the currentPage
+     *   2. Local page input is the same as passed by prop, catch and do nothing.
+     *   3. Local state has a new value, convert it, validate it and potentially send to parent via
+     *  `handlePageChange`
+     */
+    const handleSubmit = () => {
+        if (!pageInputValue)
+            setPageInputValue(`${currentPage}`);
+        if (pageInputValue === `${currentPage}`)
+            return;
+        const newValue = parseInt(pageInputValue, 10);
+        if (validatePageValue(newValue))
+            handleChangePage(newValue);
+    };
+    /**
+     * When the user submits the form, either pressing enter or a screenreader shortcut we prevent
+     * default action and try and send update.
+     * @param event The event fired from the form when submitting.
+     */
+    const handleFormSubmit = (event) => {
+        event.preventDefault();
+        handleSubmit();
+    };
+    return {
+        pageInputValue,
+        handleIncrement,
+        handleDecrement,
+        handleInputChange,
+        handleSubmit,
+        handleFormSubmit,
+    };
+};
+
+exports.usePagination = usePagination;
 //# sourceMappingURL=usePagination.cjs.map

package/dist/components/Pagination/hooks/usePagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.cjs","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":[null],"names":["currentPage","totalPagesCount","handleChangePage","pageInputValue","setPageInputValue","useState"],"mappings":"0DAKG,EAAAA,cAAAC,kBAAAC,uBACI,MAAAC,EAAmBC,GAAAC,EAAAA,SAAA,GAAAL,uBAoESI,EAAA,GAAAJ,OAajC,CAAAA"}
+{"version":3,"file":"usePagination.cjs","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAGA;;AAEG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,EACf,gBAAgB,GACI,KAAI;AACxB,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,CAAG,EAAA,WAAW,CAAE,CAAA,CAAC;AAEtE;;;AAGG;IACHC,eAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACrC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAc,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,eAAe;AAC5F,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAAe,KAAI;QAC/C,IAAI,iBAAiB,CAAC,OAAO,CAAC;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACjE,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,CAAC,QAAQ;YAAE,iBAAiB,CAAC,QAAQ,CAAC;QAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,oBAAoB,CAAC,QAAQ,CAAC;AAChC,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;;;;AAMG;IACH,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,cAAc;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACxD,QAAA,IAAI,cAAc,KAAK,CAAG,EAAA,WAAW,CAAE,CAAA;YAAE;QAEzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;QAC7C,IAAI,iBAAiB,CAAC,QAAQ,CAAC;YAAE,gBAAgB,CAAC,QAAQ,CAAC;AAC7D,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiC,KAAI;QAC7D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,YAAY,EAAE;AAChB,KAAC;IAED,OAAO;QACL,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;KACjB;AACH;;;;"}

package/dist/components/Pagination/hooks/usePagination.d.ts

@@ -11,4 +11,3 @@ export declare const usePagination: ({ currentPage, totalPagesCount, handleChang
     handleSubmit: () => void;
     handleFormSubmit: (event: FormEvent<HTMLFormElement>) => void;
 };
-//# sourceMappingURL=usePagination.d.ts.map

package/dist/components/Pagination/hooks/usePagination.js

@@ -1,2 +1,83 @@
-import{useState as e,useEffect as n}from"react";const t=({currentPage:t,totalPagesCount:a,handleChangePage:r})=>{const[o,u]=e(`${t}`);n((()=>{u(`${t}`)}),[t]);const c=e=>e>=1&&e<=a,l=()=>{if(o||u(`${t}`),o===`${t}`)return;const e=parseInt(o,10);c(e)&&r(e)};return{pageInputValue:o,handleIncrement:()=>{c(t+1)&&r(t+1)},handleDecrement:()=>{c(t-1)&&r(t-1)},handleInputChange:e=>{e||u(e);const n=parseInt(e,10);var t;c(t=n)&&u(`${t}`)},handleSubmit:l,handleFormSubmit:e=>{e.preventDefault(),l()}}};export{t as usePagination};
+import { useState, useEffect } from 'react';
+
+/**
+ * A hook to handle pagination state.
+ */
+const usePagination = ({ currentPage, totalPagesCount, handleChangePage, }) => {
+    const [pageInputValue, setPageInputValue] = useState(`${currentPage}`);
+    /**
+     * When a new value is passed into the component we update the local state, meaning the input
+     * value gets updated.
+     */
+    useEffect(() => {
+        setPageInputValue(`${currentPage}`);
+    }, [currentPage]);
+    const validatePageValue = (value) => value >= 1 && value <= totalPagesCount;
+    const checkAndSetLocalPage = (newPage) => {
+        if (validatePageValue(newPage))
+            setPageInputValue(`${newPage}`);
+    };
+    /**
+     * A function to handle changes to the input, a string will be passed int. We check for an empty
+     * string and directly set that, otherwise we validate the input number is within range.
+     * @param newValue The new string input value.
+     */
+    const handleInputChange = (newValue) => {
+        if (!newValue)
+            setPageInputValue(newValue);
+        const intValue = parseInt(newValue, 10);
+        checkAndSetLocalPage(intValue);
+    };
+    /**
+     * A function to increment the current page, using callback from props. Local state will update
+     * when a new `currentPage` is passed.
+     */
+    const handleIncrement = () => {
+        if (validatePageValue(currentPage + 1))
+            handleChangePage(currentPage + 1);
+    };
+    /**
+     * A function to decrement the current page, using callback from props. Local state will update
+     * when a new `currentPage` is passed.
+     */
+    const handleDecrement = () => {
+        if (validatePageValue(currentPage - 1))
+            handleChangePage(currentPage - 1);
+    };
+    /**
+     * When the input is unfocussed we want to update parent or local state depending on 3 cases:
+     *   1. Local page input is '', reset it to the currentPage
+     *   2. Local page input is the same as passed by prop, catch and do nothing.
+     *   3. Local state has a new value, convert it, validate it and potentially send to parent via
+     *  `handlePageChange`
+     */
+    const handleSubmit = () => {
+        if (!pageInputValue)
+            setPageInputValue(`${currentPage}`);
+        if (pageInputValue === `${currentPage}`)
+            return;
+        const newValue = parseInt(pageInputValue, 10);
+        if (validatePageValue(newValue))
+            handleChangePage(newValue);
+    };
+    /**
+     * When the user submits the form, either pressing enter or a screenreader shortcut we prevent
+     * default action and try and send update.
+     * @param event The event fired from the form when submitting.
+     */
+    const handleFormSubmit = (event) => {
+        event.preventDefault();
+        handleSubmit();
+    };
+    return {
+        pageInputValue,
+        handleIncrement,
+        handleDecrement,
+        handleInputChange,
+        handleSubmit,
+        handleFormSubmit,
+    };
+};
+
+export { usePagination };
 //# sourceMappingURL=usePagination.js.map

package/dist/components/Pagination/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":[null],"names":["usePagination","currentPage","totalPagesCount","handleChangePage","pageInputValue","setPageInputValue","useState"],"mappings":"gDAKG,MAAAA,EAAA,EAAAC,cAAAC,kBAAAC,uBACI,MAAAC,EAAmBC,GAAAC,EAAA,GAAAL,aAoESI,EAAA,GAAAJ,OAajC,CAAAA"}
+{"version":3,"file":"usePagination.js","sources":["../../../../src/components/Pagination/hooks/usePagination.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA;;AAEG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,WAAW,EACX,eAAe,EACf,gBAAgB,GACI,KAAI;AACxB,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAG,EAAA,WAAW,CAAE,CAAA,CAAC;AAEtE;;;AAGG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACrC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAc,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,eAAe;AAC5F,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAAe,KAAI;QAC/C,IAAI,iBAAiB,CAAC,OAAO,CAAC;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACjE,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,CAAC,QAAQ;YAAE,iBAAiB,CAAC,QAAQ,CAAC;QAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvC,oBAAoB,CAAC,QAAQ,CAAC;AAChC,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;AAGG;IACH,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,IAAI,iBAAiB,CAAC,WAAW,GAAG,CAAC,CAAC;AAAE,YAAA,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3E,KAAC;AAED;;;;;;AAMG;IACH,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,cAAc;AAAE,YAAA,iBAAiB,CAAC,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;AACxD,QAAA,IAAI,cAAc,KAAK,CAAG,EAAA,WAAW,CAAE,CAAA;YAAE;QAEzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;QAC7C,IAAI,iBAAiB,CAAC,QAAQ,CAAC;YAAE,gBAAgB,CAAC,QAAQ,CAAC;AAC7D,KAAC;AAED;;;;AAIG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiC,KAAI;QAC7D,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,YAAY,EAAE;AAChB,KAAC;IAED,OAAO;QACL,cAAc;QACd,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;KACjB;AACH;;;;"}

package/dist/components/Pagination/index.d.ts

@@ -1,2 +1 @@
 export { Pagination } from './Pagination';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/styled.cjs

@@ -1,22 +1,20 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs"),r=require("../Stack/Stack.cjs"),i=require("../Button/Button.cjs"),o=require("../TextField/index.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var u=s(e);const n=u.default(r.Stack)`
-  width: ${t.theme.sizes.lg};
-  height: 30px;
-  background-color: ${t.theme.colors.neutral.grey.light};
+'use strict';
 
-  border: 1px solid ${t.theme.colors.neutral.grey.base};
-  border-radius: ${t.theme.sizes.xs};
-`,a=u.default(i.Button)`
-  color: ${t.theme.colors.neutral.ink.base};
-  width: 32px;
-  height: 32px;
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+var Stack = require('../Stack/Stack.cjs');
+var Button = require('../Button/Button.cjs');
+var index$1 = require('../TextField/index.cjs');
 
-  svg {
-    width: 24px;
-    height: 24px;
-  }
-`,d=u.default(o.TextField)`
-  &[type='number'] {
-    width: 5.5ch;
-  }
-`;exports.PageInput=d,exports.PageLimitContainer=n,exports.PaginationButton=a;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const PageLimitContainer = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--PageLimitContainer", componentId: "vui--11yg0z2" }) `width:${index.theme.sizes.lg};height:30px;background-color:${index.theme.colors.neutral.grey.light};border:1px solid ${index.theme.colors.neutral.grey.base};border-radius:${index.theme.sizes.xs};`;
+const PaginationButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--PaginationButton", componentId: "vui--1xoa6c5" }) `color:${index.theme.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`;
+const PageInput = styled__default.default(index$1.TextField).withConfig({ displayName: "vui--PageInput", componentId: "vui--vpfeol" }) `&[type='number']{width:5.5ch;}`;
+
+exports.PageInput = PageInput;
+exports.PageLimitContainer = PageLimitContainer;
+exports.PaginationButton = PaginationButton;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Pagination/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":[null],"names":["theme","colors","neutral","grey","base"],"mappings":";;;;;sBA0BsBA,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":[null],"names":["styled","Stack","theme","Button","TextField"],"mappings":";;;;;;;;;;;;AAMa,MAAA,kBAAkB,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACpCC,WAAK,CAAC,KAAK,CAAC,EAAE,iCAEHA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAE/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,kBACjCA,WAAK,CAAC,KAAK,CAAC,EAAE;AAGpB,MAAA,gBAAgB,GAAGF,uBAAM,CAACG,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACnCD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;MAU3B,SAAS,GAAGF,uBAAM,CAACI,iBAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8BAAA;;;;;;"}

package/dist/components/Pagination/styled.d.ts

@@ -7,6 +7,7 @@ export declare const PaginationButton: import("styled-components").StyledCompone
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const PageInput: import("styled-components").StyledComponent<import("react").FC<{
     form?: string | undefined;
@@ -310,4 +311,3 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
     size?: "base" | "sm" | undefined;
     multiline?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map