@ultraviolet/ui 3.21.0 → 3.21.2

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();

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

@@ -4,149 +4,151 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Tag/styles.css.ts
 var tagStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	tagStyle = {
-		container: createRuntimeFn({
-			defaultClassName: "uv_d6zknp5",
-			variantClassNames: {
-				copiable: { true: "uv_d6zknp6" },
-				disabled: { true: "uv_d6zknp7" },
-				closable: { true: "uv_d6zknp8" },
-				sentiment: {
-					danger: "uv_d6zknp9",
-					info: "uv_d6zknpa",
-					neutral: "uv_d6zknpb",
-					primary: "uv_d6zknpc",
-					secondary: "uv_d6zknpd",
-					success: "uv_d6zknpe",
-					warning: "uv_d6zknpf"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		tagStyle = {
+			container: createRuntimeFn({
+				defaultClassName: "uv_d6zknp5",
+				variantClassNames: {
+					copiable: { true: "uv_d6zknp6" },
+					disabled: { true: "uv_d6zknp7" },
+					closable: { true: "uv_d6zknp8" },
+					sentiment: {
+						danger: "uv_d6zknp9",
+						info: "uv_d6zknpa",
+						neutral: "uv_d6zknpb",
+						primary: "uv_d6zknpc",
+						secondary: "uv_d6zknpd",
+						success: "uv_d6zknpe",
+						warning: "uv_d6zknpf"
+					},
+					isButton: {
+						true: "uv_d6zknpg",
+						false: "uv_d6zknph"
+					}
 				},
-				isButton: {
-					true: "uv_d6zknpg",
-					false: "uv_d6zknph"
-				}
-			},
-			defaultVariants: {
-				copiable: false,
-				disabled: false,
-				sentiment: "neutral",
-				isButton: false,
-				closable: false
-			},
-			compoundVariants: [
-				[{
-					copiable: true,
-					sentiment: "danger",
-					disabled: false
-				}, "uv_d6zknpi"],
-				[{
-					copiable: true,
-					sentiment: "info",
-					disabled: false
-				}, "uv_d6zknpj"],
-				[{
-					copiable: true,
-					sentiment: "neutral",
-					disabled: false
-				}, "uv_d6zknpk"],
-				[{
-					copiable: true,
-					sentiment: "primary",
-					disabled: false
-				}, "uv_d6zknpl"],
-				[{
-					copiable: true,
-					sentiment: "secondary",
-					disabled: false
-				}, "uv_d6zknpm"],
-				[{
-					copiable: true,
-					sentiment: "success",
-					disabled: false
-				}, "uv_d6zknpn"],
-				[{
-					copiable: true,
-					sentiment: "warning",
-					disabled: false
-				}, "uv_d6zknpo"],
-				[{
-					disabled: true,
-					sentiment: "danger"
-				}, "uv_d6zknpp"],
-				[{
-					disabled: true,
-					sentiment: "info"
-				}, "uv_d6zknpq"],
-				[{
-					disabled: true,
-					sentiment: "neutral"
-				}, "uv_d6zknpr"],
-				[{
-					disabled: true,
-					sentiment: "primary"
-				}, "uv_d6zknps"],
-				[{
-					disabled: true,
-					sentiment: "secondary"
-				}, "uv_d6zknpt"],
-				[{
-					disabled: true,
-					sentiment: "success"
-				}, "uv_d6zknpu"],
-				[{
-					disabled: true,
-					sentiment: "warning"
-				}, "uv_d6zknpv"],
-				[{
-					isButton: true,
-					sentiment: "danger",
-					disabled: false
-				}, "uv_d6zknpw"],
-				[{
-					isButton: true,
-					sentiment: "info",
-					disabled: false
-				}, "uv_d6zknpx"],
-				[{
-					isButton: true,
+				defaultVariants: {
+					copiable: false,
+					disabled: false,
 					sentiment: "neutral",
-					disabled: false
-				}, "uv_d6zknpy"],
-				[{
-					isButton: true,
-					sentiment: "primary",
-					disabled: false
-				}, "uv_d6zknpz"],
-				[{
-					isButton: true,
-					sentiment: "secondary",
-					disabled: false
-				}, "uv_d6zknp10"],
-				[{
-					isButton: true,
-					sentiment: "success",
-					disabled: false
-				}, "uv_d6zknp11"],
-				[{
-					isButton: true,
-					sentiment: "warning",
-					disabled: false
-				}, "uv_d6zknp12"]
-			]
-		}),
-		text: "uv_d6zknp13",
-		separator: "uv_d6zknp2",
-		wrapper: {
-			copiable: "uv_d6zknp0",
-			notCopiable: "uv_d6zknp1"
-		},
-		content: {
-			copiable: "uv_d6zknp3",
-			notCopiable: "uv_d6zknp4"
-		}
-	};
-});
+					isButton: false,
+					closable: false
+				},
+				compoundVariants: [
+					[{
+						copiable: true,
+						sentiment: "danger",
+						disabled: false
+					}, "uv_d6zknpi"],
+					[{
+						copiable: true,
+						sentiment: "info",
+						disabled: false
+					}, "uv_d6zknpj"],
+					[{
+						copiable: true,
+						sentiment: "neutral",
+						disabled: false
+					}, "uv_d6zknpk"],
+					[{
+						copiable: true,
+						sentiment: "primary",
+						disabled: false
+					}, "uv_d6zknpl"],
+					[{
+						copiable: true,
+						sentiment: "secondary",
+						disabled: false
+					}, "uv_d6zknpm"],
+					[{
+						copiable: true,
+						sentiment: "success",
+						disabled: false
+					}, "uv_d6zknpn"],
+					[{
+						copiable: true,
+						sentiment: "warning",
+						disabled: false
+					}, "uv_d6zknpo"],
+					[{
+						disabled: true,
+						sentiment: "danger"
+					}, "uv_d6zknpp"],
+					[{
+						disabled: true,
+						sentiment: "info"
+					}, "uv_d6zknpq"],
+					[{
+						disabled: true,
+						sentiment: "neutral"
+					}, "uv_d6zknpr"],
+					[{
+						disabled: true,
+						sentiment: "primary"
+					}, "uv_d6zknps"],
+					[{
+						disabled: true,
+						sentiment: "secondary"
+					}, "uv_d6zknpt"],
+					[{
+						disabled: true,
+						sentiment: "success"
+					}, "uv_d6zknpu"],
+					[{
+						disabled: true,
+						sentiment: "warning"
+					}, "uv_d6zknpv"],
+					[{
+						isButton: true,
+						sentiment: "danger",
+						disabled: false
+					}, "uv_d6zknpw"],
+					[{
+						isButton: true,
+						sentiment: "info",
+						disabled: false
+					}, "uv_d6zknpx"],
+					[{
+						isButton: true,
+						sentiment: "neutral",
+						disabled: false
+					}, "uv_d6zknpy"],
+					[{
+						isButton: true,
+						sentiment: "primary",
+						disabled: false
+					}, "uv_d6zknpz"],
+					[{
+						isButton: true,
+						sentiment: "secondary",
+						disabled: false
+					}, "uv_d6zknp10"],
+					[{
+						isButton: true,
+						sentiment: "success",
+						disabled: false
+					}, "uv_d6zknp11"],
+					[{
+						isButton: true,
+						sentiment: "warning",
+						disabled: false
+					}, "uv_d6zknp12"]
+				]
+			}),
+			text: "uv_d6zknp13",
+			separator: "uv_d6zknp2",
+			wrapper: {
+				copiable: "uv_d6zknp0",
+				notCopiable: "uv_d6zknp1"
+			},
+			content: {
+				copiable: "uv_d6zknp3",
+				notCopiable: "uv_d6zknp4"
+			}
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Tag/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();