@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/CheckboxGroup/SingleCheckbox.js

@@ -9,38 +9,40 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/CheckboxGroup/SingleCheckbox.tsx
 var CheckboxGroupCheckbox;
-var init_SingleCheckbox = __esmMin(() => {
-	init_Checkbox();
-	init_Context();
-	init_styles_css();
-	CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style, size }) => {
-		const context = useContext(CheckboxGroupContext);
-		if (!context) throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
-		const { groupName, onChange, groupValues, error: errorContext } = context;
-		const checkboxName = `${groupName}.${name !== null && name !== void 0 ? name : ""}`;
-		const checkboxValue = value.toString();
-		return /* @__PURE__ */ jsx(Checkbox, {
-			autoFocus,
-			checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(checkboxValue),
-			className: cn(className, checkboxGroupStyle.checkboxGroup),
-			"data-testid": dataTestId,
-			disabled,
-			error: error || errorContext,
-			helper,
-			name: checkboxName,
-			onBlur,
-			onChange,
-			onFocus,
-			required,
-			size,
-			style,
-			tooltip,
-			value: checkboxValue,
-			children
-		});
-	};
-	CheckboxGroupCheckbox.displayName = "CheckboxGroup.Checkbox";
-});
+function init_SingleCheckbox() {
+	return (init_SingleCheckbox = __esmMin(() => {
+		init_Checkbox();
+		init_Context();
+		init_styles_css();
+		CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style, size }) => {
+			const context = useContext(CheckboxGroupContext);
+			if (!context) throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
+			const { groupName, onChange, groupValues, error: errorContext } = context;
+			const checkboxName = `${groupName}.${name !== null && name !== void 0 ? name : ""}`;
+			const checkboxValue = value.toString();
+			return /* @__PURE__ */ jsx(Checkbox, {
+				autoFocus,
+				checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(checkboxValue),
+				className: cn(className, checkboxGroupStyle.checkboxGroup),
+				"data-testid": dataTestId,
+				disabled,
+				error: error || errorContext,
+				helper,
+				name: checkboxName,
+				onBlur,
+				onChange,
+				onFocus,
+				required,
+				size,
+				style,
+				tooltip,
+				value: checkboxValue,
+				children
+			});
+		};
+		CheckboxGroupCheckbox.displayName = "CheckboxGroup.Checkbox";
+	}))();
+}
 
 //#endregion
 init_SingleCheckbox();

package/dist/components/CheckboxGroup/index.js

@@ -14,71 +14,73 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/CheckboxGroup/index.tsx
 var CheckboxGroup;
