@ultraviolet/ui 3.11.1 → 3.12.0

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

@@ -1,50 +1,52 @@
 export declare const heightContainerPie: `var(--${string})`;
 export declare const colorBullet: `var(--${string})`;
-export declare const containerPie: string;
-export declare const emptyLegendPie: string;
-export declare const contentPie: string;
-export declare const listPie: string;
-export declare const listItemPie: import("@vanilla-extract/recipes").RuntimeFn<{
-    isFocused: {
-        false: {
-            color: `var(--${string})`;
+export declare const pieChartStyle: {
+    container: string;
+    emptyLegend: string;
+    content: string;
+    listItem: import("@vanilla-extract/recipes").RuntimeFn<{
+        isFocused: {
+            false: {
+                color: `var(--${string})`;
+            };
+            true: {
+                color: `var(--${string})`;
+            };
         };
-        true: {
-            color: `var(--${string})`;
+    }>;
+    list: string;
+    bullet: import("@vanilla-extract/recipes").RuntimeFn<{
+        isFocused: {
+            true: {
+                animation: `${string} linear 1500ms infinite`;
+            };
         };
-    };
-}>;
-export declare const bulletPie: import("@vanilla-extract/recipes").RuntimeFn<{
-    isFocused: {
-        true: {
-            animation: `${string} linear 1500ms infinite`;
+    }>;
+    label: string;
+    value: Record<"default" | "isFocused", string>;
+    text: import("@vanilla-extract/recipes").RuntimeFn<{
+        isFocused: {
+            false: {
+                fontWeight: number;
+            };
+            true: {
+                fontWeight: number;
+            };
         };
-    };
-}>;
-export declare const labelPie: string;
-export declare const valuePie: Record<"default" | "isFocused", string>;
-export declare const textPie: import("@vanilla-extract/recipes").RuntimeFn<{
-    isFocused: {
-        false: {
-            fontWeight: number;
+    }>;
+    toggleBox: string;
+    line: string;
+    progressiveLine: import("@vanilla-extract/recipes").RuntimeFn<{
+        isFocused: {
+            false: {
+                width: "0%";
+            };
+            true: {
+                width: "100%";
+            };
         };
-        true: {
-            fontWeight: number;
-        };
-    };
-}>;
-export declare const toggleBoxPie: string;
-export declare const linePie: string;
-export declare const progressiveLinePie: import("@vanilla-extract/recipes").RuntimeFn<{
-    isFocused: {
-        false: {
-            width: "0%";
-        };
-        true: {
-            width: "100%";
-        };
-    };
-}>;
-export declare const listTooltipPie: string;
-export declare const itemTooltipPie: string;
+    }>;
+    listTooltip: string;
+    itemTooltip: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,eAAO,MAAM,WAAW,oBAAc,CAAA;AActC,eAAO,MAAM,YAAY,QAIvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,UAAU,QAWrB,CAAA;AAEF,eAAO,MAAM,OAAO,QAQlB,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;EAiBtB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;EAgBpB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAInB,CAAA;AAEF,eAAO,MAAM,QAAQ,yCASnB,CAAA;AAEF,eAAO,MAAM,OAAO;;;;;;;;;EAgBlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAIvB,CAAA;AAEF,eAAO,MAAM,OAAO,QAIlB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;EAmB7B,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,cAAc,QAOzB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/PieChart/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,eAAO,MAAM,WAAW,oBAAc,CAAA;AAyKtC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAezB,CAAA"}

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

@@ -1,55 +1,63 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/PieChart/styles.css.ts
-var heightContainerPie = "var(--uv_6tpqrj0)";
-var colorBullet = "var(--uv_6tpqrj1)";
-var containerPie = "uv_6tpqrj3";
-var emptyLegendPie = "uv_6tpqrj4";
-var contentPie = "uv_6tpqrj5";
-var listPie = "uv_6tpqrj6";
-var listItemPie = createRuntimeFn({
-	defaultClassName: "uv_6tpqrj7",
-	variantClassNames: { isFocused: {
-		false: "uv_6tpqrj8",
-		true: "uv_6tpqrj9"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
+var heightContainerPie, colorBullet, pieChartStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	heightContainerPie = "var(--uv_6tpqrj0)";
+	colorBullet = "var(--uv_6tpqrj1)";
+	pieChartStyle = {
+		container: "uv_6tpqrj3",
+		emptyLegend: "uv_6tpqrj4",
+		content: "uv_6tpqrj5",
+		listItem: createRuntimeFn({
+			defaultClassName: "uv_6tpqrj7",
+			variantClassNames: { isFocused: {
+				false: "uv_6tpqrj8",
+				true: "uv_6tpqrj9"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		list: "uv_6tpqrj6",
+		bullet: createRuntimeFn({
+			defaultClassName: "uv_6tpqrja",
+			variantClassNames: { isFocused: { true: "uv_6tpqrjb" } },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		label: "uv_6tpqrjc",
+		value: {
+			"default": "uv_6tpqrjd",
+			isFocused: "uv_6tpqrje"
+		},
+		text: createRuntimeFn({
+			defaultClassName: "uv_6tpqrjf",
+			variantClassNames: { isFocused: {
+				false: "uv_6tpqrjg",
+				true: "uv_6tpqrjh"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		toggleBox: "uv_6tpqrji",
+		line: "uv_6tpqrjj",
+		progressiveLine: createRuntimeFn({
+			defaultClassName: "uv_6tpqrjk",
+			variantClassNames: { isFocused: {
+				false: "uv_6tpqrjl",
+				true: "uv_6tpqrjm"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		listTooltip: "uv_6tpqrjn",
+		itemTooltip: "uv_6tpqrjo"
+	};
 });
-var bulletPie = createRuntimeFn({
-	defaultClassName: "uv_6tpqrja",
-	variantClassNames: { isFocused: { true: "uv_6tpqrjb" } },
-	defaultVariants: {},
-	compoundVariants: []
-});
-var labelPie = "uv_6tpqrjc";
-var valuePie = {
-	"default": "uv_6tpqrjd",
-	isFocused: "uv_6tpqrje"
-};
-var textPie = createRuntimeFn({
-	defaultClassName: "uv_6tpqrjf",
-	variantClassNames: { isFocused: {
-		false: "uv_6tpqrjg",
-		true: "uv_6tpqrjh"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
-});
-var toggleBoxPie = "uv_6tpqrji";
-var linePie = "uv_6tpqrjj";
-var progressiveLinePie = createRuntimeFn({
-	defaultClassName: "uv_6tpqrjk",
-	variantClassNames: { isFocused: {
-		false: "uv_6tpqrjl",
-		true: "uv_6tpqrjm"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
-});
-var listTooltipPie = "uv_6tpqrjn";
-var itemTooltipPie = "uv_6tpqrjo";
 
 //#endregion
-export { bulletPie, colorBullet, containerPie, contentPie, emptyLegendPie, heightContainerPie, itemTooltipPie, labelPie, linePie, listItemPie, listPie, listTooltipPie, progressiveLinePie, textPie, toggleBoxPie, valuePie };
+init_styles_css();
+export { colorBullet, heightContainerPie, init_styles_css, pieChartStyle };

package/dist/components/PieChart/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/PieChart/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Popover/index.js

@@ -1,95 +1,101 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Popup } from "../Popup/index.js";
-import { Text } from "../Text/index.js";
-import { Button } from "../Button/index.js";
-import { ModalContext } from "../Modal/ModalProvider.js";
-import { popover, stackPopover } from "./styles.css.js";
+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 { forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Popover/index.tsx
-const ContentWrapper = ({ title, onClose, children, sentiment }) => /* @__PURE__ */ jsxs(Stack, {
-	className: stackPopover,
-	gap: 1,
-	children: [/* @__PURE__ */ jsxs(Stack, {
-		direction: "row",
-		justifyContent: "space-between",
-		children: [/* @__PURE__ */ jsx(Text, {
-			as: "h3",
+var ContentWrapper, Popover;
+var init_Popover = __esmMin(() => {
+	init_Button();
+	init_ModalProvider();
+	init_Popup();
+	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: "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 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.
-*/
-const 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);
-	const [localVisible, setLocalVisible] = useState(visible);
-	useEffect(() => {
-		setLocalVisible(visible);
-	}, [visible]);
-	const localOnClose = useCallback(() => {
-		setLocalVisible(false);
-		onClose === null || onClose === void 0 || onClose();
-	}, [onClose]);
-	const smartPortalTarget = useMemo(() => {
-		if (!portalTarget && isInsideModal) return;
-		if (!(portalTarget || isInsideModal)) return document.body;
-		return portalTarget;
-	}, [isInsideModal, portalTarget]);
-	return /* @__PURE__ */ jsx(Popup, {
-		align,
-		className: cn(className, popover({
-			sentiment,
-			size
-		})),
-		"data-testid": dataTestId,
-		debounceDelay: 0,
-		dynamicDomRendering,
-		hideOnClickOutside: true,
-		innerRef,
-		maxHeight,
-		maxWidth,
-		onClose: localOnClose,
-		placement,
-		portalTarget: smartPortalTarget,
-		ref,
-		role: "dialog",
-		style,
-		tabIndex: -1,
-		text: /* @__PURE__ */ jsx(ContentWrapper, {
+			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);
+		const [localVisible, setLocalVisible] = useState(visible);
+		useEffect(() => {
+			setLocalVisible(visible);
+		}, [visible]);
+		const localOnClose = useCallback(() => {
+			setLocalVisible(false);
+			onClose === null || onClose === void 0 || onClose();
+		}, [onClose]);
+		const smartPortalTarget = useMemo(() => {
+			if (!portalTarget && isInsideModal) return;
+			if (!(portalTarget || isInsideModal)) return document.body;
+			return portalTarget;
+		}, [isInsideModal, portalTarget]);
+		return /* @__PURE__ */ jsx(Popup, {
+			align,
+			className: cn(className, popoverStyle.popover({
+				sentiment,
+				size
+			})),
+			"data-testid": dataTestId,
+			debounceDelay: 0,
+			dynamicDomRendering,
+			hideOnClickOutside: true,
+			innerRef,
+			maxHeight,
+			maxWidth,
 			onClose: localOnClose,
-			sentiment,
-			title,
-			children: content
-		}),
-		visible: localVisible,
-		children
+			placement,
+			portalTarget: smartPortalTarget,
+			ref,
+			role: "dialog",
+			style,
+			tabIndex: -1,
+			text: /* @__PURE__ */ jsx(ContentWrapper, {
+				onClose: localOnClose,
+				sentiment,
+				title,
+				children: content
+			}),
+			visible: localVisible,
+			children
+		});
 	});
 });
 
 //#endregion
-export { Popover };
+init_Popover();
+export { Popover, init_Popover };

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

@@ -1,36 +1,38 @@
-export declare const popover: import("@vanilla-extract/recipes").RuntimeFn<{
-    sentiment: {
-        neutral: {
-            backgroundColor: `var(--${string})`;
-            selectors: {
-                '&::after': {
-                    borderColor: `var(--${string}) transparent transparent transparent`;
+export declare const popoverStyle: {
+    popover: import("@vanilla-extract/recipes").RuntimeFn<{
+        sentiment: {
+            neutral: {
+                backgroundColor: `var(--${string})`;
+                selectors: {
+                    '&::after': {
+                        borderColor: `var(--${string}) transparent transparent transparent`;
+                    };
                 };
             };
-        };
-        primary: {
-            backgroundColor: `var(--${string})`;
-            selectors: {
-                '&::after': {
-                    borderColor: `var(--${string}) transparent transparent transparent`;
+            primary: {
+                backgroundColor: `var(--${string})`;
+                selectors: {
+                    '&::after': {
+                        borderColor: `var(--${string}) transparent transparent transparent`;
+                    };
                 };
             };
         };
-    };
-    size: {
-        large: {
-            maxWidth: string;
-            width: string;
-        };
-        medium: {
-            maxWidth: string;
-            width: string;
-        };
-        small: {
-            maxWidth: string;
-            width: string;
+        size: {
+            large: {
+                maxWidth: string;
+                width: string;
+            };
+            medium: {
+                maxWidth: string;
+                width: string;
+            };
+            small: {
+                maxWidth: string;
+                width: string;
+            };
         };
-    };
-}>;
-export declare const stackPopover: string;
+    }>;
+    stack: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAgDA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAqB,CAAA"}

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

@@ -1,24 +1,32 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Popover/styles.css.ts
-var popover = createRuntimeFn({
-	defaultClassName: "uv_1awdzfa0",
-	variantClassNames: {
-		sentiment: {
-			neutral: "uv_1awdzfa1",
-			primary: "uv_1awdzfa2"
-		},
-		size: {
-			large: "uv_1awdzfa3",
-			medium: "uv_1awdzfa4",
-			small: "uv_1awdzfa5"
-		}
-	},
-	defaultVariants: {},
-	compoundVariants: []
+var popoverStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	popoverStyle = {
+		popover: createRuntimeFn({
+			defaultClassName: "uv_1awdzfa0",
+			variantClassNames: {
+				sentiment: {
+					neutral: "uv_1awdzfa1",
+					primary: "uv_1awdzfa2"
+				},
+				size: {
+					large: "uv_1awdzfa3",
+					medium: "uv_1awdzfa4",
+					small: "uv_1awdzfa5"
+				}
+			},
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		stack: "uv_1awdzfa6"
+	};
 });
-var stackPopover = "uv_1awdzfa6";
 
 //#endregion
-export { popover, stackPopover };
+init_styles_css();
+export { init_styles_css, popoverStyle };

package/dist/components/Popover/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Popover/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };