@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/TagList/index.js

@@ -1,240 +1,178 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { useRef, useState, useMemo, useEffect } from "react";
-import { Popover } from "../Popover/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { Tag } from "../Tag/index.js";
+import { Popover } from "../Popover/index.js";
 import { TAGS_GAP } from "./constant.js";
-import { popoverTriggerWidthVar, tagContainer, ellipsisContainer, tagsWrapper, tagListContainer, ellipsisChild } from "./styles.css.js";
+import { ellipsisChild, ellipsisContainer, popoverTriggerWidthVar, tagContainer, tagListContainer, tagsWrapper } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TagList/index.tsx
 const DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
 const DEFAULT_TAGS = [];
 const getTagLabel = (tag) => typeof tag === "object" ? tag.label : tag;
-const TagList = ({
-  maxLength = 600,
-  tags = DEFAULT_TAGS,
-  threshold = 1,
-  multiline = false,
-  popoverTitle,
-  popoverPlacement,
-  popoverMaxHeight = DEFAULT_POPOVER_MAX_HEIGHT,
-  copiable,
-  copyText,
-  copiedText,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const containerRef = useRef(null);
-  const measureRef = useRef(null);
-  const popoverTriggerRef = useRef(null);
-  const [isReady, setIsReady] = useState(false);
-  const [isPopoverVisible, setIsPopoverVisible] = useState(false);
-  const [popoverTriggerWidth, setPopoverTriggerWidth] = useState(0);
-  const [visibleTags, setVisibleTags] = useState([]);
-  const [hiddenTags, setHiddenTags] = useState([]);
-  const memoizedResult = useMemo(() => {
-    let tmpThreshold2 = threshold;
-    while (tmpThreshold2 > 1 && tags.length > 0 && tags.slice(0, tmpThreshold2).reduce((acc, tag) => acc + getTagLabel(tag), "").length > maxLength) {
-      tmpThreshold2 -= 1;
-    }
-    const potentiallyVisibleTagsLength = Math.max(
-      1,
-      tags.length > tmpThreshold2 ? tmpThreshold2 : tags.length
-    );
-    const potentiallyVisibleTags2 = tags.slice(0, potentiallyVisibleTagsLength);
-    const surelyHiddenTags2 = tags.slice(potentiallyVisibleTagsLength);
-    return {
-      potentiallyVisibleTags: potentiallyVisibleTags2,
-      surelyHiddenTags: surelyHiddenTags2,
-      tmpThreshold: tmpThreshold2
-    };
-  }, [maxLength, tags, threshold]);
-  const { tmpThreshold, potentiallyVisibleTags, surelyHiddenTags } = memoizedResult;
-  useEffect(() => {
-    if (tags.length === 0 || !containerRef.current || !measureRef.current) {
-      return;
-    }
-    if (multiline) {
-      setVisibleTags(potentiallyVisibleTags);
-      setHiddenTags(surelyHiddenTags);
-      setIsReady(true);
-      return;
-    }
-    const parentWidth = containerRef.current.parentElement?.offsetWidth || 0;
-    const toMeasureElements = measureRef.current.children[0].children;
-    const [firstTag, ...restOfToMeasureElements] = [...toMeasureElements];
-    const { measuredVisibleTags, measuredHiddenTags } = restOfToMeasureElements.reduce(
-      (accumulator, currentValue, index) => {
-        const newAccumulatedWidth = accumulator.accumulatedWidth + currentValue.offsetWidth + Number.parseInt(TAGS_GAP, 10);
-        return {
-          accumulatedWidth: newAccumulatedWidth,
-          measuredHiddenTags: [
-            ...accumulator.measuredHiddenTags,
-            newAccumulatedWidth > parentWidth && tags[index + 1]
-          ].filter(Boolean),
-          measuredVisibleTags: [
-            ...accumulator.measuredVisibleTags,
-            newAccumulatedWidth <= parentWidth && tags[index + 1]
-          ].filter(Boolean)
-        };
-      },
-      {
-        accumulatedWidth: firstTag.offsetWidth + Number.parseInt(TAGS_GAP, 10),
-        measuredHiddenTags: [],
-        measuredVisibleTags: [tags[0]]
-        // we need to always show one tag
-      }
-    );
-    const finalHiddenTags = [...measuredHiddenTags, ...surelyHiddenTags];
-    setVisibleTags(measuredVisibleTags);
-    setHiddenTags(finalHiddenTags);
-    if (finalHiddenTags.length === 0) {
-      setIsReady(true);
-    }
-  }, [
-    multiline,
-    potentiallyVisibleTags,
-    surelyHiddenTags,
-    tags,
-    threshold,
-    tmpThreshold
-  ]);
-  useEffect(() => {
-    if (!isReady && popoverTriggerRef.current?.offsetWidth) {
-      const newPopoverTriggerWidth = popoverTriggerRef.current.offsetWidth;
-      setPopoverTriggerWidth(newPopoverTriggerWidth);
-      const tagsContainer = containerRef.current;
-      const tagsContainerWidth = containerRef.current?.offsetWidth || 0;
-      const parentWidth = tagsContainer?.parentElement?.offsetWidth || 0;
-      if (visibleTags.length > 1 && hiddenTags.length > 0 && tagsContainerWidth + newPopoverTriggerWidth > parentWidth) {
-        const visibleTagsCopy = visibleTags.filter(
-          (_, index) => index < visibleTags.length - 1
-        );
-        const tagToMove = visibleTags.at(-1) ?? "";
-        setVisibleTags(visibleTagsCopy);
-        setHiddenTags([tagToMove, ...hiddenTags]);
-      }
-      setIsReady(true);
-    }
-  }, [hiddenTags, isReady, threshold, visibleTags, visibleTags.length]);
-  useEffect(() => {
-    if (isReady && measureRef.current?.parentNode) {
-      measureRef.current.remove();
-    }
-  }, [isReady]);
-  if (tags.length === 0) {
-    return null;
-  }
-  const renderTag = (tag, index, isEllipsis = false) => typeof tag !== "string" && tag.icon ? /* @__PURE__ */ jsxs(
-    Tag,
-    {
-      className: cn(isEllipsis ? "ellipsed" : "", ellipsisChild),
-      copiable,
-      copiedText,
-      copyText,
-      children: [
-        tag.icon,
-        getTagLabel(tag)
-      ]
-    },
-    `${getTagLabel(tag)}-${index}`
-  ) : /* @__PURE__ */ jsx(
-    Tag,
-    {
-      className: cn(isEllipsis ? "ellipsed" : "", ellipsisChild),
-      copiable,
-      copiedText,
-      copyText,
-      children: getTagLabel(tag)
-    },
-    `${getTagLabel(tag)}-${index}`
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(className, tagListContainer),
-      "data-testid": dataTestId,
-      style: { visibility: isReady ? "visible" : "hidden", ...style },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              tagContainer({
-                multiline
-              }),
-              visibleTags.length === 1 && hiddenTags.length === 0 || popoverTriggerWidth ? ellipsisContainer : ""
-            ),
-            "data-testid": `${dataTestId ?? "taglist"}-container`,
-            ref: containerRef,
-            style: assignInlineVars({
-              [popoverTriggerWidthVar]: `${popoverTriggerWidth || 0}px`
-            }),
-            children: visibleTags.map(
-              (tag, index) => renderTag(
-                tag,
-                index,
-                // add ellipsis to last tag
-                index === visibleTags.length - 1
-              )
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: measureRef,
-            style: {
-              position: "absolute",
-              visibility: "hidden",
-              whiteSpace: "nowrap"
-            },
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: tagContainer({ multiline }),
-                "data-testid": `${dataTestId ?? "taglist"}-measure-container`,
-                children: potentiallyVisibleTags.map((tag, index) => renderTag(tag, index))
-              }
-            )
-          }
-        ),
-        hiddenTags.length > 0 && /* @__PURE__ */ jsx(
-          Popover,
-          {
-            content: /* @__PURE__ */ jsx("div", { className: tagContainer({ multiline: true }), children: hiddenTags.map((tag, index) => renderTag(tag, index)) }),
-            maxHeight: popoverMaxHeight,
-            onClose: () => setIsPopoverVisible(false),
-            placement: popoverPlacement,
-            size: "small",
-            title: popoverTitle,
-            visible: isPopoverVisible,
-            children: /* @__PURE__ */ jsxs(
-              "span",
-              {
-                className: tagsWrapper,
-                "data-testid": `${dataTestId ?? "taglist"}-open`,
-                onClick: () => setIsPopoverVisible(true),
-                onKeyDown: (event) => {
-                  if ([" ", "Enter"].includes(event.key)) {
-                    setIsPopoverVisible(true);
-                  }
-                },
-                ref: popoverTriggerRef,
-                tabIndex: 0,
-                children: [
-                  "+",
-                  hiddenTags.length
-                ]
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  TagList
+/**
+* This component is used to display a list of tags with a threshold and a popover when there are too many tags.
+*/
+const TagList = ({ maxLength = 600, tags = DEFAULT_TAGS, threshold = 1, multiline = false, popoverTitle, popoverPlacement, popoverMaxHeight = DEFAULT_POPOVER_MAX_HEIGHT, copiable, copyText, copiedText, className, "data-testid": dataTestId, style }) => {
+	const containerRef = useRef(null);
+	const measureRef = useRef(null);
+	const popoverTriggerRef = useRef(null);
+	const [isReady, setIsReady] = useState(false);
+	const [isPopoverVisible, setIsPopoverVisible] = useState(false);
+	const [popoverTriggerWidth, setPopoverTriggerWidth] = useState(0);
+	const [visibleTags, setVisibleTags] = useState([]);
+	const [hiddenTags, setHiddenTags] = useState([]);
+	const { tmpThreshold, potentiallyVisibleTags, surelyHiddenTags } = useMemo(() => {
+		let tmpThreshold = threshold;
+		while (tmpThreshold > 1 && tags.length > 0 && tags.slice(0, tmpThreshold).reduce((acc, tag) => acc + getTagLabel(tag), "").length > maxLength) tmpThreshold -= 1;
+		const potentiallyVisibleTagsLength = Math.max(1, tags.length > tmpThreshold ? tmpThreshold : tags.length);
+		return {
+			potentiallyVisibleTags: tags.slice(0, potentiallyVisibleTagsLength),
+			surelyHiddenTags: tags.slice(potentiallyVisibleTagsLength),
+			tmpThreshold
+		};
+	}, [
+		maxLength,
+		tags,
+		threshold
+	]);
+	useEffect(() => {
+		var _containerRef$current;
+		var _containerRef$current2;
+		if (tags.length === 0 || !containerRef.current || !measureRef.current) return;
+		if (multiline) {
+			setVisibleTags(potentiallyVisibleTags);
+			setHiddenTags(surelyHiddenTags);
+			setIsReady(true);
+			return;
+		}
+		const parentWidth = (_containerRef$current = (_containerRef$current2 = containerRef.current.parentElement) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetWidth) !== null && _containerRef$current !== void 0 ? _containerRef$current : 0;
+		const [firstTag, ...restOfToMeasureElements] = [...measureRef.current.children[0].children];
+		const { measuredVisibleTags, measuredHiddenTags } = restOfToMeasureElements.reduce((accumulator, currentValue, index) => {
+			const newAccumulatedWidth = accumulator.accumulatedWidth + currentValue.offsetWidth + Number.parseInt(TAGS_GAP, 10);
+			return {
+				accumulatedWidth: newAccumulatedWidth,
+				measuredHiddenTags: [...accumulator.measuredHiddenTags, newAccumulatedWidth > parentWidth && tags[index + 1]].filter(Boolean),
+				measuredVisibleTags: [...accumulator.measuredVisibleTags, newAccumulatedWidth <= parentWidth && tags[index + 1]].filter(Boolean)
+			};
+		}, {
+			accumulatedWidth: firstTag.offsetWidth + Number.parseInt(TAGS_GAP, 10),
+			measuredHiddenTags: [],
+			measuredVisibleTags: [tags[0]]
+		});
+		const finalHiddenTags = [...measuredHiddenTags, ...surelyHiddenTags];
+		setVisibleTags(measuredVisibleTags);
+		setHiddenTags(finalHiddenTags);
+		if (finalHiddenTags.length === 0) setIsReady(true);
+	}, [
+		multiline,
+		potentiallyVisibleTags,
+		surelyHiddenTags,
+		tags,
+		threshold,
+		tmpThreshold
+	]);
+	useEffect(() => {
+		var _popoverTriggerRef$cu;
+		if (!isReady && ((_popoverTriggerRef$cu = popoverTriggerRef.current) === null || _popoverTriggerRef$cu === void 0 ? void 0 : _popoverTriggerRef$cu.offsetWidth)) {
+			var _containerRef$current3;
+			var _containerRef$current4;
+			var _tagsContainer$parent;
+			var _tagsContainer$parent2;
+			const newPopoverTriggerWidth = popoverTriggerRef.current.offsetWidth;
+			setPopoverTriggerWidth(newPopoverTriggerWidth);
+			const tagsContainer = containerRef.current;
+			const tagsContainerWidth = (_containerRef$current3 = (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.offsetWidth) !== null && _containerRef$current3 !== void 0 ? _containerRef$current3 : 0;
+			const parentWidth = (_tagsContainer$parent = tagsContainer === null || tagsContainer === void 0 || (_tagsContainer$parent2 = tagsContainer.parentElement) === null || _tagsContainer$parent2 === void 0 ? void 0 : _tagsContainer$parent2.offsetWidth) !== null && _tagsContainer$parent !== void 0 ? _tagsContainer$parent : 0;
+			if (visibleTags.length > 1 && hiddenTags.length > 0 && tagsContainerWidth + newPopoverTriggerWidth > parentWidth) {
+				var _visibleTags$at;
+				const visibleTagsCopy = visibleTags.filter((_, index) => index < visibleTags.length - 1);
+				const tagToMove = (_visibleTags$at = visibleTags.at(-1)) !== null && _visibleTags$at !== void 0 ? _visibleTags$at : "";
+				setVisibleTags(visibleTagsCopy);
+				setHiddenTags([tagToMove, ...hiddenTags]);
+			}
+			setIsReady(true);
+		}
+	}, [
+		hiddenTags,
+		isReady,
+		threshold,
+		visibleTags,
+		visibleTags.length
+	]);
+	useEffect(() => {
+		var _measureRef$current;
+		if (isReady && ((_measureRef$current = measureRef.current) === null || _measureRef$current === void 0 ? void 0 : _measureRef$current.parentNode)) measureRef.current.remove();
+	}, [isReady]);
+	if (tags.length === 0) return null;
+	const renderTag = (tag, index, isEllipsis = false) => typeof tag !== "string" && tag.icon ? /* @__PURE__ */ jsxs(Tag, {
+		className: cn(isEllipsis ? "ellipsed" : "", ellipsisChild),
+		copiable,
+		copiedText,
+		copyText,
+		children: [tag.icon, getTagLabel(tag)]
+	}, `${getTagLabel(tag)}-${index}`) : /* @__PURE__ */ jsx(Tag, {
+		className: cn(isEllipsis ? "ellipsed" : "", ellipsisChild),
+		copiable,
+		copiedText,
+		copyText,
+		children: getTagLabel(tag)
+	}, `${getTagLabel(tag)}-${index}`);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(className, tagListContainer),
+		"data-testid": dataTestId,
+		style: _objectSpread2({ visibility: isReady ? "visible" : "hidden" }, style),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: cn(tagContainer({ multiline }), visibleTags.length === 1 && hiddenTags.length === 0 || popoverTriggerWidth ? ellipsisContainer : ""),
+				"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-container`,
+				ref: containerRef,
+				style: assignInlineVars({ [popoverTriggerWidthVar]: `${popoverTriggerWidth || 0}px` }),
+				children: visibleTags.map((tag, index) => renderTag(tag, index, index === visibleTags.length - 1))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				ref: measureRef,
+				style: {
+					position: "absolute",
+					visibility: "hidden",
+					whiteSpace: "nowrap"
+				},
+				children: /* @__PURE__ */ jsx("div", {
+					className: tagContainer({ multiline }),
+					"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-measure-container`,
+					children: potentiallyVisibleTags.map((tag, index) => renderTag(tag, index))
+				})
+			}),
+			hiddenTags.length > 0 && /* @__PURE__ */ jsx(Popover, {
+				content: /* @__PURE__ */ jsx("div", {
+					className: tagContainer({ multiline: true }),
+					children: hiddenTags.map((tag, index) => renderTag(tag, index))
+				}),
+				maxHeight: popoverMaxHeight,
+				onClose: () => setIsPopoverVisible(false),
+				placement: popoverPlacement,
+				size: "small",
+				title: popoverTitle,
+				visible: isPopoverVisible,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "uv_1f9zr5y6",
+					"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-open`,
+					onClick: () => setIsPopoverVisible(true),
+					onKeyDown: (event) => {
+						if ([" ", "Enter"].includes(event.key)) setIsPopoverVisible(true);
+					},
+					ref: popoverTriggerRef,
+					tabIndex: 0,
+					children: ["+", hiddenTags.length]
+				})
+			})
+		]
+	});
 };
+
+//#endregion
+export { TagList };

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

@@ -1,16 +1,18 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/TagList/styles.css.ts
 var popoverTriggerWidthVar = "var(--uv_1f9zr5y0)";
 var tagListContainer = "uv_1f9zr5y1";
-var tagContainer = createRuntimeFn({ defaultClassName: "uv_1f9zr5y2", variantClassNames: { multiline: { true: "uv_1f9zr5y3" } }, defaultVariants: {}, compoundVariants: [] });
+var tagContainer = createRuntimeFn({
+	defaultClassName: "uv_1f9zr5y2",
+	variantClassNames: { multiline: { true: "uv_1f9zr5y3" } },
+	defaultVariants: {},
+	compoundVariants: []
+});
 var ellipsisContainer = "uv_1f9zr5y4";
 var ellipsisChild = "uv_1f9zr5y5";
 var tagsWrapper = "uv_1f9zr5y6";
-export {
-  ellipsisChild,
-  ellipsisContainer,
-  popoverTriggerWidthVar,
-  tagContainer,
-  tagListContainer,
-  tagsWrapper
-};
+
+//#endregion
+export { ellipsisChild, ellipsisContainer, popoverTriggerWidthVar, tagContainer, tagListContainer, tagsWrapper };

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

@@ -29,6 +29,6 @@ type TextProps = {
 /**
  * Text component is used to display text with different variants and sentiments.
  */
-export declare const Text: ({ variant, children, as: Component, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, "data-testid": dataTestId, "aria-hidden": ariaHidden, style, }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ variant, children, as: Component, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, 'data-testid': dataTestId, 'aria-hidden': ariaHidden, style, }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGtD,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAI9C,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAC/C,KAAK,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAChD,KAAK,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,oOAoBlB,SAAS,4CAwCX,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGtD,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAI9C,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAC/C,KAAK,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAChD,KAAK,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,4RA4DhB,CAAA"}

package/dist/components/Text/index.js

@@ -1,70 +1,51 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { useRef } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { Tooltip } from "../Tooltip/index.js";
 import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
 import { useIsOverflowing } from "../../hooks/useIsOverflowing.js";
-import { Tooltip } from "../Tooltip/index.js";
 import { text } from "./style.css.js";
 import { textVars } from "./variables.css.js";
-const Text = ({
-  variant,
-  children,
-  as: Component = "div",
-  sentiment,
-  oneLine = false,
-  placement,
-  prominence = "default",
-  className,
-  disabled = false,
-  italic = false,
-  underline = false,
-  strikeThrough = false,
-  id,
-  dir,
-  whiteSpace,
-  htmlFor,
-  "data-testid": dataTestId,
-  "aria-hidden": ariaHidden,
-  style
-}) => {
-  const elementRef = useRef(null);
-  const isOverflowing = useIsOverflowing(elementRef);
-  const finalStringChildren = recursivelyGetChildrenString(children);
-  return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isOverflowing ? finalStringChildren : "", children: /* @__PURE__ */ jsx(
-    Component,
-    {
-      "aria-hidden": ariaHidden,
-      className: cn(
-        className,
-        text({
-          disabled,
-          italic,
-          oneLine,
-          prominence,
-          sentiment,
-          strikeThrough,
-          underline,
-          variant
-        })
-      ),
-      "data-testid": dataTestId,
-      dir,
-      htmlFor,
-      id,
-      ref: elementRef,
-      style: {
-        ...assignInlineVars(textVars, {
-          textAlign: placement ?? "",
-          whiteSpace: whiteSpace ?? ""
-        }),
-        ...style
-      },
-      children
-    }
-  ) });
-};
-export {
-  Text
+import { cn } from "@ultraviolet/utils";
+import { useRef } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Text/index.tsx
+/**
+* Text component is used to display text with different variants and sentiments.
+*/
+const Text = ({ variant, children, as: Component = "div", sentiment, oneLine = false, placement, prominence = "default", className, disabled = false, italic = false, underline = false, strikeThrough = false, id, dir, whiteSpace, htmlFor, "data-testid": dataTestId, "aria-hidden": ariaHidden, style }) => {
+	const elementRef = useRef(null);
+	const isOverflowing = useIsOverflowing(elementRef);
+	const finalStringChildren = recursivelyGetChildrenString(children);
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: oneLine && isOverflowing ? finalStringChildren : "",
+		children: /* @__PURE__ */ jsx(Component, {
+			"aria-hidden": ariaHidden,
+			className: cn(className, text({
+				disabled,
+				italic,
+				oneLine,
+				prominence,
+				sentiment,
+				strikeThrough,
+				underline,
+				variant
+			})),
+			"data-testid": dataTestId,
+			dir,
+			htmlFor,
+			id,
+			ref: elementRef,
+			style: _objectSpread2(_objectSpread2({}, assignInlineVars(textVars, {
+				textAlign: placement !== null && placement !== void 0 ? placement : "",
+				whiteSpace: whiteSpace !== null && whiteSpace !== void 0 ? whiteSpace : ""
+			})), style),
+			children
+		})
+	});
 };
+
+//#endregion
+export { Text };