@ultraviolet/ui 3.12.3 → 3.13.0

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 };

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

@@ -1,14 +1,13 @@
-import type { ReactNode, Ref } from 'react';
-type SentimentType = 'neutral' | 'primary';
+import type { Ref } from 'react';
 /**
  * Popover component is used to display additional information or actions on top of the main content of the page.
  * It is usually triggered by clicking on a button. It includes a title, a close button and a content area.
  */
 export declare const Popover: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    content: ReactNode;
+    children: import("react").ReactNode;
+    content: import("react").ReactNode;
     title: string;
-    sentiment?: SentimentType | undefined;
+    sentiment?: ("neutral" | "primary") | undefined;
     visible?: boolean | undefined;
     size?: "large" | "medium" | "small" | undefined;
     onClose?: (() => void) | undefined;
@@ -16,10 +15,6 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
     'data-testid'?: string | undefined;
     maxWidth?: string | undefined;
     maxHeight?: string | undefined;
-    /**
-     * By default, the portal target is children container or document.body if children is a function. You can override this
-     * behavior by setting a portalTarget prop.
-     */
     portalTarget?: HTMLElement | undefined;
     placement?: "bottom" | "left" | "right" | "top" | ("auto" | "auto-bottom" | "auto-left" | "auto-right" | "auto-top") | undefined;
 } & Pick<{
@@ -31,11 +26,11 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
         onPointerEnter: () => void;
         onPointerLeave: () => void;
         ref: import("react").RefObject<HTMLDivElement | null>;
-    }) => ReactNode) | ReactNode;
+    }) => import("react").ReactNode) | import("react").ReactNode;
     maxWidth?: string | number | undefined;
     placement?: import("../Popup/helpers").PopupPlacement | undefined;
     align?: import("../Popup/helpers").PopupAlign | undefined;
-    text?: ReactNode;
+    text?: import("react").ReactNode;
     className?: string | undefined;
     containerFullWidth?: boolean | undefined;
     containerFullHeight?: boolean | undefined;
@@ -56,5 +51,4 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
     dynamicDomRendering?: boolean | undefined;
     style?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAkB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3D,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;IAflB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA6FJ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IAiFnB,CAAA"}

package/dist/components/Popover/index.js

@@ -1,53 +1,20 @@
 '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 { Text, init_Text } from "../Text/index.js";
-import { Button, init_Button } from "../Button/index.js";
 import { ModalContext, init_ModalProvider } from "../Modal/ModalProvider.js";
 import { init_styles_css, popoverStyle } from "./styles.css.js";
+import { ContentWrapper, init_ContentWrapper } from "./ContentWrapper.js";
 import { forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { cn } from "@ultraviolet/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Popover/index.tsx
-var ContentWrapper, Popover;
+var Popover;
 var init_Popover = __esmMin(() => {
-	init_Button();
 	init_ModalProvider();
 	init_Popup();
-	init_Stack();
-	init_Text();
+	init_ContentWrapper();
 	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]
-	});
 	Popover = forwardRef(({ visible = false, children, placement, content, title, sentiment = "neutral", size = "medium", onClose, className, maxWidth, maxHeight, "data-testid": dataTestId, portalTarget, dynamicDomRendering, align, style }, ref) => {
 		const innerRef = useRef(null);
 		const isInsideModal = useContext(ModalContext);

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

@@ -0,0 +1,26 @@
+import type { Popup } from '../Popup';
+import type { SIZES_WIDTH } from './constant';
+import type { ComponentProps, ReactNode } from 'react';
+type SentimentType = 'neutral' | 'primary';
+export type PopoverProps = {
+    children: ReactNode;
+    content: ReactNode;
+    title: string;
+    sentiment?: SentimentType;
+    visible?: boolean;
+    size?: keyof typeof SIZES_WIDTH;
+    onClose?: () => void;
+    className?: string;
+    'data-testid'?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    /**
+     * By default, the portal target is children container or document.body if children is a function. You can override this
+     * behavior by setting a portalTarget prop.
+     */
+    portalTarget?: HTMLElement;
+    placement?: Exclude<ComponentProps<typeof Popup>['placement'], 'nested-menu'>;
+} & Pick<ComponentProps<typeof Popup>, 'dynamicDomRendering' | 'align' | 'style'>;
+export type ContentWrapperProps = Pick<PopoverProps, 'title' | 'onClose' | 'sentiment' | 'children'>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,SAAS,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC,CAAA;CAC9E,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAC1C,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,YAAY,EACZ,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAC/C,CAAA"}

package/dist/components/Popup/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAM3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AAuND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;CAqQ5B,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAO3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AA6QD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AA6ND;;GAEG;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;CAmK5B,CAAA"}