@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/Tabs/TabMenu.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
 import { Menu, init_Menu } from "../Menu/index.js";
 import { init_styles_css, tabsStyle } from "./styles.css.js";
 import { forwardRef } from "react";
@@ -11,44 +11,46 @@ import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 
 //#region src/components/Tabs/TabMenu.tsx
 var _excluded, TabMenu;
-var init_TabMenu = __esmMin(() => {
-	init_Menu();
-	init_styles_css();
-	init_objectWithoutProperties();
-	init_objectSpread2();
-	_excluded = [
-		"children",
-		"disclosure",
-		"visible",
-		"id",
-		"disabled",
-		"className",
-		"aria-selected"
-	];
-	TabMenu = forwardRef((_ref, ref) => {
-		let { children, disclosure, visible, id, disabled, className, "aria-selected": ariaSelected } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-		return /* @__PURE__ */ jsx("div", {
-			className: tabsStyle.menuWrapper,
-			children: /* @__PURE__ */ jsx(Menu, {
-				disclosure: /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({
-					"aria-disabled": disabled !== null && disabled !== void 0 ? disabled : "false",
-					"aria-haspopup": "menu",
-					"aria-selected": ariaSelected,
-					className: cn(className, tabsStyle.button),
-					disabled,
-					role: "tab",
-					type: "button"
-				}, props), {}, { children: [disclosure, /* @__PURE__ */ jsx(ArrowDownIcon, { className: tabsStyle.arrowIcon })] })),
-				id,
-				placement: "bottom",
-				portalTarget: document.body,
-				ref,
-				visible,
-				children
-			})
+function init_TabMenu() {
+	return (init_TabMenu = __esmMin(() => {
+		init_Menu();
+		init_styles_css();
+		init_objectWithoutProperties();
+		init_objectSpread2();
+		_excluded = [
+			"children",
+			"disclosure",
+			"visible",
+			"id",
+			"disabled",
+			"className",
+			"aria-selected"
+		];
+		TabMenu = forwardRef((_ref, ref) => {
+			let { children, disclosure, visible, id, disabled, className, "aria-selected": ariaSelected } = _ref, props = _objectWithoutProperties(_ref, _excluded);
+			return /* @__PURE__ */ jsx("div", {
+				className: tabsStyle.menuWrapper,
+				children: /* @__PURE__ */ jsx(Menu, {
+					disclosure: /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({
+						"aria-disabled": disabled !== null && disabled !== void 0 ? disabled : "false",
+						"aria-haspopup": "menu",
+						"aria-selected": ariaSelected,
+						className: cn(className, tabsStyle.button),
+						disabled,
+						role: "tab",
+						type: "button"
+					}, props), {}, { children: [disclosure, /* @__PURE__ */ jsx(ArrowDownIcon, { className: tabsStyle.arrowIcon })] })),
+					id,
+					placement: "bottom",
+					portalTarget: document.body,
+					ref,
+					visible,
+					children
+				})
+			});
 		});
-	});
-});
+	}))();
+}
 
 //#endregion
 init_TabMenu();

package/dist/components/Tabs/TabMenuItem.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
 import { Menu, init_Menu } from "../Menu/index.js";
 import { init_styles_css, tabsStyle } from "./styles.css.js";
 import { init_TabsContext, useTabsContext } from "./TabsContext.js";
@@ -10,31 +10,33 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Tabs/TabMenuItem.tsx
 var _excluded, TabMenuItem;