-var init_CheckboxGroup = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Label();
-	init_Stack();
-	init_Text();
-	init_Context();
-	init_SingleCheckbox();
-	init_styles_css();
-	CheckboxGroup = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style, "aria-describedby": ariaDescribedBy }) => {
-		const contextValue = useMemo(() => ({
-			error: !!error,
-			groupName: name,
-			groupValues: value !== null && value !== void 0 ? value : [],
-			onChange,
-			required
-		}), [
-			name,
-			value,
-			onChange,
-			required,
-			error
-		]);
-		const helperId = useId();
-		return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
-			value: contextValue,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				gap: 1,
-				children: [/* @__PURE__ */ jsx("fieldset", {
-					className: cn(className, checkboxGroupStyle.fieldset),
-					style,
-					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-					children: /* @__PURE__ */ jsxs(Stack, {
-						gap: 1.5,
-						children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
-							gap: .5,
-							children: [legend ? /* @__PURE__ */ jsx(Label, {
-								as: "legend",
-								labelDescription: legendDescription,
-								required,
-								children: legend
-							}) : null, description ? /* @__PURE__ */ jsx(Text, {
-								as: typeof description === "string" ? "p" : "div",
-								prominence: "weak",
-								sentiment: "neutral",
-								variant: "bodySmall",
-								children: description
-							}) : null]
-						}) : null, /* @__PURE__ */ jsx(Stack, {
-							direction,
-							gap: direction === "column" ? 1 : 2,
-							children
-						})]
-					})
-				}), /* @__PURE__ */ jsx(Description, {
-					helper,
-					error,
-					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
-				})]
-			})
-		});
-	};
-	CheckboxGroup.displayName = "CheckboxGroup";
-	CheckboxGroup.Checkbox = CheckboxGroupCheckbox;
-});
+function init_CheckboxGroup() {
+	return (init_CheckboxGroup = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Label();
+		init_Stack();
+		init_Text();
+		init_Context();
+		init_SingleCheckbox();
+		init_styles_css();
+		CheckboxGroup = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style, "aria-describedby": ariaDescribedBy }) => {
+			const contextValue = useMemo(() => ({
+				error: !!error,
+				groupName: name,
+				groupValues: value !== null && value !== void 0 ? value : [],
+				onChange,
+				required
+			}), [
+				name,
+				value,
+				onChange,
+				required,
+				error
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx("fieldset", {
+						className: cn(className, checkboxGroupStyle.fieldset),
+						style,
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+						children: /* @__PURE__ */ jsxs(Stack, {
+							gap: 1.5,
+							children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+								gap: .5,
+								children: [legend ? /* @__PURE__ */ jsx(Label, {
+									as: "legend",
+									labelDescription: legendDescription,
+									required,
+									children: legend
+								}) : null, description ? /* @__PURE__ */ jsx(Text, {
+									as: typeof description === "string" ? "p" : "div",
+									prominence: "weak",
+									sentiment: "neutral",
+									variant: "bodySmall",
+									children: description
+								}) : null]
+							}) : null, /* @__PURE__ */ jsx(Stack, {
+								direction,
+								gap: direction === "column" ? 1 : 2,
+								children
+							})]
+						})
+					}), /* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})]
+				})
+			});
+		};
+		CheckboxGroup.displayName = "CheckboxGroup";
+		CheckboxGroup.Checkbox = CheckboxGroupCheckbox;
+	}))();
+}
 
 //#endregion
 init_CheckboxGroup();

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

@@ -3,13 +3,15 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/CheckboxGroup/styles.css.ts
 var checkboxGroupStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	checkboxGroupStyle = {
-		fieldset: "uv_19cjf6j0",
-		checkboxGroup: "uv_19cjf6j1"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		checkboxGroupStyle = {
+			fieldset: "uv_19cjf6j0",
+			checkboxGroup: "uv_19cjf6j1"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -4,9 +4,11 @@ import { createContext } from "react";
 
 //#region src/components/Chip/ChipContext.tsx
 var ChipContext;
-var init_ChipContext = __esmMin(() => {
-	ChipContext = createContext(void 0);
-});
+function init_ChipContext() {
+	return (init_ChipContext = __esmMin(() => {
+		ChipContext = createContext(void 0);
+	}))();
+}
 
 //#endregion
 init_ChipContext();

package/dist/components/Chip/ChipIcon.js

@@ -7,40 +7,42 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Chip/ChipIcon.tsx
 var ChipIcon;
-var init_ChipIcon = __esmMin(() => {
-	init_ChipContext();
-	init_styles_css();
-	ChipIcon = ({ icon, onClick, "data-testid": dataTestId }) => {
-		const context = useContext(ChipContext);
-		if (!context) throw new Error("Chip.Icon can only be used inside a Chip component");
-		const { disabled, isActive, iconRef } = context;
-		if (onClick) return /* @__PURE__ */ jsx("button", {
-			className: chipStyle.buttonContainer,
-			"data-active": isActive,
-			"data-disabled": disabled,
-			"data-has-onclick": !!onClick && !disabled,
-			"data-testid": dataTestId,
-			onClick: (event) => {
-				if (!disabled && onClick) {
-					event.stopPropagation();
-					onClick();
-				}
-			},
-			ref: iconRef,
-			type: "button",
-			children: icon
-		});
-		return /* @__PURE__ */ jsx("div", {
-			className: chipStyle.buttonContainer,
-			"data-active": isActive,
-			"data-disabled": disabled,
-			"data-testid": dataTestId,
-			ref: iconRef,
-			children: icon
-		});
-	};
-	ChipIcon.displayName = "Chip.Icon";
-});
+function init_ChipIcon() {
+	return (init_ChipIcon = __esmMin(() => {
+		init_ChipContext();
+		init_styles_css();
+		ChipIcon = ({ icon, onClick, "data-testid": dataTestId }) => {
+			const context = useContext(ChipContext);
+			if (!context) throw new Error("Chip.Icon can only be used inside a Chip component");
+			const { disabled, isActive, iconRef } = context;
+			if (onClick) return /* @__PURE__ */ jsx("button", {
+				className: chipStyle.buttonContainer,
+				"data-active": isActive,
+				"data-disabled": disabled,
+				"data-has-onclick": !!onClick && !disabled,
+				"data-testid": dataTestId,
+				onClick: (event) => {
+					if (!disabled && onClick) {
+						event.stopPropagation();
+						onClick();
+					}
+				},
+				ref: iconRef,
+				type: "button",
+				children: icon
+			});
+			return /* @__PURE__ */ jsx("div", {
+				className: chipStyle.buttonContainer,
+				"data-active": isActive,
+				"data-disabled": disabled,
+				"data-testid": dataTestId,
+				ref: iconRef,
+				children: icon
+			});
+		};
+		ChipIcon.displayName = "Chip.Icon";
+	}))();
+}
 
 //#endregion
 init_ChipIcon();

