@ultraviolet/ui 3.12.2 → 3.13.0

package/dist/components/Modal/ModalContent.js

@@ -3,7 +3,7 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Button, init_Button } from "../Button/index.js";
 import { init_styles_css, modalStyle } from "./styles.css.js";
 import { Dialog, init_Dialog } from "./components/Dialog.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Modal/ModalContent.tsx
@@ -12,7 +12,7 @@ var init_ModalContent = __esmMin(() => {
 	init_Button();
 	init_Dialog();
 	init_styles_css();
-	ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer }) => visible || open ? /* @__PURE__ */ jsx(Dialog, {
+	ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer }) => visible || open ? /* @__PURE__ */ jsxs(Dialog, {
 		ariaLabel,
 		backdropClassName,
 		className,
@@ -29,7 +29,7 @@ var init_ModalContent = __esmMin(() => {
 		ref,
 		size: finalSize,
 		style,
-		children: /* @__PURE__ */ jsxs(Fragment, { children: [typeof children === "function" ? children({
+		children: [typeof children === "function" ? children({
 			close: handleClose,
 			modalId: finalId,
 			show: handleOpen,
@@ -46,7 +46,7 @@ var init_ModalContent = __esmMin(() => {
 				variant: "ghost",
 				children: /* @__PURE__ */ jsx(CloseIcon, {})
 			}) : null
-		})] })
+		})]
 	}) : null;
 });
 

package/dist/components/Modal/components/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAc3C,eAAO,MAAM,MAAM,8OAyQlB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAe3C,eAAO,MAAM,MAAM,8OAoRlB,CAAA"}

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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
 import { init_ModalProvider, useModal } from "../ModalProvider.js";
 import { init_styles_css, modalStyle, positionModal, topModal } from "../styles.css.js";
@@ -90,6 +90,17 @@ var init_Dialog = __esmMin(() => {
 			position,
 			dialogRef
 		]);
