@ultraviolet/ui 3.24.3 → 3.25.0

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

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

package/dist/components/Tag/type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExE,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C,GAAG,CACA;IACE,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;CACnB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CACJ,CAAA"}

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

@@ -1,40 +0,0 @@
-import type { ComponentProps, CSSProperties, ReactNode } from 'react';
-import { Tag } from '../Tag';
-import type { TAGINPUT_SIZE_PADDING } from './styles.css';
-type TagInputSize = keyof typeof TAGINPUT_SIZE_PADDING;
-type TagInputProp = (string | {
-    label: string;
-    index: string;
-})[];
-type TagInputProps = {
-    disabled?: boolean;
-    id?: string;
-    name?: string;
-    onChange?: (tags: string[]) => void;
-    placeholder?: string;
-    value?: TagInputProp;
-    className?: string;
-    'data-testid'?: string;
-    label?: string;
-    /**
-     * Label description displayed right next to the label. It allows you to customize the label content.
-     */
-    labelDescription?: ReactNode;
-    'aria-label'?: string;
-    required?: boolean;
-    size?: TagInputSize;
-    error?: string;
-    success?: string | boolean;
-    helper?: ReactNode;
-    readOnly?: boolean;
-    tooltip?: string;
-    clearable?: boolean;
-    style?: CSSProperties;
-    'aria-describedBy'?: string;
-} & Pick<ComponentProps<typeof Tag>, 'sentiment' | 'variant'>;
-export declare function TagInput({ disabled, id, name, onChange, placeholder, value, className, 'data-testid': dataTestId, 'aria-label': ariaLabel, label, labelDescription, required, size, error, success, helper, readOnly, tooltip, clearable, style, variant, sentiment, 'aria-describedBy': ariaDescribedBy, }: TagInputProps): import("react").JSX.Element;
-export declare namespace TagInput {
-    var displayName: string;
-}
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAe,cAAc,EAAE,aAAa,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxG,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAG5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEzD,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC,CAAA;iCAKpC,EACvB,QAAgB,EAChB,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,gBAAgB,EAChB,QAAgB,EAChB,IAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,SAAiB,EACjB,KAAK,EACL,OAAmB,EACnB,SAAqB,EACrB,kBAAkB,EAAE,eAAe,GACpC,EAAE,aAAa"}

package/dist/components/TagInput/index.js

