@ultraviolet/ui 3.11.1 → 3.12.0

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/FileInput/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/GlobalAlert/GlobalAlertLink.js

@@ -1,29 +1,34 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Link } from "../Link/index.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Link, init_Link } from "../Link/index.js";
 import { useTheme } from "@ultraviolet/themes";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/GlobalAlert/GlobalAlertLink.tsx
-const GlobalAlertLink = ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine = false, "data-testid": dataTestId, style }) => {
-	const { theme } = useTheme();
-	return /* @__PURE__ */ jsx(Link, {
-		"aria-label": ariaLabel,
-		className,
-		"data-testid": dataTestId,
-		download,
-		href,
-		onClick,
-		oneLine,
-		prominence: theme === "light" ? "strong" : "stronger",
-		rel,
-		size: "small",
-		style,
-		target,
-		variant: "inline",
-		children
-	});
-};
+var GlobalAlertLink;
+var init_GlobalAlertLink = __esmMin(() => {
+	init_Link();
+	GlobalAlertLink = ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine = false, "data-testid": dataTestId, style }) => {
+		const { theme } = useTheme();
+		return /* @__PURE__ */ jsx(Link, {
+			"aria-label": ariaLabel,
+			className,
+			"data-testid": dataTestId,
+			download,
+			href,
+			onClick,
+			oneLine,
+			prominence: theme === "light" ? "strong" : "stronger",
+			rel,
+			size: "small",
+			style,
+			target,
+			variant: "inline",
+			children
+		});
+	};
+});
 
 //#endregion
-export { GlobalAlertLink };
+init_GlobalAlertLink();
+export { GlobalAlertLink, init_GlobalAlertLink };

package/dist/components/GlobalAlert/index.js

@@ -1,62 +1,67 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Button } from "../Button/index.js";
-import { GlobalAlertLink } from "./GlobalAlertLink.js";
-import { closeButton, container } from "./styles.css.js";
+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 { GlobalAlertLink, init_GlobalAlertLink } from "./GlobalAlertLink.js";
+import { globalAlertStyle, init_styles_css } from "./styles.css.js";
 import { useReducer } 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/GlobalAlert/index.tsx
-/**
-* GlobalAlert is a component that is used to display a global alert message.
-* It has its own internal state and can be closed by clicking on the close button.
-*/
-const GlobalAlert = ({ children, variant = "info", onClose, closable = true, buttonText, onClickButton, className, "data-testid": dataTestId, style }) => {
-	const [opened, toggleOpened] = useReducer((value) => !value, true);
-	if (!opened) return null;
-	return /* @__PURE__ */ jsxs(Stack, {
-		alignItems: "center",
-		className: cn(className, container[variant]),
-		"data-testid": dataTestId,
-		"data-variant": variant,
-		direction: "row",
-		justifyContent: "center",
-		style,
-		children: [/* @__PURE__ */ jsxs(Stack, {
+var GlobalAlert;
+var init_GlobalAlert = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_Text();
+	init_GlobalAlertLink();
+	init_styles_css();
+	GlobalAlert = ({ children, variant = "info", onClose, closable = true, buttonText, onClickButton, className, "data-testid": dataTestId, style }) => {
+		const [opened, toggleOpened] = useReducer((value) => !value, true);
+		if (!opened) return null;
+		return /* @__PURE__ */ jsxs(Stack, {
 			alignItems: "center",
+			className: cn(className, globalAlertStyle.container[variant]),
+			"data-testid": dataTestId,
+			"data-variant": variant,
 			direction: "row",
-			gap: 2,
 			justifyContent: "center",
-			children: [/* @__PURE__ */ jsx(Text, {
-				as: "p",
-				sentiment: "white",
-				variant: "bodySmall",
-				children
-			}), onClickButton && buttonText ? /* @__PURE__ */ jsx(Button, {
-				onClick: onClickButton,
-				sentiment: "white",
-				size: "small",
+			style,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				gap: 2,
+				justifyContent: "center",
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "p",
+					sentiment: "white",
+					variant: "bodySmall",
+					children
+				}), onClickButton && buttonText ? /* @__PURE__ */ jsx(Button, {
+					onClick: onClickButton,
+					sentiment: "white",
+					size: "small",
+					variant: "filled",
+					children: buttonText
+				}) : null]
+			}), closable ? /* @__PURE__ */ jsx(Button, {
+				className: globalAlertStyle.closeButton,
+				onClick: () => {
+					toggleOpened();
+					onClose === null || onClose === void 0 || onClose();
+				},
+				sentiment: "primary",
+				size: "xsmall",
 				variant: "filled",
-				children: buttonText
+				children: /* @__PURE__ */ jsx(CloseIcon, {})
 			}) : null]
-		}), closable ? /* @__PURE__ */ jsx(Button, {
-			className: closeButton,
-			onClick: () => {
-				toggleOpened();
-				onClose === null || onClose === void 0 || onClose();
-			},
-			sentiment: "primary",
-			size: "xsmall",
-			variant: "filled",
-			children: /* @__PURE__ */ jsx(CloseIcon, {})
-		}) : null]
-	});
-};
-GlobalAlert.Link = GlobalAlertLink;
+		});
+	};
+	GlobalAlert.Link = GlobalAlertLink;
+});
 
 //#endregion