package/dist/components/Chip/index.js

@@ -11,71 +11,73 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Chip/index.tsx
 var Chip;
-var init_Chip = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_ChipContext();
-	init_ChipIcon();
-	init_styles_css();
-	Chip = ({ children, size = "medium", disabled = false, active = false, className, "data-testid": dataTestId, onClick, style }) => {
-		const [isActive, setIsActive] = useState(active);
-		const [hasTrailingIcon, setTrailingIcon] = useState(false);
-		const chipRef = useRef(null);
-		const iconRef = useRef(null);
-		const prominence = useMemo(() => {
-			if (isActive) return "stronger";
-			if (disabled) return "weak";
-			return "default";
-		}, [isActive, disabled]);
-		const value = useMemo(() => ({
-			disabled,
-			iconRef,
-			isActive
-		}), [
-			isActive,
-			disabled,
-			iconRef
-		]);
-		useEffect(() => {
-			setIsActive(active);
-		}, [active]);
-		useEffect(() => {
-			if (chipRef.current && iconRef.current) if (chipRef.current.lastChild === iconRef.current) setTrailingIcon(true);
-			else setTrailingIcon(false);
-		}, [children, iconRef]);
-		return /* @__PURE__ */ jsx(ChipContext.Provider, {
-			value,
-			children: /* @__PURE__ */ jsx(Text, {
-				as: "div",
-				style,
-				variant: size === "large" ? "bodySmall" : "caption",
-				children: /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					className: cn(className, chipStyle.container),
-					"data-active": isActive,
-					"data-disabled": disabled,
-					"data-prominence": prominence,
-					"data-size": size,
-					"data-testid": dataTestId,
-					"data-trailing-icon": hasTrailingIcon,
-					direction: "row",
-					gap: 1,
-					justifyContent: "center",
-					onClick: () => {
-						if (!disabled) {
-							setIsActive(!isActive);
-							onClick === null || onClick === void 0 || onClick(!isActive);
-						}
-					},
-					ref: chipRef,
-					children
+function init_Chip() {
+	return (init_Chip = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_ChipContext();
+		init_ChipIcon();
+		init_styles_css();
+		Chip = ({ children, size = "medium", disabled = false, active = false, className, "data-testid": dataTestId, onClick, style }) => {
+			const [isActive, setIsActive] = useState(active);
+			const [hasTrailingIcon, setTrailingIcon] = useState(false);
+			const chipRef = useRef(null);
+			const iconRef = useRef(null);
+			const prominence = useMemo(() => {
+				if (isActive) return "stronger";
+				if (disabled) return "weak";
+				return "default";
+			}, [isActive, disabled]);
+			const value = useMemo(() => ({
+				disabled,
+				iconRef,
+				isActive
+			}), [
+				isActive,
+				disabled,
+				iconRef
+			]);
+			useEffect(() => {
+				setIsActive(active);
+			}, [active]);
+			useEffect(() => {
+				if (chipRef.current && iconRef.current) if (chipRef.current.lastChild === iconRef.current) setTrailingIcon(true);
+				else setTrailingIcon(false);
+			}, [children, iconRef]);
+			return /* @__PURE__ */ jsx(ChipContext.Provider, {
+				value,
+				children: /* @__PURE__ */ jsx(Text, {
+					as: "div",
+					style,
+					variant: size === "large" ? "bodySmall" : "caption",
+					children: /* @__PURE__ */ jsx(Stack, {
+						alignItems: "center",
+						className: cn(className, chipStyle.container),
+						"data-active": isActive,
+						"data-disabled": disabled,
+						"data-prominence": prominence,
+						"data-size": size,
+						"data-testid": dataTestId,
+						"data-trailing-icon": hasTrailingIcon,
+						direction: "row",
+						gap: 1,
+						justifyContent: "center",
+						onClick: () => {
+							if (!disabled) {
+								setIsActive(!isActive);
+								onClick === null || onClick === void 0 || onClick(!isActive);
+							}
+						},
+						ref: chipRef,
+						children
+					})
 				})
-			})
-		});
-	};
-	Chip.displayName = "Chip";
-	Chip.Icon = ChipIcon;
-});
+			});
+		};
+		Chip.displayName = "Chip";
+		Chip.Icon = ChipIcon;
+	}))();
+}
 
 //#endregion
 init_Chip();

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