@@ -1,215 +0,0 @@
-'use client';
-import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
-import { Stack, init_Stack } from "../Stack/index.js";
-import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
-import { Button, init_Button } from "../Button/index.js";
-import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
-import { Description, init_Description } from "../Description/index.js";
-import { Label, init_Label } from "../Label/index.js";
-import { init_styles_css, tagInputStyle } from "./styles.css.js";
-import { Tag, init_Tag } from "../Tag/index.js";
-import { useEffect, useId, useRef, useState } from "react";
-import { cn, getUUID } from "@ultraviolet/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
-import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
-import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
-
-//#region src/components/TagInput/index.tsx
-var STATUS, convertTagArrayToTagStateArray, TagInput;
-function init_TagInput() {
-	return (init_TagInput = __esmMin(() => {
-		init_hasHelperText();
-		init_Button();
-		init_Description();
-		init_Label();
-		init_Stack();
-		init_Tag();
-		init_Tooltip();
-		init_styles_css();
-		init_objectSpread2();
-		STATUS = {
-			IDLE: "idle",
-			LOADING: "loading"
-		};
-		convertTagArrayToTagStateArray = (tags) => {
-			var _ref;
-			return (_ref = tags !== null && tags !== void 0 ? tags : []) === null || _ref === void 0 ? void 0 : _ref.map((tag, index) => typeof tag === "object" ? _objectSpread2(_objectSpread2({}, tag), {}, { index: getUUID(`tag-${index}`) }) : {
-				index: getUUID(`tag-${index}`),
-				label: tag
-			});
-		};
-		TagInput = ({ disabled = false, id, name, onChange, placeholder, value, className, "data-testid": dataTestId, "aria-label": ariaLabel, label, labelDescription, required = false, size = "large", error, success, helper, readOnly = false, tooltip, clearable = false, style, variant = "default", sentiment = "neutral", "aria-describedBy": ariaDescribedBy }) => {
-			const [tagInputState, setTagInput] = useState(convertTagArrayToTagStateArray(value));
-			const [input, setInput] = useState("");
-			const [status, setStatus] = useState({});
-			const uniqueId = useId();
-			const localId = id !== null && id !== void 0 ? id : uniqueId;
-			const helperId = useId();
-			useEffect(() => {
-				setTagInput(convertTagArrayToTagStateArray(value));
-			}, [value, setTagInput]);
-			const inputRef = useRef(null);
-			const dispatchOnChange = (newState) => {
-				const changes = newState.map((tag) => typeof tag === "object" ? tag === null || tag === void 0 ? void 0 : tag.label : tag);
-				onChange === null || onChange === void 0 || onChange(changes);
-			};
-			const handleContainerClick = () => {
-				if (inputRef.current) {
-					var _inputRef$current;
-					inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-				}
-			};
-			const onInputChange = (e) => {
-				setInput(e.target.value);
-			};
-			const addTag = () => {
-				const newTagInput = input ? [...tagInputState, {
-					index: getUUID("tag"),
-					label: input
-				}] : tagInputState;
-				setInput("");
-				setTagInput(newTagInput);
-				if (newTagInput.length !== tagInputState.length && newTagInput) {
-					const tag = newTagInput.at(-1);
-					if (tag) setStatus({ [tag.index]: STATUS.LOADING });
-				}
-				try {
-					dispatchOnChange(newTagInput);
-					const tag = newTagInput.at(-1);
-					if (tag) setStatus({ [tag.index]: STATUS.IDLE });
-				} catch (_unused) {
-					setTagInput(tagInputState);
-				}
-			};
-			const deleteTag = (tagIndex) => {
-				setStatus({ [tagIndex]: STATUS.LOADING });
-				const findIndex = tagInputState.findIndex(({ index }) => index === tagIndex);
-				const newTagInput = [...tagInputState];
-				newTagInput.splice(findIndex, 1);
-				try {
-					dispatchOnChange(newTagInput);
-					setTagInput(newTagInput);
-					setStatus({ [tagIndex]: STATUS.IDLE });
-				} catch (_unused2) {
-					setTagInput(tagInputState);
-				}
-			};
-			const handleInputKeydown = (event) => {
-				var _inputRef$current2;
-				if (event.key === " " || event.key === "Enter") {
-					addTag();
-					event.preventDefault();
-				}
-				if (event.key === "Backspace" && (inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) === 0 && tagInputState.length > 0) {
-					event.preventDefault();
-					if (tagInputState) {
-						const tag = tagInputState.at(-1);
-						if (tag) deleteTag(tag.index);
-					}
-				}
-			};
-			const clearAll = () => {
-				setInput("");
-				setTagInput([]);
-				dispatchOnChange([]);
-			};
-			const computedClearable = clearable && tagInputState.length > 0;
-			return /* @__PURE__ */ jsxs(Stack, {
-				className,
-				gap: "0.5",
-				children: [
-					label || labelDescription ? /* @__PURE__ */ jsx(Label, {
-						htmlFor: id !== null && id !== void 0 ? id : localId,
-						labelDescription,
-						required,
-						size,
-						children: label
-					}) : null,
-					/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, {
-						text: tooltip,
-						children: /* @__PURE__ */ jsxs("div", {
-							className: cn(className, tagInputStyle.container({ size })),
-							"data-disabled": disabled,
-							"data-error": !!error,
-							"data-readonly": readOnly,
-							"data-success": !!success,
-							"data-testid": dataTestId,
-							tabIndex: 0,
-							onClick: handleContainerClick,
-							onKeyDown: (event) => {
-								if ([" ", "Enter"].includes(event.key)) handleContainerClick();
-							},
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: tagInputStyle.dataContainer,
-								children: [tagInputState.map((tag) => /* @__PURE__ */ jsx(Tag, {
-									disabled,
-									isLoading: status[tag.index] === STATUS.LOADING,
-									onClose: readOnly ? void 0 : (e) => {
-										e.stopPropagation();
-										deleteTag(tag.index);
-									},
-									sentiment,
-									variant,
-									children: tag.label
-								}, tag.index)), disabled ? null : /* @__PURE__ */ jsx("input", {
-									"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
-									"aria-label": ariaLabel,
-									className: tagInputStyle.tagInput,
-									"data-size": size,
-									id: localId,
-									name,
-									onBlur: addTag,
-									onChange: onInputChange,
-									onKeyDown: handleInputKeydown,
-									placeholder: tagInputState.length === 0 ? placeholder : "",
-									readOnly,
-									ref: inputRef,
-									style,
-									type: "text",
-									value: input
-								})]
-							}), computedClearable || success || error ? /* @__PURE__ */ jsxs("div", {
-								className: tagInputStyle.stateContainer,
-								children: [
-									computedClearable ? /* @__PURE__ */ jsx(Button, {
-										"aria-label": "clear value",
-										disabled,
-										onClick: clearAll,
-										sentiment: "neutral",
-										size: "xsmall",
-										variant: "ghost",
-										children: /* @__PURE__ */ jsx(CloseIcon, {})
-									}) : null,
-									success ? /* @__PURE__ */ jsx(CheckCircleOutlineIcon, {
-										disabled,
-										sentiment: "success",
-										size: "small"
-									}) : null,
-									error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
-										disabled,
-										sentiment: "danger",
-										size: "small"
-									}) : null
-								]
-							}) : null]
-						})
-					}) }),
-					/* @__PURE__ */ jsx(Description, {
-						helper,
-						error,
-						success,
-						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
-						disabled: disabled || readOnly
-					})
-				]
-			});
-		};
-		TagInput.displayName = "TagInput";
-	}))();
-}
-
-//#endregion
-init_TagInput();
-export { TagInput, init_TagInput };

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;aAChC,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,GAAG;aACX,KAAK,EAAE,KAAK;CACJ,CAAA;AAgGV,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;CAKzB,CAAA"}

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

