@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/Chip/index.js

@@ -1,75 +1,81 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { ChipContext } from "./ChipContext.js";
-import { container } from "./styles.css.js";
-import { ChipIcon } from "./ChipIcon.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { ChipContext, init_ChipContext } from "./ChipContext.js";
+import { chipStyle, init_styles_css } from "./styles.css.js";
+import { ChipIcon, init_ChipIcon } from "./ChipIcon.js";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Chip/index.tsx
-/**
-* Chip component is used to display a clickable status or a label in a small container
-*/
-const 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, 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
+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
+				})
 			})
-		})
-	});
-};
-Chip.Icon = ChipIcon;
+		});
+	};
+	Chip.Icon = ChipIcon;
+});
 
 //#endregion
-export { Chip };
+init_Chip();
+export { Chip, init_Chip };

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

@@ -1,3 +1,5 @@
-export declare const buttonContainer: string;
-export declare const container: string;
+export declare const chipStyle: {
+    buttonContainer: string;
+    container: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAkB1B,CAAA;AAEF,eAAO,MAAM,SAAS,QAkDpB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/styles.css.ts"],"names":[],"mappings":"AA4EA,eAAO,MAAM,SAAS;;;CAAiC,CAAA"}

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

@@ -1,8 +1,16 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Chip/styles.css.ts
-var buttonContainer = "uv_1u4n71t0";
-var container = "uv_1u4n71t1";
+var chipStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	chipStyle = {
+		buttonContainer: "uv_1u4n71t0",
+		container: "uv_1u4n71t1"
+	};
+});
 
 //#endregion
-export { buttonContainer, container };
+init_styles_css();
+export { chipStyle, init_styles_css };

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

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

package/dist/components/CopyButton/index.js

@@ -1,35 +1,37 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Button } from "../Button/index.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../Button/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
 import useClipboard from "react-use-clipboard";
+import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/CopyButton/index.tsx
-const COPY_DURATION = 2500;
-/**
-* CopyButton is a button that copies a given value to the clipboard.
-*/
-const 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();
-			onCopy === null || onCopy === void 0 || onCopy();
-		},
-		sentiment,
-		size,
-		style,
-		tooltip: isCopied ? copiedText : copyText,
-		type: "button",
-		variant: bordered ? "outlined" : "ghost",
-		children: [isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}), children]
-	});
-};
+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();
+				onCopy === null || onCopy === void 0 || onCopy();
+			},
+			sentiment,
+			size,
+			style,
+			tooltip: isCopied ? copiedText : copyText,
+			type: "button",
+			variant: bordered ? "outlined" : "ghost",
+			children: [isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}), children]
+		});
+	};
+});
 
 //#endregion
-export { CopyButton };
+init_CopyButton();
+export { CopyButton, init_CopyButton };

package/dist/components/DateInput/Context.js

@@ -1,26 +1,30 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { createContext } from "react";
 
 //#region src/components/DateInput/Context.tsx