+		const handleFocusMove = useCallback((event, firstFocusableEl, lastFocusableEl) => {
+			if (event.shiftKey) {
+				if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
+					if (lastFocusableEl instanceof HTMLElement) lastFocusableEl.focus();
+					event.preventDefault();
+				}
+			} else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
+				if (firstFocusableEl instanceof HTMLElement) firstFocusableEl.focus();
+				event.preventDefault();
+			}
+		}, [dialogRef]);
 		const handleFocusTrap = useCallback((event) => {
 			var _dialogRef$current3;
 			event.stopPropagation();
@@ -103,18 +114,9 @@ var init_Dialog = __esmMin(() => {
 			if (focusableEls) {
 				const elems = [...focusableEls];
 				const firstFocusableEl = elems[0];
-				const lastFocusableEl = elems.at(-1);
-				if (event.shiftKey) {
-					if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
-						if (lastFocusableEl instanceof HTMLElement) lastFocusableEl.focus();
-						event.preventDefault();
-					}
-				} else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
-					if (firstFocusableEl instanceof HTMLElement) firstFocusableEl.focus();
-					event.preventDefault();
-				}
+				handleFocusMove(event, firstFocusableEl, elems.at(-1));
 			}
-		}, [dialogRef]);
+		}, [dialogRef, handleFocusMove]);
 		if ((modalAbove === null || modalAbove === void 0 ? void 0 : modalAbove.ref) && typeof modalAbove.ref === "object" && "current" in modalAbove.ref && currentModalHeight) {
 			var _modalAbove$ref$curre;
 			var _modalAbove$ref;

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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/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

@@ -0,0 +1,12 @@
+import type { RefObject } from 'react';
+export declare const Controls: ({ controls, direction, size, localRef, max, min, onChange, isDisabledOrReadOnly, }: {
+    controls?: boolean | undefined;
+    direction: "down" | "up";
+    size: "large" | "medium" | "small";
+    localRef: RefObject<HTMLInputElement | null>;
+    max?: number | undefined;
+    min?: number | undefined;
+    isDisabledOrReadOnly?: boolean | undefined;
+    onChange?: ((newValue: number | null) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Controls.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,QAAQ;;;;;;;;;oDAoFpB,CAAA"}

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

@@ -0,0 +1,78 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Button, init_Button } from "../../Button/index.js";
+import { init_styles_css, numberInputStyle } from "../styles.css.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
+import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
+
+//#region src/components/NumberInput/components/Controls.tsx
+var Controls;
+var init_Controls = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_styles_css();
+	Controls = ({ controls, direction, size, localRef, max, min, onChange, isDisabledOrReadOnly }) => {
+		var _localRef$current4;
+		var _localRef$current8;
+		const isUp = direction === "up";
+		const isPlusDisabled = useCallback(() => {
+			var _localRef$current;
+			var _localRef$current2;
+			var _localRef$current3;
+			if (!(localRef === null || localRef === void 0 || (_localRef$current = localRef.current) === null || _localRef$current === void 0 ? void 0 : _localRef$current.value) || (localRef === null || localRef === void 0 || (_localRef$current2 = localRef.current) === null || _localRef$current2 === void 0 ? void 0 : _localRef$current2.value) === "") return false;
+			const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current3 = localRef.current) === null || _localRef$current3 === void 0 ? void 0 : _localRef$current3.value);
+			if (Number.isNaN(numericValue)) return false;
+			return numericValue >= (typeof max === "number" ? max : Number(max));
+		}, [localRef === null || localRef === void 0 || (_localRef$current4 = localRef.current) === null || _localRef$current4 === void 0 ? void 0 : _localRef$current4.value, max]);
+		const isMinusDisabled = useCallback(() => {
+			var _localRef$current5;
+			var _localRef$current6;
+			var _localRef$current7;
+			if (!(localRef === null || localRef === void 0 || (_localRef$current5 = localRef.current) === null || _localRef$current5 === void 0 ? void 0 : _localRef$current5.value) || (localRef === null || localRef === void 0 || (_localRef$current6 = localRef.current) === null || _localRef$current6 === void 0 ? void 0 : _localRef$current6.value) === "") return false;
+			const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current7 = localRef.current) === null || _localRef$current7 === void 0 ? void 0 : _localRef$current7.value);
+			if (Number.isNaN(numericValue)) return false;
+			const minValue = typeof min === "number" ? min : Number(min);
+			return Number.isNaN(numericValue) || numericValue <= minValue;
+		}, [localRef === null || localRef === void 0 || (_localRef$current8 = localRef.current) === null || _localRef$current8 === void 0 ? void 0 : _localRef$current8.value, min]);
+		const onClickSideButton = useCallback(() => {
+			var _Number$parseFloat;
+			var _localRef$current$val;
+			var _localRef$current11;
+			if (direction === "up") {
+				var _localRef$current9;
+				(_localRef$current9 = localRef.current) === null || _localRef$current9 === void 0 || _localRef$current9.stepUp();
+			} else if (direction === "down") {
+				var _localRef$current10;
+				(_localRef$current10 = localRef.current) === null || _localRef$current10 === void 0 || _localRef$current10.stepDown();
+			}
+			onChange === null || onChange === void 0 || onChange((_Number$parseFloat = Number.parseFloat((_localRef$current$val = (_localRef$current11 = localRef.current) === null || _localRef$current11 === void 0 ? void 0 : _localRef$current11.value) !== null && _localRef$current$val !== void 0 ? _localRef$current$val : "")) !== null && _Number$parseFloat !== void 0 ? _Number$parseFloat : min);
+		}, [
+			localRef,
+			min,
+			onChange,
+			direction
+		]);
+		const isDisabled = isUp ? isPlusDisabled() : isMinusDisabled();
+		return controls ? /* @__PURE__ */ jsx(Stack, {
+			alignItems: "center",
+			className: numberInputStyle.sideContainer[size],
+			"data-size": size,
+			justifyContent: "center",
+			children: /* @__PURE__ */ jsx(Button, {
+				"aria-label": isUp ? "plus" : "minus",
+				disabled: isDisabledOrReadOnly || isDisabled,
+				onClick: onClickSideButton,
+				sentiment: "neutral",
+				size: size === "small" ? "xsmall" : "small",
+				variant: "ghost",
+				children: isUp ? /* @__PURE__ */ jsx(PlusIcon, { size: size === "large" ? "small" : "small" }) : /* @__PURE__ */ jsx(MinusIcon, { size: size === "large" ? "small" : "small" })
+			})
+		}) : null;
+	};
+});
+
+//#endregion
+init_Controls();
+export { Controls, init_Controls };