-var init_TabMenuItem = __esmMin(() => {
-	init_Menu();
-	init_TabsContext();
-	init_styles_css();
-	init_objectWithoutProperties();
-	init_objectSpread2();
-	_excluded = [
-		"value",
-		"children",
-		"onClick"
-	];
-	TabMenuItem = (_ref) => {
-		let { value, children, onClick } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-		const { selected, onChange } = useTabsContext();
-		const isSelected = useMemo(() => value !== void 0 && selected === value, [value, selected]);
-		return /* @__PURE__ */ jsx(Menu.Item, _objectSpread2(_objectSpread2({
-			"aria-selected": isSelected,
-			className: tabsStyle.textSelected[isSelected ? "selected" : "default"],
-			onClick: (event) => {
-				if (value !== void 0) onChange(value);
-				onClick === null || onClick === void 0 || onClick(event);
-			}
-		}, props), {}, { children }));
-	};
-});
+function init_TabMenuItem() {
+	return (init_TabMenuItem = __esmMin(() => {
+		init_Menu();
+		init_TabsContext();
+		init_styles_css();
+		init_objectWithoutProperties();
+		init_objectSpread2();
+		_excluded = [
+			"value",
+			"children",
+			"onClick"
+		];
+		TabMenuItem = (_ref) => {
+			let { value, children, onClick } = _ref, props = _objectWithoutProperties(_ref, _excluded);
+			const { selected, onChange } = useTabsContext();
+			const isSelected = useMemo(() => value !== void 0 && selected === value, [value, selected]);
+			return /* @__PURE__ */ jsx(Menu.Item, _objectSpread2(_objectSpread2({
+				"aria-selected": isSelected,
+				className: tabsStyle.textSelected[isSelected ? "selected" : "default"],
+				onClick: (event) => {
+					if (value !== void 0) onChange(value);
+					onClick === null || onClick === void 0 || onClick(event);
+				}
+			}, props), {}, { children }));
+		};
+	}))();
+}
 
 //#endregion
 init_TabMenuItem();

package/dist/components/Tabs/TabsContext.js

@@ -3,10 +3,12 @@ import { createContext, useContext } from "react";
 
 //#region src/components/Tabs/TabsContext.ts
 var TabsContext, useTabsContext;
-var init_TabsContext = __esmMin(() => {
-	TabsContext = createContext({});
-	useTabsContext = () => useContext(TabsContext);
-});
+function init_TabsContext() {
+	return (init_TabsContext = __esmMin(() => {
+		TabsContext = createContext({});
+		useTabsContext = () => useContext(TabsContext);
+	}))();
+}
 
 //#endregion
 init_TabsContext();

package/dist/components/Tabs/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
 import { init_styles_css, tabsStyle } from "./styles.css.js";
 import { TabsContext, init_TabsContext } from "./TabsContext.js";
 import { Tab, init_Tab } from "./Tab.js";
@@ -13,80 +13,82 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Tabs/index.tsx
 var _excluded, SHADOW_THRESHOLD, Tabs;