@@ -1,30 +0,0 @@
-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/TagInput/styles.css.ts
-var tagInputStyle;
-function init_styles_css() {
-	return (init_styles_css = __esmMin(() => {
-		/* @__PURE__ */ init_styles_css_ts_vanilla();
-		tagInputStyle = {
-			container: createRuntimeFn({
-				defaultClassName: "uv_sjgcm20",
-				variantClassNames: { size: {
-					large: "uv_sjgcm21",
-					medium: "uv_sjgcm22",
-					small: "uv_sjgcm23"
-				} },
-				defaultVariants: { size: "large" },
-				compoundVariants: []
-			}),
-			dataContainer: "uv_sjgcm24",
-			stateContainer: "uv_sjgcm25",
-			tagInput: "uv_sjgcm26"
-		};
-	}))();
-}
-
-//#endregion
-init_styles_css();
-export { init_styles_css, tagInputStyle };

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

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

package/dist/components/TagList/constant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,eAAO,MAAM,0BAA0B,UAAU,CAAA;AACjD,eAAO,MAAM,gBAAgB,KAAK,CAAA"}

package/dist/components/TagList/constant.js

@@ -1,13 +0,0 @@
-import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-
-//#region src/components/TagList/constant.ts
-var DEFAULT_POPOVER_MAX_HEIGHT;
-function init_constant() {
-	return (init_constant = __esmMin(() => {
-		DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
-	}))();
-}
-
-//#endregion
-init_constant();
-export { DEFAULT_POPOVER_MAX_HEIGHT, init_constant };

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