-export { GlobalAlert };
+init_GlobalAlert();
+export { GlobalAlert, init_GlobalAlert };

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

@@ -1,3 +1,5 @@
-export declare const closeButton: string;
-export declare const container: Record<"danger" | "info" | "promotional", string>;
+export declare const globalAlertStyle: {
+    closeButton: string;
+    container: Record<"danger" | "info" | "promotional", string>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalAlert/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,QAUtB,CAAA;AAQF,eAAO,MAAM,SAAS,mDAapB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalAlert/styles.css.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA"}

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

@@ -1,12 +1,20 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/GlobalAlert/styles.css.ts
-var closeButton = "uv_1dgk2tq0";
-var container = {
-	danger: "uv_1dgk2tq2 uv_1dgk2tq1",
-	info: "uv_1dgk2tq3 uv_1dgk2tq1",
-	promotional: "uv_1dgk2tq4 uv_1dgk2tq1"
-};
+var globalAlertStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	globalAlertStyle = {
+		closeButton: "uv_1dgk2tq0",
+		container: {
+			danger: "uv_1dgk2tq2 uv_1dgk2tq1",
+			info: "uv_1dgk2tq3 uv_1dgk2tq1",
+			promotional: "uv_1dgk2tq4 uv_1dgk2tq1"
+		}
+	};
+});
 
 //#endregion