package/dist/components/NumberInput/components/Unit.d.ts

@@ -0,0 +1,8 @@
+export declare const Unit: ({ unit, disabled, readOnly, size, controls, }: {
+    unit?: string | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size: "large" | "medium" | "small";
+    controls?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Unit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Unit.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/components/Unit.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;;;;oDA4BP,CAAA"}

package/dist/components/NumberInput/components/Unit.js

@@ -0,0 +1,28 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { init_styles_css, numberInputStyle } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/NumberInput/components/Unit.tsx
+var Unit;
+var init_Unit = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	Unit = ({ unit, disabled, readOnly, size, controls }) => unit ? /* @__PURE__ */ jsx(Text, {
+		as: "span",
+		className: numberInputStyle.unit({
+			disabled,
+			readOnly,
+			size,
+			controls
+		}),
+		disabled,
+		sentiment: "neutral",
+		variant: "body",
+		children: unit
+	}) : null;
+});
+
+//#endregion
+init_Unit();
+export { Unit, init_Unit };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA6CzE;;;GAGG;AACH,eAAO,MAAM,WAAW;;IA3CtB;;OAEG;;;;;;IAMH;;OAEG;;IAEH;;OAEG;;;;;;;;;+OA0SJ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA6CzE;;;GAGG;AACH,eAAO,MAAM,WAAW;;IA3CtB;;OAEG;;;;;;IAMH;;OAEG;;IAEH;;OAEG;;;;;;;;;+OAuOJ,CAAA"}

package/dist/components/NumberInput/index.js

@@ -3,28 +3,26 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { Text, init_Text } from "../Text/index.js";
-import { Button, init_Button } from "../Button/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { Row, init_Row } from "../Row/index.js";
 import { init_styles_css, numberInputStyle } from "./styles.css.js";