@@ -1,50 +0,0 @@
-import type { ComponentProps, CSSProperties, ReactNode } from 'react';
-import { Popover } from '../Popover';
-import { Tag } from '../Tag';
-type TagKeyValue = {
-    key: string;
-    value: string;
-};
-type TagIcon = {
-    label: string;
-    icon: ReactNode;
-};
-export type TagType = string | TagKeyValue | TagIcon;
-type TagListProps = {
-    /**
-     * Maximum character length of all tags before hiding them into a popover.
-     */
-    maxLength?: number;
-    tags?: TagType[];
-    /**
-     * Maximum number of tags to display before hiding them in a popover.
-     */
-    threshold?: number;
-    /**
-     * Wrap the tags on multiple lines instead of containing them on the first one.
-     */
-    multiline?: boolean;
-    /**
-     * Title of the Popover added when some tags are hidden because of the `threshold` or `maxLength` properties.
-     */
-    popoverTitle: string;
-    /**
-     * The popover will be placed automatically by default. You can also specify the placement of the popover through
-     * this property.
-     */
-    popoverPlacement?: ComponentProps<typeof Popover>['placement'];
-    /**
-     * The popover maxHeight
-     * @default 12.5rem
-     */
-    popoverMaxHeight?: ComponentProps<typeof Popover>['maxHeight'];
-    className?: string;
-    'data-testid'?: string;
-    style?: CSSProperties;
-} & Pick<ComponentProps<typeof Tag>, 'copiable' | 'copyText' | 'copiedText' | 'variant' | 'sentiment'>;
-export declare function TagList({ maxLength, tags, threshold, multiline, popoverTitle, popoverPlacement, popoverMaxHeight, copiable, copyText, copiedText, sentiment, variant, className, 'data-testid': dataTestId, style, }: TagListProps): import("react").JSX.Element;
-export declare namespace TagList {
-    var displayName: string;
-}
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAI5B,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACjD,KAAK,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AACjD,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAA;AAEpD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,CAAC,CAAA;gCAyC9E,EACtB,SAAe,EACf,IAAmB,EACnB,SAAa,EACb,SAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,gBAA6C,EAC7C,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,YAAY"}

package/dist/components/TagList/index.js