-var init_Tabs = __esmMin(() => {
-	init_Tab();
-	init_TabMenu();
-	init_TabMenuItem();
-	init_TabsContext();
-	init_styles_css();
-	init_objectWithoutProperties();
-	init_objectSpread2();
-	_excluded = [
-		"children",
-		"onChange",
-		"moreDisclosure",
-		"selected",
-		"className",
-		"data-testid"
-	];
-	SHADOW_THRESHOLD = 10;
-	Tabs = (_ref) => {
-		let { children = null, onChange, moreDisclosure = "More", selected, className, "data-testid": dataTestId } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-		const tabsRef = useRef({});
-		const moreStaticRef = useRef(null);
-		const [displayMore, setDisplayMore] = useState(false);
-		const value = useMemo(() => ({
-			onChange,
-			selected
-		}), [selected, onChange]);
-		useEffect(() => {
-			setDisplayMore(tabsRef.current.scrollWidth > tabsRef.current.clientWidth);
-		}, [children]);
-		useEffect(() => {
-			const tab = tabsRef.current.querySelector(`[role='tab'][aria-selected='true']`);
-			if (tabsRef.current.scrollTo && tab) tabsRef.current.scrollTo({
-				behavior: "smooth",
-				left: tab.offsetLeft
+function init_Tabs() {
+	return (init_Tabs = __esmMin(() => {
+		init_Tab();
+		init_TabMenu();
+		init_TabMenuItem();
+		init_TabsContext();
+		init_styles_css();
+		init_objectWithoutProperties();
+		init_objectSpread2();
+		_excluded = [
+			"children",
+			"onChange",
+			"moreDisclosure",
+			"selected",
+			"className",
+			"data-testid"
+		];
+		SHADOW_THRESHOLD = 10;
+		Tabs = (_ref) => {
+			let { children = null, onChange, moreDisclosure = "More", selected, className, "data-testid": dataTestId } = _ref, props = _objectWithoutProperties(_ref, _excluded);
+			const tabsRef = useRef({});
+			const moreStaticRef = useRef(null);
+			const [displayMore, setDisplayMore] = useState(false);
+			const value = useMemo(() => ({
+				onChange,
+				selected
+			}), [selected, onChange]);
+			useEffect(() => {
+				setDisplayMore(tabsRef.current.scrollWidth > tabsRef.current.clientWidth);
+			}, [children]);
+			useEffect(() => {
+				const tab = tabsRef.current.querySelector(`[role='tab'][aria-selected='true']`);
+				if (tabsRef.current.scrollTo && tab) tabsRef.current.scrollTo({
+					behavior: "smooth",
+					left: tab.offsetLeft
+				});
+			}, [selected]);
+			useEffect(() => {
+				const element = tabsRef.current;
+				const moreElement = moreStaticRef.current;
+				const handler = () => {
+					if (moreElement === null || moreElement === void 0 ? void 0 : moreElement.style) moreElement.style.boxShadow = element.scrollLeft + SHADOW_THRESHOLD > element.scrollWidth - element.clientWidth ? "none" : "";
+				};
+				if (displayMore) element.addEventListener("scroll", handler);
+				return () => {
+					if (displayMore) element.removeEventListener("scroll", handler);
+				};
+			}, [displayMore]);
+			const menuItemChildren = Children.map(children, (child) => {
+				if (isValidElement(child)) return cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), {}, { subtitle: null }));
+				return null;
 			});
-		}, [selected]);
-		useEffect(() => {
-			const element = tabsRef.current;
-			const moreElement = moreStaticRef.current;
-			const handler = () => {
-				if (moreElement === null || moreElement === void 0 ? void 0 : moreElement.style) moreElement.style.boxShadow = element.scrollLeft + SHADOW_THRESHOLD > element.scrollWidth - element.clientWidth ? "none" : "";
-			};
-			if (displayMore) element.addEventListener("scroll", handler);
-			return () => {
-				if (displayMore) element.removeEventListener("scroll", handler);
-			};
-		}, [displayMore]);
-		const menuItemChildren = Children.map(children, (child) => {
-			if (isValidElement(child)) return cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), {}, { subtitle: null }));
-			return null;
-		});
-		return /* @__PURE__ */ jsx(TabsContext.Provider, {
-			value,
-			children: /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({
-				className: cn(className, tabsStyle.container),
-				"data-testid": dataTestId,
-				ref: tabsRef,
-				role: "tablist"
-			}, props), {}, { children: [children, displayMore ? /* @__PURE__ */ jsx(TabMenu, {
-				className: tabsStyle.menu,
-				disclosure: moreDisclosure,
-				ref: moreStaticRef,
-				children: /* @__PURE__ */ jsx("div", {
-					className: tabsStyle.menuContainer,
-					children: menuItemChildren
-				})
-			}) : null] }))
-		});
-	};
-	Tabs.displayName = "Tabs";
-	Tabs.Tab = Tab;
-	Tabs.Menu = TabMenu;
-	Tabs.MenuItem = TabMenuItem;
-});
+			return /* @__PURE__ */ jsx(TabsContext.Provider, {
+				value,
+				children: /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({
+					className: cn(className, tabsStyle.container),
+					"data-testid": dataTestId,
+					ref: tabsRef,
+					role: "tablist"
+				}, props), {}, { children: [children, displayMore ? /* @__PURE__ */ jsx(TabMenu, {
+					className: tabsStyle.menu,
+					disclosure: moreDisclosure,
+					ref: moreStaticRef,
+					children: /* @__PURE__ */ jsx("div", {
+						className: tabsStyle.menuContainer,
+						children: menuItemChildren
+					})
+				}) : null] }))
+			});
+		};
+		Tabs.displayName = "Tabs";
+		Tabs.Tab = Tab;
+		Tabs.Menu = TabMenu;
+		Tabs.MenuItem = TabMenuItem;
+	}))();
+}
 
 //#endregion
 init_Tabs();

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