@@ -3,13 +3,15 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Chip/styles.css.ts
 var chipStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	chipStyle = {
-		buttonContainer: "uv_1u4n71t0",
-		container: "uv_1u4n71t1"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		chipStyle = {
+			buttonContainer: "uv_1u4n71t0",
+			container: "uv_1u4n71t1"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -8,31 +8,33 @@ import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/CopyButton/index.tsx
 var COPY_DURATION, CopyButton;
-var init_CopyButton = __esmMin(() => {
-	init_Button();
-	COPY_DURATION = 2500;
-	CopyButton = ({ size = "small", value, copyText = "Copy", copiedText = "Copied!", sentiment = "primary", bordered, className, children, "data-testid": dataTestId, onCopy, style }) => {
-		const [isCopied, setCopied] = useClipboard(value, { successDuration: COPY_DURATION });
-		return /* @__PURE__ */ jsxs(Button, {
-			"aria-label": "Copy",
-			className,
-			"data-testid": dataTestId,
-			onClick: () => {
-				setCopied().then(() => {
-					onCopy === null || onCopy === void 0 || onCopy();
-				}).catch(() => null);
-			},
-			sentiment,
-			size,
-			style,
-			tooltip: isCopied ? copiedText : copyText,
-			type: "button",
-			variant: bordered ? "outlined" : "ghost",
-			children: [isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}), children]
-		});
-	};
-	CopyButton.displayName = "CopyButton";
-});
+function init_CopyButton() {
+	return (init_CopyButton = __esmMin(() => {
+		init_Button();
+		COPY_DURATION = 2500;
+		CopyButton = ({ size = "small", value, copyText = "Copy", copiedText = "Copied!", sentiment = "primary", bordered, className, children, "data-testid": dataTestId, onCopy, style }) => {
+			const [isCopied, setCopied] = useClipboard(value, { successDuration: COPY_DURATION });
+			return /* @__PURE__ */ jsxs(Button, {
+				"aria-label": "Copy",
+				className,
+				"data-testid": dataTestId,
+				onClick: () => {
+					setCopied().then(() => {
+						onCopy === null || onCopy === void 0 || onCopy();
+					}).catch(() => null);
+				},
+				sentiment,
+				size,
+				style,
+				tooltip: isCopied ? copiedText : copyText,
+				type: "button",
+				variant: bordered ? "outlined" : "ghost",
+				children: [isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}), children]
+			});
+		};
+		CopyButton.displayName = "CopyButton";
+	}))();
+}
 
 //#endregion
 init_CopyButton();

package/dist/components/DateInput/Context.js

@@ -4,26 +4,28 @@ import { createContext } from "react";
 
 //#region src/components/DateInput/Context.tsx
 var DateInputContext;
-var init_Context = __esmMin(() => {
-	DateInputContext = createContext({
-		DAYS: {},
-		disabled: false,
-		excludeDates: [],
-		MONTHS: {},
-		MONTHS_ARR: [],
-		monthToShow: 1,
-		readOnly: false,
-		selectsRange: false,
-		setHoveredDate: () => {},
-		setInputValue: () => {},
-		setMonthToShow: () => {},
-		setValue: () => {},
-		setVisible: () => {},
-		setYearToShow: () => {},
-		showMonthYearPicker: false,
-		yearToShow: 2e3
-	});
-});
+function init_Context() {
+	return (init_Context = __esmMin(() => {
+		DateInputContext = createContext({
+			DAYS: {},
+			disabled: false,
+			excludeDates: [],
+			MONTHS: {},
+			MONTHS_ARR: [],
+			monthToShow: 1,
+			readOnly: false,
+			selectsRange: false,
+			setHoveredDate: () => {},
+			setInputValue: () => {},
+			setMonthToShow: () => {},
+			setValue: () => {},
+			setVisible: () => {},
+			setYearToShow: () => {},
+			showMonthYearPicker: false,
+			yearToShow: 2e3
+		});
+	}))();
+}
 
 //#endregion
 init_Context();