@@ -1,169 +0,0 @@
-'use client';
-import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
-import { init_styles_css, tagListStyle } from "./styles.css.js";
-import { Tag, init_Tag } from "../Tag/index.js";
-import { Popover, init_Popover } from "../Popover/index.js";
-import { DEFAULT_POPOVER_MAX_HEIGHT, init_constant } from "./constant.js";
-import { createElement, useEffect, useMemo, useRef, useState } from "react";
-import { cn, shuffle } from "@ultraviolet/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/TagList/index.tsx
-var DEFAULT_TAGS, isLabelIconTag, isKeyValueTag, getTagLabel, shuffleTagLabels, TagList;
-function init_TagList() {
-	return (init_TagList = __esmMin(() => {
-		init_Popover();
-		init_Tag();
-		init_constant();
-		init_styles_css();
-		init_objectSpread2();
-		DEFAULT_TAGS = [];
-		isLabelIconTag = (tag) => typeof tag === "object" && tag !== null && "label" in tag && "icon" in tag;
-		isKeyValueTag = (tag) => typeof tag === "object" && tag !== null && "key" in tag && "value" in tag;
-		getTagLabel = (tag) => {
-			if (isKeyValueTag(tag)) return `${tag.key}-${tag.value}`;
-			if (isLabelIconTag(tag)) return tag.label;
-			return tag;
-		};
-		shuffleTagLabels = (tag) => {
-			if (isKeyValueTag(tag)) return _objectSpread2(_objectSpread2({}, tag), {}, {
-				key: shuffle(tag.key),
-				value: shuffle(tag.value)
-			});
-			else if (isLabelIconTag(tag)) return _objectSpread2(_objectSpread2({}, tag), {}, { label: shuffle(tag.label) });
-			return shuffle(tag);
-		};
-		TagList = ({ maxLength = 600, tags = DEFAULT_TAGS, threshold = 1, multiline = false, popoverTitle, popoverPlacement, popoverMaxHeight = DEFAULT_POPOVER_MAX_HEIGHT, copiable, copyText, copiedText, sentiment = "neutral", variant = "default", className, "data-testid": dataTestId, style }) => {
-			const containerRef = useRef(null);
-			const measureRef = useRef(null);
-			const popoverTriggerRef = useRef(null);
-			const [isPopoverVisible, setIsPopoverVisible] = useState(false);
-			const [visibleTags, setVisibleTags] = useState(tags[0] ? [tags[0]] : []);
-			const [hiddenTags, setHiddenTags] = useState([]);
-			const [potentiallyVisibleTags, surelyHiddenTags] = useMemo(() => {
-				if (tags.length === 0) return [[], []];
-				const limit = Math.min(threshold, tags.length);
-				let visibleCount = 0;
-				let currentLength = 0;
-				for (let i = 0; i < limit; i++) {
-					currentLength += getTagLabel(tags[i]).length;
-					if (currentLength > maxLength) break;
-					visibleCount++;
-				}
-				visibleCount = Math.max(visibleCount, 1);
-				return [tags.slice(0, visibleCount), tags.slice(visibleCount)];
-			}, [
-				maxLength,
-				tags,
-				threshold
-			]);
-			useEffect(() => {
-				if (tags.length === 0 || !containerRef.current || !measureRef.current) return;
-				if (multiline || typeof ResizeObserver === "undefined") {
-					setVisibleTags(potentiallyVisibleTags);
-					setHiddenTags(surelyHiddenTags);
-					return;
-				}
-				const handleResize = (entries) => {
-					if (!containerRef.current || !measureRef.current || !popoverTriggerRef.current) return;
-					const totalAvailableWidth = entries[0].contentBoxSize[0].inlineSize;
-					if (measureRef.current.offsetWidth < totalAvailableWidth) {
-						setVisibleTags(potentiallyVisibleTags);
-						setHiddenTags(surelyHiddenTags);
-						return;
-					}
-					const elementsToMeasure = [...measureRef.current.children[0].children];
-					const counterWidth = popoverTriggerRef.current.offsetWidth;
-					let visibleTagsCount = 0;
-					let visibleTagsWidth = 0;
-					for (let i = 0; i < potentiallyVisibleTags.length; i++) {
-						if (i > 0) visibleTagsWidth += 4;
-						visibleTagsWidth += elementsToMeasure[i].offsetWidth;
-						const availableWidth = i < tags.length - 1 ? totalAvailableWidth - counterWidth : totalAvailableWidth;
-						if (visibleTagsWidth > availableWidth) break;
-						visibleTagsCount++;
-					}
-					if (visibleTagsCount === 0) visibleTagsCount = 1;
-					setVisibleTags(tags.slice(0, visibleTagsCount));
-					setHiddenTags(tags.slice(visibleTagsCount));
-				};
-				const resizeObserver = new ResizeObserver(handleResize);
-				resizeObserver.observe(containerRef.current);
-				return () => {
-					resizeObserver.disconnect();
-				};
-			}, [
-				multiline,
-				potentiallyVisibleTags,
-				surelyHiddenTags,
-				tags
-			]);
-			const renderTag = (tag, index, hidden) => {
-				const finalTag = hidden ? shuffleTagLabels(tag) : tag;
-				const tagLabel = getTagLabel(finalTag);
-				const commonProps = {
-					className: tagListStyle.tag,
-					copiable,
-					copiedText,
-					copyText,
-					"data-testid": hidden ? "" : tagLabel,
-					variant,
-					sentiment
-				};
-				if (isKeyValueTag(finalTag)) return /* @__PURE__ */ createElement(Tag, _objectSpread2(_objectSpread2({ keyValue: finalTag }, commonProps), {}, { key: `${tagLabel}-${index}` }));
-				return /* @__PURE__ */ createElement(Tag, _objectSpread2(_objectSpread2({}, commonProps), {}, { key: `${tagLabel}-${index}` }), isLabelIconTag(finalTag) ? finalTag.icon : void 0, tagLabel);
-			};
-			return /* @__PURE__ */ jsxs("div", {
-				className: cn(className, tagListStyle.container),
-				"data-testid": dataTestId,
-				ref: containerRef,
-				style,
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: cn(tagListStyle.tagContainer({ multiline })),
-					"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-container`,
-					children: [visibleTags.map((tag, index) => renderTag(tag, index)), hiddenTags.length > 0 && /* @__PURE__ */ jsx(Popover, {
-						content: /* @__PURE__ */ jsx("div", {
-							className: tagListStyle.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("button", {
-							type: "button",
-							className: tagListStyle.counter,
-							"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-open`,
-							onClick: () => setIsPopoverVisible(true),
-							onKeyDown: (event) => {
-								if ([" ", "Enter"].includes(event.key)) setIsPopoverVisible(true);
-							},
-							children: ["+", hiddenTags.length]
-						})
-					})]
-				}), /* @__PURE__ */ jsxs("div", {
-					"aria-hidden": "true",
-					ref: measureRef,
-					className: tagListStyle.measurementContainer,
-					children: [/* @__PURE__ */ jsx("div", {
-						className: tagListStyle.tagContainer({ multiline }),
-						children: potentiallyVisibleTags.map((tag, index) => renderTag(tag, index, true))
-					}), /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: tagListStyle.counter,
-						ref: popoverTriggerRef,
-						children: [surelyHiddenTags.length, "+"]
-					})]
-				})]
-			});
-		};
-		TagList.displayName = "TagList";
-	}))();
-}
-
-//#endregion
-init_TagList();
-export { TagList, init_TagList };

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