@@ -3,23 +3,25 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Tabs/styles.css.ts
 var tabsStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	tabsStyle = {
-		menuContainer: "uv_1xz9hlg0",
-		menu: "uv_1xz9hlg1",
-		container: "uv_1xz9hlg2",
-		badgeContainer: "uv_1xz9hlg3",
-		button: "uv_1xz9hlg4",
-		badge: "uv_1xz9hlg5",
-		textSelected: {
-			"default": "uv_1xz9hlg6",
-			selected: "uv_1xz9hlg7"
-		},
-		arrowIcon: "uv_1xz9hlg8",
-		menuWrapper: "uv_1xz9hlg9"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		tabsStyle = {
+			menuContainer: "uv_1xz9hlg0",
+			menu: "uv_1xz9hlg1",
+			container: "uv_1xz9hlg2",
+			badgeContainer: "uv_1xz9hlg3",
+			button: "uv_1xz9hlg4",
+			badge: "uv_1xz9hlg5",
+			textSelected: {
+				"default": "uv_1xz9hlg6",
+				selected: "uv_1xz9hlg7"
+			},
+			arrowIcon: "uv_1xz9hlg8",
+			menuWrapper: "uv_1xz9hlg9"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Tabs/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/components/Tag/index.js

@@ -15,91 +15,95 @@ import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
 
 //#region src/components/Tag/index.tsx
 var COPY_DURATION, Tag;
-var init_Tag = __esmMin(() => {
-	init_Loader();
-	init_Separator();
-	init_Stack();
-	init_Text();
-	init_Tooltip();
-	init_styles_css();
-	COPY_DURATION = 2500;
-	Tag = ({ children, isLoading, onClose, copiable = false, copyButton, copyText = "Copy", copiedText = "Copied!", disabled, sentiment = "neutral", variant = "default", className, style, keyValue, "data-testid": dataTestId }) => {
-		const [isCopied, setCopied] = useClipboard(useMemo(() => {
-			if (typeof children === "string") return children;
-			if (Array.isArray(children)) return children.filter((child) => typeof child === "string").join("");
-			if (typeof children === "number") return children.toString();
-			if (keyValue) return `${keyValue.key}:${keyValue.value}`;
-			return "";
-		}, [children, keyValue]), { successDuration: COPY_DURATION });
-		const isCopiable = copiable && !disabled;
-		const TagInner = copiable ? "button" : "span";
-		return /* @__PURE__ */ jsx(Tooltip, {
-			text: isCopiable ? isCopied ? copiedText : copyText : null,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				direction: "row",
-				className: tagStyle.wrapper[copiable ? "copiable" : "notCopiable"],
-				width: "fit-content",
-				children: [/* @__PURE__ */ jsxs(TagInner, {
-					className: cn(className, tagStyle.content[copiable ? "copiable" : "notCopiable"], tagStyle.container({
+function init_Tag() {
+	return (init_Tag = __esmMin(() => {
+		init_Loader();
+		init_Separator();
+		init_Stack();
+		init_Text();
+		init_Tooltip();
+		init_styles_css();
+		COPY_DURATION = 2500;
+		Tag = ({ children, isLoading, onClose, copiable = false, copyButton, copyText = "Copy", copiedText = "Copied!", disabled, sentiment = "neutral", variant = "default", className, style, keyValue, "data-testid": dataTestId }) => {
+			const stringChildren = useMemo(() => {
+				if (typeof children === "string") return children;
+				if (Array.isArray(children)) return children.filter((child) => typeof child === "string").join("");
+				if (typeof children === "number") return children.toString();
+				if (keyValue) return `${keyValue.key}:${keyValue.value}`;
+				return "";
+			}, [children, keyValue]);
+			const [isCopied, setCopied] = useClipboard(stringChildren, { successDuration: COPY_DURATION });
+			const isCopiable = copiable && !disabled;
+			const TagInner = copiable ? "button" : "span";
+			return /* @__PURE__ */ jsx(Tooltip, {
+				text: isCopiable ? isCopied ? copiedText : copyText : null,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					className: tagStyle.wrapper[copiable ? "copiable" : "notCopiable"],
+					width: "fit-content",
+					maxWidth: "100%",
+					children: [/* @__PURE__ */ jsxs(TagInner, {
+						className: cn(className, tagStyle.content[copiable ? "copiable" : "notCopiable"], tagStyle.container({
+							disabled,
+							sentiment,
+							closable: !!onClose,
+							copiable: copiable && !disabled,
+							isButton: false
+						})),
+						"data-testid": dataTestId,
+						style,
+						onClick: () => {
+							if (isCopiable) setCopied().catch(() => null);
+						},
+						children: [
+							/* @__PURE__ */ jsx(Text, {
+								"aria-disabled": disabled,
+								as: "span",
+								className: tagStyle.text,
+								oneLine: true,
+								variant: variant === "code" ? "code" : "caption",
+								sentiment: disabled ? "neutral" : sentiment,
+								disabled,
+								children: keyValue ? /* @__PURE__ */ jsxs(Stack, {
+									direction: "row",
+									gap: 1,
+									children: [
+										keyValue.key,
+										/* @__PURE__ */ jsx(Separator, {
+											sentiment: disabled ? "neutral" : sentiment,
+											direction: "vertical",
+											thickness: 1,
+											className: tagStyle.separator
+										}),
+										keyValue.value
+									]
+								}) : children
+							}),
+							copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
+							isLoading ? /* @__PURE__ */ jsx(Loader, {
+								active: true,
+								size: "small"
+							}) : null
+						]
+					}), onClose ? /* @__PURE__ */ jsx("button", {
+						"aria-label": "Close tag",
+						"data-testid": "close-tag",
 						disabled,
-						sentiment,
-						closable: !!onClose,
-						copiable: copiable && !disabled,
-						isButton: false
-					})),
-					"data-testid": dataTestId,
-					style,
-					onClick: () => {
-						if (isCopiable) setCopied().catch(() => null);
-					},
-					children: [
-						/* @__PURE__ */ jsx(Text, {
-							"aria-disabled": disabled,
-							as: "span",
-							className: tagStyle.text,
-							oneLine: true,
-							variant: variant === "code" ? "code" : "caption",
-							sentiment: disabled ? "neutral" : sentiment,
+						onClick: onClose,
+						type: "button",
+						className: tagStyle.container({
 							disabled,
-							children: keyValue ? /* @__PURE__ */ jsxs(Stack, {
-								direction: "row",
-								gap: 1,
-								children: [
-									keyValue.key,
-									/* @__PURE__ */ jsx(Separator, {
-										sentiment: disabled ? "neutral" : sentiment,
-										direction: "vertical",
-										thickness: 1,
-										className: tagStyle.separator
-									}),
-									keyValue.value
-								]
-							}) : children
+							isButton: true,
+							sentiment
 						}),
-						copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
-						isLoading ? /* @__PURE__ */ jsx(Loader, {
-							active: true,
-							size: "small"
-						}) : null
-					]
-				}), onClose ? /* @__PURE__ */ jsx("button", {
-					"aria-label": "Close tag",
-					"data-testid": "close-tag",
-					disabled,
-					onClick: onClose,
-					type: "button",
-					className: tagStyle.container({
-						disabled,
-						isButton: true,
-						sentiment
-					}),
-					children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
-				}) : null]
-			})
-		});
-	};
-	Tag.displayName = "Tag";
-});
+						children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
+					}) : null]
+				})
+			});
+		};
+		Tag.displayName = "Tag";
+	}))();
+}
 
 //#endregion
 init_Tag();