-export { closeButton, container };
+init_styles_css();
+export { globalAlertStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/GlobalAlert/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/InfiniteScroll/index.js

@@ -1,78 +1,79 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { Loader } from "../Loader/index.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { Loader, init_Loader } from "../Loader/index.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/InfiniteScroll/index.tsx
-const HEIGHT_THRESHOLD = 100;
-/**
-* InfiniteScroll is a component that allows you to create a scrollable area with hidden pagination.
-* You can add it at the end of a list of items and it will call the `onLoadMore` function when the user scrolls to the bottom of the list.
-* The component will take the first parent that has as the scroll to listen on it. In some rare cases, if you need to change the scroll listener, you can use the `scrollParentRef` prop.
-*/
-const InfiniteScroll = ({ className, "data-testid": dataTestId, onLoadMore, scrollParentRef, height = "2.5rem", loader, id, as: Component = "div", hasMore = true, heightThreshold = HEIGHT_THRESHOLD, style }) => {
-	const [isLoading, setIsLoading] = useState(false);
-	const containerRef = useRef(null);
-	const debounce = useCallback((func, delay) => {
-		let timeoutId;
-		return () => {
-			if (timeoutId) clearTimeout(timeoutId);
-			timeoutId = setTimeout(() => {
-				func();
-			}, delay);
-		};
-	}, []);
-	const handleScroll = useCallback((scrollableContainer) => {
-		if (!containerRef.current) return;
-		if (!onLoadMore) return;
-		const { scrollTop, scrollHeight, clientHeight } = scrollableContainer;
-		if (scrollTop + clientHeight >= scrollHeight - heightThreshold) {
-			setIsLoading(true);
-			const result = onLoadMore();
-			if (result instanceof Promise) result.then(() => {
-				setIsLoading(false);
-			}).catch((error) => {
-				setIsLoading(false);
-				throw error;
-			});
-		}
-	}, [onLoadMore, heightThreshold]);
-	useEffect(() => {
-		var _scrollParentRef$curr;
-		var _containerRef$current;
-		if (!hasMore) return;
-		let scrollableContainer = (_scrollParentRef$curr = scrollParentRef === null || scrollParentRef === void 0 ? void 0 : scrollParentRef.current) !== null && _scrollParentRef$curr !== void 0 ? _scrollParentRef$curr : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
-		while (scrollableContainer && scrollableContainer !== document.body) {
-			const { overflowY } = window.getComputedStyle(scrollableContainer);
-			if (overflowY === "auto" || overflowY === "scroll") break;
-			scrollableContainer = scrollableContainer.parentElement;
-		}
-		if (!scrollableContainer) return;
-		const debouncedHandleScroll = debounce(() => handleScroll(scrollableContainer), 100);
-		scrollableContainer.addEventListener("scroll", debouncedHandleScroll);
-		return () => {
-			scrollableContainer.removeEventListener("scroll", debouncedHandleScroll);
-		};
-	}, [
-		debounce,
-		handleScroll,
-		hasMore,
-		onLoadMore,
-		scrollParentRef
-	]);
-	const localLoader = useMemo(() => loader !== null && loader !== void 0 ? loader : /* @__PURE__ */ jsx(Loader, { active: true }), [loader]);
-	if (isLoading) return localLoader;
-	return /* @__PURE__ */ jsx(Component, {
-		className,
-		"data-testid": dataTestId,
-		id,
-		ref: containerRef,
-		role: "feed",
-		style: _objectSpread2({ height }, style)
-	});
-};
+var HEIGHT_THRESHOLD, InfiniteScroll;
+var init_InfiniteScroll = __esmMin(() => {
+	init_Loader();
+	init_objectSpread2();
+	HEIGHT_THRESHOLD = 100;
+	InfiniteScroll = ({ className, "data-testid": dataTestId, onLoadMore, scrollParentRef, height = "2.5rem", loader, id, as: Component = "div", hasMore = true, heightThreshold = HEIGHT_THRESHOLD, style }) => {
+		const [isLoading, setIsLoading] = useState(false);
+		const containerRef = useRef(null);
+		const debounce = useCallback((func, delay) => {
+			let timeoutId;
+			return () => {
+				if (timeoutId) clearTimeout(timeoutId);
+				timeoutId = setTimeout(() => {
+					func();
+				}, delay);
+			};
+		}, []);
+		const handleScroll = useCallback((scrollableContainer) => {
+			if (!containerRef.current) return;
+			if (!onLoadMore) return;
+			const { scrollTop, scrollHeight, clientHeight } = scrollableContainer;
+			if (scrollTop + clientHeight >= scrollHeight - heightThreshold) {
+				setIsLoading(true);
+				const result = onLoadMore();
+				if (result instanceof Promise) result.then(() => {
+					setIsLoading(false);
+				}).catch((error) => {
+					setIsLoading(false);
+					throw error;
+				});
+			}
+		}, [onLoadMore, heightThreshold]);
+		useEffect(() => {
+			var _scrollParentRef$curr;
+			var _containerRef$current;
+			if (!hasMore) return;
+			let scrollableContainer = (_scrollParentRef$curr = scrollParentRef === null || scrollParentRef === void 0 ? void 0 : scrollParentRef.current) !== null && _scrollParentRef$curr !== void 0 ? _scrollParentRef$curr : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
+			while (scrollableContainer && scrollableContainer !== document.body) {
+				const { overflowY } = window.getComputedStyle(scrollableContainer);
+				if (overflowY === "auto" || overflowY === "scroll") break;
+				scrollableContainer = scrollableContainer.parentElement;
+			}
+			if (!scrollableContainer) return;
+			const debouncedHandleScroll = debounce(() => handleScroll(scrollableContainer), 100);
+			scrollableContainer.addEventListener("scroll", debouncedHandleScroll);
+			return () => {
+				scrollableContainer.removeEventListener("scroll", debouncedHandleScroll);
+			};
+		}, [
+			debounce,
+			handleScroll,
+			hasMore,
+			onLoadMore,
+			scrollParentRef
+		]);
+		const localLoader = useMemo(() => loader !== null && loader !== void 0 ? loader : /* @__PURE__ */ jsx(Loader, { active: true }), [loader]);
+		if (isLoading) return localLoader;
+		return /* @__PURE__ */ jsx(Component, {
+			className,
+			"data-testid": dataTestId,
+			id,
+			ref: containerRef,
+			role: "feed",
+			style: _objectSpread2({ height }, style)
+		});
+	};
+});
 
 //#endregion
-export { InfiniteScroll };
+init_InfiniteScroll();
+export { InfiniteScroll, init_InfiniteScroll };

package/dist/components/Key/constants.js

@@ -1,12 +1,18 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/Key/constants.ts
-const KEYS_MATCH = {
-	backspace: "⌫",
-	command: "⌘",
-	control: "⌃",
-	enter: "↵",
-	option: "⌥",
-	shift: "⇧"
-};
+var KEYS_MATCH;
+var init_constants = __esmMin(() => {
+	KEYS_MATCH = {
+		backspace: "⌫",
+		command: "⌘",
+		control: "⌃",
+		enter: "↵",
+		option: "⌥",
+		shift: "⇧"
+	};
+});
 
 //#endregion
-export { KEYS_MATCH };
+init_constants();
+export { KEYS_MATCH, init_constants };

package/dist/components/Key/index.js

@@ -1,47 +1,51 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Text } from "../Text/index.js";
-import { KEYS_MATCH } from "./constants.js";
-import { key } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { KEYS_MATCH, init_constants } from "./constants.js";
+import { init_styles_css, keyStyle } from "./styles.css.js";
 import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Key/index.tsx
