@ultraviolet/ui 3.23.0 → 3.24.0

package/dist/components/DateInput/components/CalendarMonthly.js

@@ -32,41 +32,43 @@ function init_CalendarMonthly() {
 					const isInHoveredRange = getIsInHoveredRange(selectsRange, constructedDate, hoveredDate, range);
 					const isSelected = value && isSameMonth(constructedDate, value) || (range === null || range === void 0 ? void 0 : range.start) && isSameMonth(constructedDate, range.start) || (range === null || range === void 0 ? void 0 : range.end) && isSameMonth(constructedDate, range.end);
 					const onClickRange = (event, newDate) => {
-						if (selectsRange) if (rangeState === "end" && isAfterStartDate) {
-							setRange === null || setRange === void 0 || setRange({
-								end: newDate,
-								start: range.start
-							});
-							onChange === null || onChange === void 0 || onChange([range.start, newDate], event);
-							setInputValue(formatValue(null, {
-								end: newDate,
-								start: range.start
-							}, true, true, format));
-							setVisible(false);
-							setRangeState("start");
-						} else if (rangeState === "end" && !isAfterStartDate && range) {
-							setRange === null || setRange === void 0 || setRange({
-								end: range.start,
-								start: newDate
-							});
-							onChange === null || onChange === void 0 || onChange([newDate, range.start], event);
-							setInputValue(formatValue(null, {
-								end: range.start,
-								start: newDate
-							}, true, true, format));
-							setVisible(false);
-							setRangeState("start");
-						} else {
-							setRange === null || setRange === void 0 || setRange({
-								end: null,
-								start: newDate
-							});
-							onChange === null || onChange === void 0 || onChange([newDate, null], event);
-							setInputValue(formatValue(null, {
-								end: null,
-								start: newDate
-							}, true, true, format));
-							setRangeState("end");
+						if (selectsRange) {
+							if (rangeState === "end" && isAfterStartDate) {
+								setRange === null || setRange === void 0 || setRange({
+									end: newDate,
+									start: range.start
+								});
+								onChange === null || onChange === void 0 || onChange([range.start, newDate], event);
+								setInputValue(formatValue(null, {
+									end: newDate,
+									start: range.start
+								}, true, true, format));
+								setVisible(false);
+								setRangeState("start");
+							} else if (rangeState === "end" && !isAfterStartDate && range) {
+								setRange === null || setRange === void 0 || setRange({
+									end: range.start,
+									start: newDate
+								});
+								onChange === null || onChange === void 0 || onChange([newDate, range.start], event);
+								setInputValue(formatValue(null, {
+									end: range.start,
+									start: newDate
+								}, true, true, format));
+								setVisible(false);
+								setRangeState("start");
+							} else {
+								setRange === null || setRange === void 0 || setRange({
+									end: null,
+									start: newDate
+								});
+								onChange === null || onChange === void 0 || onChange([newDate, null], event);
+								setInputValue(formatValue(null, {
+									end: null,
+									start: newDate
+								}, true, true, format));
+								setRangeState("end");
+							}
 						}
 					};
 					const monthState = () => {
@@ -80,13 +82,15 @@ function init_CalendarMonthly() {
 						className: cn(dateInputStyle.dayMonth, dateInputStyle.capitalizedText),
 						disabled: disabled || isExcluded || isOutsideRange,
 						onClick: (event) => {
-							if (!(isExcluded || isOutsideRange || readOnly)) if (selectsRange) onClickRange(event, constructedDate);
-							else {
-								setMonthToShow(index + 1);
-								setValue(constructedDate);
-								onChange === null || onChange === void 0 || onChange(constructedDate, event);
-								setInputValue(formatValue(constructedDate, null, true, false, format));
-								setVisible(false);
+							if (!(isExcluded || isOutsideRange || readOnly)) {
+								if (selectsRange) onClickRange(event, constructedDate);
+								else {
+									setMonthToShow(index + 1);
+									setValue(constructedDate);
+									onChange === null || onChange === void 0 || onChange(constructedDate, event);
+									setInputValue(formatValue(constructedDate, null, true, false, format));
+									setVisible(false);
+								}
 							}
 						},
 						onMouseEnter: () => setHoveredDate(constructedDate),

package/dist/components/DateInput/index.js

@@ -163,12 +163,14 @@ function init_DateInput() {
 				setInputValue(newValue);
 			};
 			const onBlurInput = () => {
-				if (inputValue) if (selectsRange) {
-					const computedNewRange = createDateRange(inputValue, showMonthYearPicker);
-					onChange === null || onChange === void 0 || onChange(computedNewRange, void 0);
-				} else {
-					const computedDate = createDate(inputValue, showMonthYearPicker, minDate, maxDate);
-					onChange === null || onChange === void 0 || onChange(computedDate, void 0);
+				if (inputValue) {
+					if (selectsRange) {
+						const computedNewRange = createDateRange(inputValue, showMonthYearPicker);
+						onChange === null || onChange === void 0 || onChange(computedNewRange, void 0);
+					} else {
+						const computedDate = createDate(inputValue, showMonthYearPicker, minDate, maxDate);
+						onChange === null || onChange === void 0 || onChange(computedDate, void 0);
+					}
 				}
 			};
 			return /* @__PURE__ */ jsx(DateInputContext.Provider, {

package/dist/components/DateInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.css.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAO1B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.css.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAO1B,CAAA"}

package/dist/components/Dialog/index.js

@@ -2,8 +2,8 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text, init_Text } from "../Text/index.js";
 import { dialogStyle, init_styles_css } from "./styles.css.js";
-import { Modal, init_Modal } from "../Modal/index.js";
 import { Bullet, init_Bullet } from "../Bullet/index.js";
+import { Modal, init_Modal } from "../Modal/index.js";
 import { DialogContext, init_Context, useDialogContext } from "./Context.js";
 import { DialogButton, init_Button } from "./components/Button.js";
 import { DialogButtons, init_Buttons } from "./components/Buttons.js";

package/dist/components/Expandable/AnimatedExpandable.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { animationDurationVar, expandableStyle, init_styles_css } from "./styles.css.js";
 import { useEffect, useRef, useState } from "react";
 import { cn } from "@ultraviolet/utils";

package/dist/components/Expandable/NonAnimatedExpandable.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Expandable/NonAnimatedExpandable.tsx

package/dist/components/FileInput/components/Button.js

@@ -1,6 +1,6 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
 import { Button, init_Button as init_Button$1 } from "../../Button/index.js";
 import { init_FileInputProvider, useFileInput } from "../FileInputProvider.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/FileInput/helpers.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
 
 //#region src/components/FileInput/helpers.ts
 var getMimeTypeType, formatFileSize, fileIsAccepted, isFileEntry, isDirectoryEntry, convertEntryToFile, readEntriesInDirectory, readEntries, readTransferredFiles;

package/dist/components/FileInput/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
 import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
@@ -9,7 +9,7 @@ import { Label, init_Label } from "../Label/index.js";
 import { fileInputStyle, init_styles_css } from "./styles.css.js";
 import { FileInputContext, init_FileInputProvider } from "./FileInputProvider.js";
 import { FileInputButton, init_Button } from "./components/Button.js";
-import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
 import { fileIsAccepted, init_helpers, readTransferredFiles } from "./helpers.js";
 import { ListFiles, init_List } from "./components/List.js";
 import { DropzoneContent, init_DropzoneContent } from "./DropzoneContent.js";

package/dist/components/InfiniteScroll/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Loader, init_Loader } from "../Loader/index.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useDebouncedCallback } from "@ultraviolet/utils";

package/dist/components/KeyValueInput/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Button, init_Button } from "../Button/index.js";
 import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";

package/dist/components/LineChart/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getNivoTheme, init_nivoTheme } from "../../helpers/nivoTheme.js";
 import { getMaxChartValue, getMinChartValue, init_helpers } from "./helpers.js";

package/dist/components/List/Cell.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { init_styles_css, listStyle } from "./styles.css.js";
 import { init_ColumnProvider, useColumnProvider } from "./ColumnProvider.js";
 import { init_ListContext, useListContext } from "./ListContext.js";

package/dist/components/List/ListContext.js

@@ -1,8 +1,8 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import toPropertyKey, { init_toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/toPropertyKey.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
+import toPropertyKey, { init_toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/toPropertyKey.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/Loader/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { SIZES, init_constants } from "./constants.js";
 import { init_styles_css, loaderStyle } from "./styles.css.js";
 import { useTheme } from "@ultraviolet/themes";

package/dist/components/Menu/MenuContent.js

@@ -1,10 +1,10 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../Stack/index.js";
-import { Popup, init_Popup } from "../Popup/index.js";
 import { heightAvailableSpace, heightMenu, init_styles_css, menuStyle } from "./styles.css.js";
 import { getListItem, init_helpers, searchChildren } from "./helpers.js";
 import { DisclosureContext, init_MenuProvider, useMenu } from "./MenuProvider.js";
+import { Popup, init_Popup } from "../Popup/index.js";
 import { SearchInput, init_SearchInput } from "../SearchInput/index.js";
 import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { cn } from "@ultraviolet/utils";

package/dist/components/Menu/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
 import { Group, init_Group } from "./components/Group.js";
 import { MenuProvider, init_MenuProvider } from "./MenuProvider.js";
 import { Item, init_Item } from "./components/Item.js";

package/dist/components/Modal/components/Dialog.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
 import { init_ModalProvider, useModal } from "../ModalProvider.js";
 import { init_styles_css, modalStyle, nestedModalScale, nestedModalTop } from "../styles.css.js";

package/dist/components/Notification/Notification.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
 import { Button, init_Button } from "../Button/index.js";

package/dist/components/NumberInput/components/Controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Controls.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7C,eAAO,MAAM,QAAQ,4EAA6E,aAAa,uCAkE9G,CAAA"}
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Controls.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7C,eAAO,MAAM,QAAQ,4EAA6E,aAAa,uCAmE9G,CAAA"}

package/dist/components/NumberInput/components/Controls.js

@@ -64,6 +64,7 @@ function init_Controls() {
 					sentiment: "neutral",
 					size: size === "small" ? "xsmall" : "small",
 					variant: "ghost",
+					tabIndex: -1,
 					children: isUp ? /* @__PURE__ */ jsx(PlusIcon, { size: size === "large" ? "small" : "small" }) : /* @__PURE__ */ jsx(MinusIcon, { size: size === "large" ? "small" : "small" })
 				})
 			}) : null;

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

@@ -8,8 +8,9 @@ type PaginationButtonsProps = {
     'data-testid'?: string;
     hideFirstPage?: boolean;
     hideLastPage?: boolean;
+    isSmall: boolean;
     size: 'small' | 'medium';
 };
-export declare const PaginationButtons: ({ page, disabled, onChange, pageCount, pageTabCount, 'data-testid': dataTestId, className, hideFirstPage, hideLastPage, size, }: PaginationButtonsProps) => import("react").JSX.Element;
+export declare const PaginationButtons: ({ page, disabled, onChange, pageCount, pageTabCount, 'data-testid': dataTestId, className, hideFirstPage, hideLastPage, isSmall, size, }: PaginationButtonsProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PaginationButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAYA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,iBAAiB,oIAW3B,sBAAsB,gCAiExB,CAAA"}
+{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,iBAAiB,6IAY3B,sBAAsB,gCAsExB,CAAA"}

package/dist/components/Pagination/PaginationButtons.js

@@ -4,8 +4,7 @@ import { Stack, init_Stack } from "../Stack/index.js";
 import { Button, init_Button } from "../Button/index.js";
 import { init_styles_css, paginationStyle } from "./styles.css.js";
 import { Ellipsis, init_Ellipsis } from "./Ellipsis.js";
-import { getPageNumbers, init_getPageNumbers } from "./getPageNumbers.js";
-import { MakeButton, init_PaginationButton } from "./PaginationButton.js";
+import { getPageItems, init_getPageItems } from "./getPageItems.js";
 import { useCallback, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
@@ -18,17 +17,19 @@ function init_PaginationButtons() {
 		init_Button();
 		init_Stack();
 		init_Ellipsis();
-		init_getPageNumbers();
-		init_PaginationButton();
+		init_getPageItems();
 		init_styles_css();
-		PaginationButtons = ({ page, disabled, onChange, pageCount, pageTabCount, "data-testid": dataTestId, className, hideFirstPage, hideLastPage, size }) => {
+		PaginationButtons = ({ page, disabled, onChange, pageCount, pageTabCount, "data-testid": dataTestId, className, hideFirstPage, hideLastPage, isSmall, size }) => {
 			const goToNextPage = useCallback(() => {
 				onChange(page + 1);
 			}, [onChange, page]);
 			const goToPreviousPage = useCallback(() => {
 				onChange(page - 1);
 			}, [onChange, page]);
-			const pageNumbersToDisplay = useMemo(() => pageCount > 1 ? getPageNumbers(page, pageCount, pageTabCount, hideFirstPage, hideLastPage) : [1], [
+			const pageItems = useMemo(() => {
+				return getPageItems(page, pageCount, pageTabCount, isSmall ? 1 : 3, hideFirstPage, hideLastPage);
+			}, [
+				isSmall,
 				page,
 				pageCount,
 				pageTabCount,
@@ -55,21 +56,24 @@ function init_PaginationButtons() {
 							children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
 						})
 					}),
-					/* @__PURE__ */ jsxs(Stack, {
+					/* @__PURE__ */ jsx(Stack, {
 						className: paginationStyle.pageNumbersContainer,
 						direction: "row",
 						gap: 1,
-						children: [pageNumbersToDisplay.map((pageNumber, index) => /* @__PURE__ */ jsx(MakeButton, {
+						children: pageItems.map((item, index) => item.type === "ellipsis" ? /* @__PURE__ */ jsx(Ellipsis, {
 							disabled,
-							handlePageClick,
-							hasEllipsisBefore: !(index === 0 || pageNumbersToDisplay[index - 1] === pageNumber - 1) || index === 0 && pageNumber !== 1,
-							page,
-							pageNumber,
 							size
-						}, pageNumber)), pageNumbersToDisplay.at(-1) === pageCount ? null : /* @__PURE__ */ jsx(Ellipsis, {
+						}, `ellipsis-${index}`) : /* @__PURE__ */ jsx(Button, {
+							"aria-current": item.page === page,
+							className: paginationStyle.pageButton[size],
 							disabled,
-							size
-						})]
+							onClick: handlePageClick(item.page),
+							sentiment: item.page === page ? "primary" : "neutral",
+							size,
+							type: "button",
+							variant: item.page === page ? "filled" : "outlined",
+							children: item.page
+						}, item.page))
 					}),
 					/* @__PURE__ */ jsx(Stack, {
 						gap: 1,

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

@@ -0,0 +1,8 @@
+export type PageItem = {
+    type: 'page';
+    page: number;
+} | {
+    type: 'ellipsis';
+};
+export declare const getPageItems: (page: number, pageCount: number, range: number, numberOfButtonsInBetween: number, hideFirstPage?: boolean, hideLastPage?: boolean) => PageItem[];
+//# sourceMappingURL=getPageItems.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getPageItems.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/getPageItems.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAA;AA+B5E,eAAO,MAAM,YAAY,SACjB,MAAM,aACD,MAAM,SACV,MAAM,4BACa,MAAM,kBAChB,OAAO,iBACR,OAAO,KACrB,QAAQ,EAQV,CAAA"}

package/dist/components/Pagination/getPageItems.js

@@ -0,0 +1,35 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { getPageNumbers, init_getPageNumbers } from "./getPageNumbers.js";
+
+//#region src/components/Pagination/getPageItems.ts
+var toPageItems, expandSinglePageGaps, getPageItems;
+function init_getPageItems() {
+	return (init_getPageItems = __esmMin(() => {
+		init_getPageNumbers();
+		toPageItems = (pageNumbers, pageCount) => {
+			const items = [];
+			pageNumbers.forEach((pageNumber, index) => {
+				if (!(index === 0 || pageNumbers[index - 1] === pageNumber - 1) || index === 0 && pageNumber !== 1) items.push({ type: "ellipsis" });
+				items.push({
+					type: "page",
+					page: pageNumber
+				});
+			});
+			if (pageNumbers.at(-1) !== pageCount) items.push({ type: "ellipsis" });
+			return items;
+		};
+		expandSinglePageGaps = (pageNumbers) => pageNumbers.flatMap((pageNumber, index) => index > 0 && pageNumber - pageNumbers[index - 1] === 2 ? [pageNumber - 1, pageNumber] : [pageNumber]);
+		getPageItems = (page, pageCount, range, numberOfButtonsInBetween, hideFirstPage, hideLastPage) => {
+			if (pageCount <= 1) return [{
+				type: "page",
+				page: 1
+			}];
+			const pageNumbers = getPageNumbers(page, pageCount, range, numberOfButtonsInBetween, hideFirstPage, hideLastPage);
+			return toPageItems(expandSinglePageGaps(pageNumbers), pageCount);
+		};
+	}))();
+}
+
+//#endregion
+init_getPageItems();
+export { getPageItems, init_getPageItems };

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

@@ -3,7 +3,8 @@
  * @param currentPage The current page
  * @param pageCount The last page number
  * @param range The number of pages wanted
+ * @param numberOfButtonsInBetween The number of buttons to show in the middle section between the two ellipsis
  * @returns List of page numbers to display
  */
-export declare const getPageNumbers: (currentPage: number, pageCount: number, range?: number, hideFirstPage?: boolean, hideLastPage?: boolean) => number[];
+export declare const getPageNumbers: (currentPage: number, pageCount: number, range?: number, numberOfButtonsInBetween?: number, hideFirstPage?: boolean, hideLastPage?: boolean) => number[];
 //# sourceMappingURL=getPageNumbers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getPageNumbers.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/getPageNumbers.ts"],"names":[],"mappings":"AACA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,gBACZ,MAAM,aACR,MAAM,kCAED,OAAO,iBACR,OAAO,KACrB,MAAM,EA0BR,CAAA"}
+{"version":3,"file":"getPageNumbers.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/getPageNumbers.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,gBACZ,MAAM,aACR,MAAM,qEAGD,OAAO,iBACR,OAAO,KACrB,MAAM,EA6BR,CAAA"}

package/dist/components/Pagination/getPageNumbers.js

@@ -1,11 +1,10 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Pagination/getPageNumbers.ts
-var NUMBER_OF_BUTTONS_IN_BETWEEN, getPageNumbers;
+var getPageNumbers;
 function init_getPageNumbers() {
 	return (init_getPageNumbers = __esmMin(() => {
-		NUMBER_OF_BUTTONS_IN_BETWEEN = 3;
-		getPageNumbers = (currentPage, pageCount, range = 5, hideFirstPage, hideLastPage) => {
+		getPageNumbers = (currentPage, pageCount, range = 5, numberOfButtonsInBetween = 3, hideFirstPage, hideLastPage) => {
 			const truncationBefore = currentPage >= range;
 			const truncationAfter = currentPage <= pageCount - range + 1 || currentPage < range;
 			if (pageCount <= range) return Array.from({ length: pageCount }, (_, index) => index + 1);
@@ -13,7 +12,7 @@ function init_getPageNumbers() {
 			const lastPage = hideLastPage ? [] : [pageCount];
 			const pagesToShowBeforeTruncation = truncationBefore ? firstPage : Array.from({ length: range }, (_, index) => index + 1);
 			const pagesToShowAfterTruncation = truncationAfter ? lastPage : Array.from({ length: range }, (_, index) => index + pageCount - range + 1);
-			const pagesToShowBetweenTruncation = truncationBefore && truncationAfter ? Array.from({ length: NUMBER_OF_BUTTONS_IN_BETWEEN }, (_, index) => currentPage + index - 1) : [];
+			const pagesToShowBetweenTruncation = truncationBefore && truncationAfter ? Array.from({ length: numberOfButtonsInBetween }, (_, index) => currentPage + index - Math.floor((numberOfButtonsInBetween - 1) / 2)) : [];
 			return [
 				...pagesToShowBeforeTruncation,
 				...pagesToShowBetweenTruncation,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,CACJ,CAAA;mCAM0B,EACzB,QAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAgB,EAChB,SAAS,EACT,OAAO,EACP,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,IAAe,EACf,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,eAAe"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAO1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,CACJ,CAAA;mCAM0B,EACzB,QAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,OAAO,EACP,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,IAAe,EACf,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,eAAe"}

package/dist/components/Pagination/index.js

@@ -1,20 +1,29 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../Stack/index.js";
+import { init_styles_css, paginationStyle } from "./styles.css.js";
+import { init_useBreakpoint, useBreakpoints } from "../../hooks/useBreakpoint.js";
 import { PaginationButtons, init_PaginationButtons } from "./PaginationButtons.js";
 import { PerPage, init_PerPage } from "./PerPage.js";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Pagination/index.tsx
 var Pagination;
 function init_Pagination() {
 	return (init_Pagination = __esmMin(() => {
+		init_useBreakpoint();
 		init_Stack();
 		init_PaginationButtons();
 		init_PerPage();
-		Pagination = ({ disabled = false, page, pageCount, onChange, pageTabCount = 5, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, perPagePortalTarget, hideFirstPage, hideLastPage, size = "medium", "data-testid": dataTestId, style }) => {
+		init_styles_css();
+		Pagination = ({ disabled = false, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, perPagePortalTarget, hideFirstPage, hideLastPage, size = "medium", "data-testid": dataTestId, style }) => {
 			const [perPageComputed, setPerPage] = useState(perPage !== null && perPage !== void 0 ? perPage : 10);
+			const rootRef = useRef(null);
+			const breakpoint = useBreakpoints(rootRef, {
+				small: 0,
+				large: 420
+			});
 			useEffect(() => {
 				if (page < 1) onChange(1);
 				if (page > pageCount) onChange(pageCount);
@@ -28,7 +37,9 @@ function init_Pagination() {
 			}, [perPage]);
 			return /* @__PURE__ */ jsxs(Stack, {
 				direction: "row",
+				className: rootRef.current ? void 0 : paginationStyle.hiddenContainer,
 				justifyContent: "space-between",
+				ref: rootRef,
 				style,
 				children: [perPage ? /* @__PURE__ */ jsx(PerPage, {
 					numberOfItems,
@@ -43,10 +54,11 @@ function init_Pagination() {
 					className,
 					"data-testid": dataTestId,
 					disabled,
+					isSmall: breakpoint.small,
 					onChange,
 					page,
 					pageCount,
-					pageTabCount,
+					pageTabCount: pageTabCount !== null && pageTabCount !== void 0 ? pageTabCount : breakpoint.small ? 3 : 5,
 					size: perPage ? "small" : size,
 					hideFirstPage,
 					hideLastPage

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

@@ -1,4 +1,5 @@
 export declare const paginationStyle: {
+    hiddenContainer: string;
     pageNumbersContainer: string;
     pageButton: Record<"medium" | "small", string>;
     ellipsisClass: Record<"medium" | "small", string>;

package/dist/components/Pagination/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/styles.css.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,eAAe;;;;CAI3B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/styles.css.ts"],"names":[],"mappings":"AAsCA,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA"}

package/dist/components/Pagination/styles.css.js

@@ -7,14 +7,15 @@ function init_styles_css() {
 	return (init_styles_css = __esmMin(() => {
 		/* @__PURE__ */ init_styles_css_ts_vanilla();
 		paginationStyle = {
-			pageNumbersContainer: "uv_a0295u0",
+			hiddenContainer: "uv_a0295u0",
+			pageNumbersContainer: "uv_a0295u1",
 			pageButton: {
-				medium: "uv_a0295u1",
-				small: "uv_a0295u2"
+				medium: "uv_a0295u2",
+				small: "uv_a0295u3"
 			},
 			ellipsisClass: {
-				medium: "uv_a0295u4 uv_a0295u3",
-				small: "uv_a0295u5 uv_a0295u3"
+				medium: "uv_a0295u5 uv_a0295u4",
+				small: "uv_a0295u6 uv_a0295u4"
 			}
 		};
 	}))();

package/dist/components/PieChart/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Text, init_Text } from "../Text/index.js";
 import { heightContainerPie, init_styles_css, pieChartStyle } from "./styles.css.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";

package/dist/components/Popup/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { init_isClientSide, isClientSide } from "../../helpers/isClientSide.js";
 import { DEFAULT_POSITIONS, computePositions, init_helpers } from "./helpers.js";
 import { init_styles_css, popupStyle } from "./styles.css.js";