-import { forwardRef, useCallback, useId, useImperativeHandle, useMemo, useRef } from "react";
+import { Controls, init_Controls } from "./components/Controls.js";
+import { Unit, init_Unit } from "./components/Unit.js";
+import { forwardRef, useId, useImperativeHandle, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
-import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 
 //#region src/components/NumberInput/index.tsx
 var NumberInput;
 var init_NumberInput = __esmMin(() => {
-	init_Button();
 	init_Label();
 	init_Row();
 	init_Stack();
 	init_Text();
 	init_Tooltip();
+	init_Controls();
+	init_Unit();
 	init_styles_css();
 	NumberInput = forwardRef(({ disabled = false, max = Number.MAX_SAFE_INTEGER, min = 0, name, onChange, onFocus, onBlur, size = "large", step, unit, value, tooltip, className, label, labelDescription, id, controls = true, placeholder = "", error, success, helper, "aria-label": ariaLabel, "data-testid": dataTestId, required, autoFocus, readOnly, style }, ref) => {
-		var _localRef$current7;
-		var _localRef$current11;
 		const localRef = useRef(null);
 		useImperativeHandle(ref, () => localRef.current);
 		const uniqueId = useId();
@@ -41,42 +39,6 @@ var init_NumberInput = __esmMin(() => {
 			disabled,
 			readOnly
 		]);
-		const onClickSideButton = useCallback((direction) => () => {
-			var _Number$parseFloat;
-			var _localRef$current$val;
-			var _localRef$current3;
-			if (direction === "up") {
-				var _localRef$current;
-				(_localRef$current = localRef.current) === null || _localRef$current === void 0 || _localRef$current.stepUp();
-			} else if (direction === "down") {
-				var _localRef$current2;
-				(_localRef$current2 = localRef.current) === null || _localRef$current2 === void 0 || _localRef$current2.stepDown();
-			}
-			onChange === null || onChange === void 0 || onChange((_Number$parseFloat = Number.parseFloat((_localRef$current$val = (_localRef$current3 = localRef.current) === null || _localRef$current3 === void 0 ? void 0 : _localRef$current3.value) !== null && _localRef$current$val !== void 0 ? _localRef$current$val : "")) !== null && _Number$parseFloat !== void 0 ? _Number$parseFloat : min);
-		}, [
-			localRef,
-			min,
-			onChange
-		]);
-		const isMinusDisabled = useCallback(() => {
-			var _localRef$current4;
-			var _localRef$current5;
-			var _localRef$current6;
-			if (!(localRef === null || localRef === void 0 || (_localRef$current4 = localRef.current) === null || _localRef$current4 === void 0 ? void 0 : _localRef$current4.value) || (localRef === null || localRef === void 0 || (_localRef$current5 = localRef.current) === null || _localRef$current5 === void 0 ? void 0 : _localRef$current5.value) === "") return false;
-			const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current6 = localRef.current) === null || _localRef$current6 === void 0 ? void 0 : _localRef$current6.value);
-			if (Number.isNaN(numericValue)) return false;
-			const minValue = typeof min === "number" ? min : Number(min);
-			return Number.isNaN(numericValue) || numericValue <= minValue;
-		}, [localRef === null || localRef === void 0 || (_localRef$current7 = localRef.current) === null || _localRef$current7 === void 0 ? void 0 : _localRef$current7.value, min]);
-		const isPlusDisabled = useCallback(() => {
-			var _localRef$current8;
-			var _localRef$current9;
-			var _localRef$current10;
-			if (!(localRef === null || localRef === void 0 || (_localRef$current8 = localRef.current) === null || _localRef$current8 === void 0 ? void 0 : _localRef$current8.value) || (localRef === null || localRef === void 0 || (_localRef$current9 = localRef.current) === null || _localRef$current9 === void 0 ? void 0 : _localRef$current9.value) === "") return false;
-			const numericValue = Number(localRef === null || localRef === void 0 || (_localRef$current10 = localRef.current) === null || _localRef$current10 === void 0 ? void 0 : _localRef$current10.value);
-			if (Number.isNaN(numericValue)) return false;
-			return numericValue >= (typeof max === "number" ? max : Number(max));
-		}, [localRef === null || localRef === void 0 || (_localRef$current11 = localRef.current) === null || _localRef$current11 === void 0 ? void 0 : _localRef$current11.value, max]);
 		const helperSentiment = useMemo(() => {
 			if (error) return "danger";
 			if (success) return "success";
@@ -87,6 +49,7 @@ var init_NumberInput = __esmMin(() => {
 			inputValue = value !== null && typeof value === "number" ? value.toString() : "";
 			if (localRef.current) localRef.current.value = inputValue;
 		}
+		const isDisabledOrReadOnly = disabled || readOnly;
 		return /* @__PURE__ */ jsxs(Stack, {
 			className,
 			gap: "0.5",
@@ -113,21 +76,16 @@ var init_NumberInput = __esmMin(() => {
 						"data-success": !!success,
 						"data-unit": !!unit,
 						children: [
-							controls ? /* @__PURE__ */ jsx(Stack, {
-								alignItems: "center",
-								className: numberInputStyle.sideContainer[size],
-								"data-size": size,
-								justifyContent: "center",
-								children: /* @__PURE__ */ jsx(Button, {
-									"aria-label": "minus",
-									disabled: disabled || readOnly || isMinusDisabled(),
-									onClick: onClickSideButton("down"),
-									sentiment: "neutral",
-									size: size === "small" ? "xsmall" : "small",
-									variant: "ghost",
-									children: /* @__PURE__ */ jsx(MinusIcon, { size: size === "large" ? "small" : "small" })
-								})
-							}) : null,
+							/* @__PURE__ */ jsx(Controls, {
+								controls,
+								direction: "down",
+								isDisabledOrReadOnly,
+								localRef,
+								max,
+								min,
+								onChange,
+								size
+							}),
 							/* @__PURE__ */ jsxs(Row, {
 								alignItems: "center",
 								className: numberInputStyle.inputContainer({ controls }),
@@ -165,41 +123,30 @@ var init_NumberInput = __esmMin(() => {
 									style,
 									type: "number",
 									value: inputValue
-								}), unit ? /* @__PURE__ */ jsx(Text, {
-									as: "span",
-									className: numberInputStyle.unit({
-										disabled,
-										readOnly,
-										size,
-										controls
-									}),
+								}), /* @__PURE__ */ jsx(Unit, {
+									controls,
 									disabled,
-									sentiment: "neutral",
-									variant: "body",
-									children: unit
-								}) : null]
+									readOnly,
+									size,
+									unit
+								})]
 							}),
-							controls ? /* @__PURE__ */ jsx(Stack, {
-								alignItems: "center",
-								className: numberInputStyle.sideContainer[size],
-								"data-size": size,
-								justifyContent: "center",
-								children: /* @__PURE__ */ jsx(Button, {
-									"aria-label": "plus",
-									disabled: disabled || readOnly || isPlusDisabled(),
-									onClick: onClickSideButton("up"),
-									sentiment: "neutral",
-									size: size === "small" ? "xsmall" : "small",
-									variant: "ghost",
-									children: /* @__PURE__ */ jsx(PlusIcon, { size: size === "large" ? "small" : "small" })
-								})
-							}) : null
+							/* @__PURE__ */ jsx(Controls, {
+								controls,
+								direction: "up",
+								isDisabledOrReadOnly,
+								localRef,
+								max,
+								min,
+								onChange,
+								size
+							})
 						]
 					})
 				}) }),
 				error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
 					as: "span",