@@ -1,15 +0,0 @@
-export declare const popoverTriggerWidthVar: `var(--${string})`;
-export declare const tagListStyle: {
-    container: string;
-    tagContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-        multiline: {
-            true: {
-                flexWrap: "wrap";
-            };
-        };
-    }>;
-    tag: string;
-    counter: string;
-    measurementContainer: string;
-};
-//# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,oBAAc,CAAA;AAuDjD,eAAO,MAAM,YAAY;;;;;;;;;;;;CAMxB,CAAA"}

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

@@ -1,27 +0,0 @@
-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/TagList/styles.css.ts
-var tagListStyle;
-function init_styles_css() {
-	return (init_styles_css = __esmMin(() => {
-		/* @__PURE__ */ init_styles_css_ts_vanilla();
-		tagListStyle = {
-			container: "uv_1f9zr5y1",
-			tagContainer: createRuntimeFn({
-				defaultClassName: "uv_1f9zr5y3",
-				variantClassNames: { multiline: { true: "uv_1f9zr5y4" } },
-				defaultVariants: {},
-				compoundVariants: []
-			}),
-			tag: "uv_1f9zr5y5",
-			counter: "uv_1f9zr5y6",
-			measurementContainer: "uv_1f9zr5y2"
-		};
-	}))();
-}
-
-//#endregion
-init_styles_css();
-export { init_styles_css, tagListStyle };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;aACtB,OAAO,EAAE,EAAE;aACX,MAAM,EAAE,QAAQ;aAChB,QAAQ,EAAE,UAAU;aACpB,IAAI,EAAE,MAAM;CACJ,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AAEjD,eAAO,MAAM,gBAAgB,EAA+B,SAAS,UAAU,EAAE,CAAA"}

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

@@ -1,35 +0,0 @@
-import type { TextVariant } from '@ultraviolet/themes';
-import type { CSSProperties, AriaRole, ElementType, ReactNode } from 'react';
-import type { ExtendedColor } from '../../theme';
-import type { PROMINENCES } from './constants';
-type ProminenceProps = keyof typeof PROMINENCES;
-type PlacementProps = CSSProperties['textAlign'];
-type WhiteSpaceProps = CSSProperties['whiteSpace'];
-type TextProps = {
-    className?: string;
-    children: ReactNode;
-    placement?: PlacementProps;
-    variant: TextVariant;
-    sentiment?: ExtendedColor;
-    prominence?: ProminenceProps;
-    as: ElementType;
-    oneLine?: boolean;
-    disabled?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    id?: string;
-    dir?: 'ltr' | 'rtl' | 'auto';
-    htmlFor?: string;
-    'data-testid'?: string;
-    'aria-hidden'?: boolean;
-    strikeThrough?: boolean;
-    whiteSpace?: WhiteSpaceProps;
-    role?: Extract<AriaRole, 'status' | 'alert'>;
-    style?: CSSProperties;
-};
-export declare function Text({ variant, children, as: Component, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, strikeThrough, id, dir, whiteSpace, htmlFor, role, 'data-testid': dataTestId, 'aria-hidden': ariaHidden, style, }: TextProps): import("react").JSX.Element;
-export declare namespace Text {
-    var displayName: string;
-}
-export {};
-//# sourceMappingURL=index.d.ts.map