-const DateInputContext = createContext({
-	DAYS: {},
-	disabled: false,
-	excludeDates: [],
-	MONTHS: {},
-	MONTHS_ARR: [],
-	monthToShow: 1,
-	readOnly: false,
-	selectsRange: false,
-	setHoveredDate: () => null,
-	setInputValue: () => null,
-	setMonthToShow: () => null,
-	setValue: () => null,
-	setVisible: () => null,
-	setYearToShow: () => null,
-	showMonthYearPicker: false,
-	yearToShow: 2e3
+var DateInputContext;
+var init_Context = __esmMin(() => {
+	DateInputContext = createContext({
+		DAYS: {},
+		disabled: false,
+		excludeDates: [],
+		MONTHS: {},
+		MONTHS_ARR: [],
+		monthToShow: 1,
+		readOnly: false,
+		selectsRange: false,
+		setHoveredDate: () => null,
+		setInputValue: () => null,
+		setMonthToShow: () => null,
+		setValue: () => null,
+		setVisible: () => null,
+		setYearToShow: () => null,
+		showMonthYearPicker: false,
+		yearToShow: 2e3
+	});
 });
 
 //#endregion
-export { DateInputContext };
+init_Context();
+export { DateInputContext, init_Context };

package/dist/components/DateInput/components/CalendarContent.js

@@ -1,76 +1,88 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
-import { Button } from "../../Button/index.js";
-import { DateInputContext } from "../Context.js";
-import { getNextMonth, getPreviousMonth } from "../helpers.js";
-import { capitalizedText } from "./styles.css.js";
-import { Daily } from "./CalendarDaily.js";
-import { Monthly } from "./CalendarMonthly.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { Button, init_Button } from "../../Button/index.js";
+import { DateInputContext, init_Context } from "../Context.js";
+import { getNextMonth, getPreviousMonth, init_helpers } from "../helpers.js";
+import { dateInputStyle, init_styles_css } from "../styles.css.js";
+import { Daily, init_CalendarDaily } from "./CalendarDaily.js";
+import { Monthly, init_CalendarMonthly } from "./CalendarMonthly.js";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
 import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 
 //#region src/components/DateInput/components/CalendarContent.tsx
-const CalendarContent = () => {
-	const { showMonthYearPicker, disabled, monthToShow, yearToShow, setMonthToShow, setYearToShow, maxDate, minDate, MONTHS_ARR, readOnly } = useContext(DateInputContext);
-	return /* @__PURE__ */ jsxs(Stack, {
-		gap: 2,
-		children: [/* @__PURE__ */ jsxs(Stack, {
-			direction: "row",
-			justifyContent: "space-between",
-			width: "100%",
-			children: [
-				/* @__PURE__ */ jsx(Button, {
-					"data-testid": "previous-month",
-					disabled: !!(minDate && minDate > new Date(yearToShow, monthToShow - 1, 0)) || disabled,
-					onClick: () => {
-						if ((!minDate || minDate <= new Date(yearToShow, monthToShow - 1, 0)) && !readOnly) if (showMonthYearPicker) setYearToShow(yearToShow - 1);
-						else {
-							const [prevMonth, year] = getPreviousMonth(monthToShow, yearToShow);
-							setMonthToShow(prevMonth);
-							setYearToShow(year);
-						}
-					},
-					sentiment: "neutral",
-					size: "xsmall",
-					variant: "ghost",
-					children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
-				}),
-				/* @__PURE__ */ jsxs(Text, {
-					as: "span",
-					className: capitalizedText,
-					disabled,
-					sentiment: "neutral",
-					variant: "bodyStrong",
-					children: [
-						showMonthYearPicker ? null : MONTHS_ARR[monthToShow - 1],
-						"\xA0",
-						yearToShow
-					]
-				}),
-				/* @__PURE__ */ jsx(Button, {
-					"data-testid": "next-month",
-					disabled: !!(maxDate && maxDate < new Date(yearToShow, monthToShow, 1)) || disabled,
-					onClick: () => {
-						if ((!maxDate || maxDate >= new Date(yearToShow, monthToShow, 1)) && !readOnly) if (showMonthYearPicker) setYearToShow(yearToShow + 1);
-						else {
-							const [monthNext, year] = getNextMonth(monthToShow, yearToShow);
-							setMonthToShow(monthNext);
-							setYearToShow(year);
-						}
-					},
-					sentiment: "neutral",
-					size: "xsmall",
-					variant: "ghost",
-					children: /* @__PURE__ */ jsx(ArrowRightIcon, {})
-				})
-			]
-		}), showMonthYearPicker ? /* @__PURE__ */ jsx(Monthly, {}) : /* @__PURE__ */ jsx(Daily, {})]
-	});
-};
+var CalendarContent;
+var init_CalendarContent = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_Text();
+	init_Context();
+	init_helpers();
+	init_styles_css();
+	init_CalendarDaily();
+	init_CalendarMonthly();
+	CalendarContent = () => {
+		const { showMonthYearPicker, disabled, monthToShow, yearToShow, setMonthToShow, setYearToShow, maxDate, minDate, MONTHS_ARR, readOnly } = useContext(DateInputContext);
+		return /* @__PURE__ */ jsxs(Stack, {
+			gap: 2,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				justifyContent: "space-between",
+				width: "100%",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						"data-testid": "previous-month",
+						disabled: !!(minDate && minDate > new Date(yearToShow, monthToShow - 1, 0)) || disabled,
+						onClick: () => {
+							if ((!minDate || minDate <= new Date(yearToShow, monthToShow - 1, 0)) && !readOnly) if (showMonthYearPicker) setYearToShow(yearToShow - 1);
+							else {
+								const [prevMonth, year] = getPreviousMonth(monthToShow, yearToShow);
+								setMonthToShow(prevMonth);
+								setYearToShow(year);
+							}
+						},
+						sentiment: "neutral",
+						size: "xsmall",
+						variant: "ghost",
+						children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+					}),
+					/* @__PURE__ */ jsxs(Text, {
+						as: "span",
+						className: dateInputStyle.capitalizedText,
+						disabled,
+						sentiment: "neutral",
+						variant: "bodyStrong",
+						children: [
+							showMonthYearPicker ? null : MONTHS_ARR[monthToShow - 1],
+							"\xA0",
+							yearToShow
+						]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						"data-testid": "next-month",
+						disabled: !!(maxDate && maxDate < new Date(yearToShow, monthToShow, 1)) || disabled,
+						onClick: () => {
+							if ((!maxDate || maxDate >= new Date(yearToShow, monthToShow, 1)) && !readOnly) if (showMonthYearPicker) setYearToShow(yearToShow + 1);
+							else {
+								const [monthNext, year] = getNextMonth(monthToShow, yearToShow);
+								setMonthToShow(monthNext);
+								setYearToShow(year);
+							}
+						},
+						sentiment: "neutral",
+						size: "xsmall",
+						variant: "ghost",
+						children: /* @__PURE__ */ jsx(ArrowRightIcon, {})
+					})
+				]
+			}), showMonthYearPicker ? /* @__PURE__ */ jsx(Monthly, {}) : /* @__PURE__ */ jsx(Daily, {})]
+		});
+	};
+});
 
 //#endregion
-export { CalendarContent };
+init_CalendarContent();
+export { CalendarContent, init_CalendarContent };