-/**
-* Key is a visual component used to display keyboard shortcuts.
-*/
-const Key = ({ children, prominence = "default", disabled, size = "medium", sentiment = "neutral", id, className, "data-testid": dataTestId, style }) => {
-	const specialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
-	const textProminence = useMemo(() => {
-		if (prominence === "default") return "default";
-		if (sentiment === "primary") return "strong";
-		return "stronger";
-	}, [sentiment, prominence]);
-	return /* @__PURE__ */ jsx("kbd", {
-		className: cn(className, key({
-			disabled,
-			prominence,
-			sentiment,
-			size
-		})),
-		"data-disabled": disabled,
-		"data-prominence": prominence,
-		"data-sentiment": sentiment,
-		"data-size": size,
-		"data-testid": dataTestId,
-		id,
-		style,
-		children: /* @__PURE__ */ jsx(Text, {
-			as: "span",
-			disabled,
-			prominence: textProminence,
-			sentiment,
-			variant: size === "medium" ? "caption" : "captionSmall",
-			children: specialKey ? KEYS_MATCH[specialKey] : children
-		})
-	});
-};
+var Key;
+var init_Key = __esmMin(() => {
+	init_Text();
+	init_constants();
+	init_styles_css();
+	Key = ({ children, prominence = "default", disabled, size = "medium", sentiment = "neutral", id, className, "data-testid": dataTestId, style }) => {
+		const specialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
+		const textProminence = useMemo(() => {
+			if (prominence === "default") return "default";
+			if (sentiment === "primary") return "strong";
+			return "stronger";
+		}, [sentiment, prominence]);
+		return /* @__PURE__ */ jsx("kbd", {
+			className: cn(className, keyStyle.key({
+				disabled,
+				prominence,
+				sentiment,
+				size
+			})),
+			"data-disabled": disabled,
+			"data-prominence": prominence,
+			"data-sentiment": sentiment,
+			"data-size": size,
+			"data-testid": dataTestId,
+			id,
+			style,
+			children: /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				disabled,
+				prominence: textProminence,
+				sentiment,
+				variant: size === "medium" ? "caption" : "captionSmall",
+				children: specialKey ? KEYS_MATCH[specialKey] : children
+			})
+		});
+	};
+});
 
 //#endregion
-export { Key };
+init_Key();
+export { Key, init_Key };

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

@@ -1,30 +1,32 @@
-export declare const key: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        true: {};
-    };
-    prominence: {
-        default: {};
-        strong: {};
-    };
-    sentiment: {
-        neutral: {
-            background: `var(--${string})`;
-            borderColor: `var(--${string})`;
+export declare const keyStyle: {
+    key: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {};
         };
-        primary: {
-            backgroundColor: `var(--${string})`;
-            borderColor: `var(--${string})`;
+        prominence: {
+            default: {};
+            strong: {};
         };
-    };
-    size: {
-        medium: {
-            height: `var(--${string})`;
-            minWidth: `var(--${string})`;
+        sentiment: {
+            neutral: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+            };
+            primary: {
+                backgroundColor: `var(--${string})`;
+                borderColor: `var(--${string})`;
+            };
         };
-        small: {
-            height: `var(--${string})`;
-            minWidth: `var(--${string})`;
+        size: {
+            medium: {
+                height: `var(--${string})`;
+                minWidth: `var(--${string})`;
+            };
+            small: {
+                height: `var(--${string})`;
+                minWidth: `var(--${string})`;
+            };
         };
-    };
-}>;
+    }>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Key/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0Fd,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Key/styles.css.ts"],"names":[],"mappings":"AA+FA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAU,CAAA"}