-					disabled: disabled || readOnly,
+					disabled: isDisabledOrReadOnly,
 					prominence: error || success ? "default" : "weak",
 					sentiment: helperSentiment,
 					variant: "caption",

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

@@ -0,0 +1,11 @@
+type MakeButtonProps = {
+    hasEllipsisBefore: boolean;
+    pageNumber: number;
+    disabled?: boolean;
+    page: number;
+    handlePageClick: (pageNumber: number) => () => void;
+    perPage: boolean;
+};
+export declare const MakeButton: ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, perPage, }: MakeButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PaginationButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAOA,KAAK,eAAe,GAAG;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACnD,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AACD,eAAO,MAAM,UAAU,4IAoCtB,CAAA"}

package/dist/components/Pagination/PaginationButton.js

@@ -0,0 +1,39 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Button, init_Button } from "../Button/index.js";
+import { init_styles_css, paginationStyle } from "./styles.css.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Pagination/PaginationButton.tsx
+var MakeButton;
+var init_PaginationButton = __esmMin(() => {
+	init_Button();
+	init_Text();
+	init_styles_css();
+	MakeButton = ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, perPage }) => /* @__PURE__ */ jsxs(Fragment, { children: [hasEllipsisBefore ? /* @__PURE__ */ jsx(Text, {
+		"aria-label": "ellipsis",
+		as: "span",
+		className: paginationStyle.ellipsisClass[perPage ? "small" : "medium"],
+		disabled,
+		placement: "center",
+		prominence: "default",
+		sentiment: "neutral",
+		variant: "body",
+		children: "..."
+	}) : null, /* @__PURE__ */ jsx(Button, {
+		"aria-current": pageNumber === page,
+		className: paginationStyle.pageButton[perPage ? "small" : "medium"],
+		disabled,
+		onClick: handlePageClick(pageNumber),
+		sentiment: pageNumber === page ? "primary" : "neutral",
+		size: perPage ? "small" : "medium",
+		type: "button",
+		variant: pageNumber === page ? "filled" : "outlined",
+		children: pageNumber
+	})] });
+});
+
+//#endregion
+init_PaginationButton();
+export { MakeButton, init_PaginationButton };

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":"AAaA,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,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAgDD,eAAO,MAAM,iBAAiB,4KAgF7B,CAAA"}
+{"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAaA,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,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,iBAAiB,4KAgF7B,CAAA"}

package/dist/components/Pagination/PaginationButtons.js

@@ -1,44 +1,23 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.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";
 import { getPageNumbers, init_getPageNumbers } from "./getPageNumbers.js";
 import { init_styles_css, paginationStyle } from "./styles.css.js";
+import { MakeButton, init_PaginationButton } from "./PaginationButton.js";
 import { useCallback, useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
 import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 
 //#region src/components/Pagination/PaginationButtons.tsx
-var MakeButton, PaginationButtons;
+var PaginationButtons;
 var init_PaginationButtons = __esmMin(() => {
 	init_Button();
 	init_Stack();
-	init_Text();
 	init_getPageNumbers();
+	init_PaginationButton();
 	init_styles_css();
-	MakeButton = ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, perPage }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [hasEllipsisBefore ? /* @__PURE__ */ jsx(Text, {
-		"aria-label": "ellipsis",
-		as: "span",
-		className: paginationStyle.ellipsisClass[perPage ? "small" : "medium"],
-		disabled,
-		placement: "center",
-		prominence: "default",
-		sentiment: "neutral",
-		variant: "body",
-		children: "..."
-	}) : null, /* @__PURE__ */ jsx(Button, {
-		"aria-current": pageNumber === page,
-		className: paginationStyle.pageButton[perPage ? "small" : "medium"],
-		disabled,
-		onClick: handlePageClick(pageNumber),
-		sentiment: pageNumber === page ? "primary" : "neutral",
-		size: perPage ? "small" : "medium",
-		type: "button",
-		variant: pageNumber === page ? "filled" : "outlined",
-		children: pageNumber
-	})] });
 	PaginationButtons = ({ page, disabled, onChange, pageCount, pageTabCount, "data-testid": dataTestId, className, perPage }) => {
 		const goToNextPage = useCallback(() => {
 			onChange(page + 1);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAKD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,mJA4GpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAKD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,mJA6GpB,CAAA"}

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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Text, init_Text } from "../Text/index.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getNivoTheme, init_nivoTheme } from "../../helpers/nivoTheme.js";

package/dist/components/Popover/ContentWrapper.d.ts

@@ -0,0 +1,3 @@
+import type { ContentWrapperProps } from './types';
+export declare const ContentWrapper: ({ title, onClose, children, sentiment, }: ContentWrapperProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContentWrapper.d.ts.map

package/dist/components/Popover/ContentWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/ContentWrapper.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,eAAO,MAAM,cAAc,4GAuC1B,CAAA"}

package/dist/components/Popover/ContentWrapper.js

@@ -0,0 +1,49 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.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";
+import { init_styles_css, popoverStyle } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+
+//#region src/components/Popover/ContentWrapper.tsx
+var ContentWrapper;
+var init_ContentWrapper = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	ContentWrapper = ({ title, onClose, children, sentiment }) => /* @__PURE__ */ jsxs(Stack, {
+		className: popoverStyle.stack,
+		gap: 1,
+		children: [/* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			justifyContent: "space-between",
+			children: [/* @__PURE__ */ jsx(Text, {
+				as: "h3",
+				prominence: sentiment === "neutral" ? "strong" : "stronger",
+				sentiment: sentiment === "neutral" ? "neutral" : "white",
+				variant: "bodyStrong",
+				children: title
+			}), /* @__PURE__ */ jsx(Button, {
+				"aria-label": "close",
+				onClick: onClose,
+				sentiment: sentiment === "neutral" ? "neutral" : "primary",
+				size: "small",
+				variant: sentiment === "neutral" ? "ghost" : "filled",
+				children: /* @__PURE__ */ jsx(CloseIcon, {})
+			})]
+		}), typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			prominence: sentiment === "neutral" ? "strong" : "stronger",
+			sentiment: sentiment === "neutral" ? "neutral" : "white",
+			variant: "bodySmall",
+			children
+		}) : children]
+	});
+});
+
+//#endregion
+init_ContentWrapper();
+export { ContentWrapper, init_ContentWrapper };