@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/Carousel/index.js

@@ -8,96 +8,98 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Carousel/index.tsx
 var Carousel;
-var init_Carousel = __esmMin(() => {
-	init_Item();
-	init_styles_css();
-	Carousel = ({ children, className, "data-testid": dataTestId = "scrollbar" }) => {
-		const scrollRef = useRef(null);
-		let intervalLeft;
-		let intervalRight;
-		const handleScrollRight = () => {
-			intervalRight = setInterval(() => {
-				var _scrollRef$current;
-				var _scrollRef$current2;
-				if (((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo) && ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollLeft)) {
-					var _scrollRef$current$sc;
-					var _scrollRef$current3;
-					(_scrollRef$current$sc = (_scrollRef$current3 = scrollRef.current).scrollTo) === null || _scrollRef$current$sc === void 0 || _scrollRef$current$sc.call(_scrollRef$current3, scrollRef.current.scrollLeft - 25, 0);
+function init_Carousel() {
+	return (init_Carousel = __esmMin(() => {
+		init_Item();
+		init_styles_css();
+		Carousel = ({ children, className, "data-testid": dataTestId = "scrollbar" }) => {
+			const scrollRef = useRef(null);
+			let intervalLeft;
+			let intervalRight;
+			const handleScrollRight = () => {
+				intervalRight = setInterval(() => {
+					var _scrollRef$current;
+					var _scrollRef$current2;
+					if (((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo) && ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollLeft)) {
+						var _scrollRef$current$sc;
+						var _scrollRef$current3;
+						(_scrollRef$current$sc = (_scrollRef$current3 = scrollRef.current).scrollTo) === null || _scrollRef$current$sc === void 0 || _scrollRef$current$sc.call(_scrollRef$current3, scrollRef.current.scrollLeft - 25, 0);
+					}
+				}, 30);
+			};
+			const handleScrollLeft = () => {
+				intervalLeft = setInterval(() => {
+					var _scrollRef$current4;
+					var _scrollRef$current5;
+					if (((_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.scrollTo) && ((_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _scrollRef$current5.scrollLeft)) scrollRef.current.scrollTo(scrollRef.current.scrollLeft + 25, 0);
+				}, 30);
+			};
+			const handleScrollX = (scrollX = 25) => {
+				var _scrollRef$current6;
+				var _scrollRef$current7;
+				if (((_scrollRef$current6 = scrollRef.current) === null || _scrollRef$current6 === void 0 ? void 0 : _scrollRef$current6.scrollTo) && ((_scrollRef$current7 = scrollRef.current) === null || _scrollRef$current7 === void 0 ? void 0 : _scrollRef$current7.scrollLeft)) {
+					var _scrollRef$current$sc2;
+					var _scrollRef$current8;
+					(_scrollRef$current$sc2 = (_scrollRef$current8 = scrollRef.current).scrollTo) === null || _scrollRef$current$sc2 === void 0 || _scrollRef$current$sc2.call(_scrollRef$current8, scrollRef.current.scrollLeft + scrollX, 0);
 				}
-			}, 30);
+			};
+			const cleanUp = () => {
+				clearInterval(intervalLeft);
+				clearInterval(intervalRight);
+			};
+			useEffect(() => cleanUp);
+			const [dragStartX, setDragStartX] = useState(0);
+			const [deltaX, setDeltaX] = useState(0);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn(className, carouselStyle.wrapper),
+				"data-testid": dataTestId,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: carouselStyle.beforeScroll,
+						"data-testid": `${dataTestId}-before`,
+						onFocus: handleScrollRight,
+						onMouseLeave: () => clearInterval(intervalRight),
+						onMouseOver: handleScrollRight
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: cn(className, carouselStyle.scrollableWrapper),
+						"data-testid": `${dataTestId}-wrapper`,
+						onDrag: () => handleScrollX(deltaX),
+						onDragEnd: () => {
+							setDeltaX(0);
+							setDragStartX(0);
+						},
+						onDragOver: (e) => {
+							setDeltaX(dragStartX - e.pageX);
+							setDragStartX(e.pageX);
+						},
+						onDragStart: (e) => {
+							const blankImg = new Image();
+							blankImg.src = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
+							e.dataTransfer.setDragImage(blankImg, 0, 0);
+							setDragStartX(e.clientX);
+						},
+						onMouseUp: (e) => {
+							e.preventDefault();
+							e.stopPropagation();
+						},
+						ref: scrollRef,
+						children
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: carouselStyle.afterScroll,
+						"data-testid": `${dataTestId}-after`,
+						onFocus: handleScrollLeft,
+						onMouseLeave: () => clearInterval(intervalLeft),
+						onMouseOver: handleScrollLeft
+					})
+				]
+			});
 		};
-		const handleScrollLeft = () => {
-			intervalLeft = setInterval(() => {
-				var _scrollRef$current4;
-				var _scrollRef$current5;
-				if (((_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.scrollTo) && ((_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _scrollRef$current5.scrollLeft)) scrollRef.current.scrollTo(scrollRef.current.scrollLeft + 25, 0);
-			}, 30);
-		};
-		const handleScrollX = (scrollX = 25) => {
-			var _scrollRef$current6;
-			var _scrollRef$current7;
-			if (((_scrollRef$current6 = scrollRef.current) === null || _scrollRef$current6 === void 0 ? void 0 : _scrollRef$current6.scrollTo) && ((_scrollRef$current7 = scrollRef.current) === null || _scrollRef$current7 === void 0 ? void 0 : _scrollRef$current7.scrollLeft)) {
-				var _scrollRef$current$sc2;
-				var _scrollRef$current8;
-				(_scrollRef$current$sc2 = (_scrollRef$current8 = scrollRef.current).scrollTo) === null || _scrollRef$current$sc2 === void 0 || _scrollRef$current$sc2.call(_scrollRef$current8, scrollRef.current.scrollLeft + scrollX, 0);
-			}
-		};
-		const cleanUp = () => {
-			clearInterval(intervalLeft);
-			clearInterval(intervalRight);
-		};
-		useEffect(() => cleanUp);
-		const [dragStartX, setDragStartX] = useState(0);
-		const [deltaX, setDeltaX] = useState(0);
-		return /* @__PURE__ */ jsxs("div", {
-			className: cn(className, carouselStyle.wrapper),
-			"data-testid": dataTestId,
-			children: [
-				/* @__PURE__ */ jsx("span", {
-					className: carouselStyle.beforeScroll,
-					"data-testid": `${dataTestId}-before`,
-					onFocus: handleScrollRight,
-					onMouseLeave: () => clearInterval(intervalRight),
-					onMouseOver: handleScrollRight
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: cn(className, carouselStyle.scrollableWrapper),
-					"data-testid": `${dataTestId}-wrapper`,
-					onDrag: () => handleScrollX(deltaX),
-					onDragEnd: () => {
-						setDeltaX(0);
-						setDragStartX(0);
-					},
-					onDragOver: (e) => {
-						setDeltaX(dragStartX - e.pageX);
-						setDragStartX(e.pageX);
-					},
-					onDragStart: (e) => {
-						const blankImg = new Image();
-						blankImg.src = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
-						e.dataTransfer.setDragImage(blankImg, 0, 0);
-						setDragStartX(e.clientX);
-					},
-					onMouseUp: (e) => {
-						e.preventDefault();
-						e.stopPropagation();
-					},
-					ref: scrollRef,
-					children
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: carouselStyle.afterScroll,
-					"data-testid": `${dataTestId}-after`,
-					onFocus: handleScrollLeft,
-					onMouseLeave: () => clearInterval(intervalLeft),
-					onMouseOver: handleScrollLeft
-				})
-			]
-		});
-	};
-	Carousel.displayName = "Carousel";
-	Carousel.Item = CarouselItem;
-});
+		Carousel.displayName = "Carousel";
+		Carousel.Item = CarouselItem;
+	}))();
+}
 
 //#endregion
 init_Carousel();

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

@@ -3,17 +3,19 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Carousel/styles.css.ts
 var widthVar, carouselStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	widthVar = "var(--uv_ztme1b0)";
-	carouselStyle = {
-		wrapper: "uv_ztme1b1",
-		beforeScroll: "uv_ztme1b2",
-		scrollableWrapper: "uv_ztme1b3",
-		afterScroll: "uv_ztme1b4",
-		borderWrapper: "uv_ztme1b5"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		widthVar = "var(--uv_ztme1b0)";
+		carouselStyle = {
+			wrapper: "uv_ztme1b1",
+			beforeScroll: "uv_ztme1b2",
+			scrollableWrapper: "uv_ztme1b3",
+			afterScroll: "uv_ztme1b4",
+			borderWrapper: "uv_ztme1b5"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -6,38 +6,40 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Checkbox/CheckboxIconContainer.tsx
 var CheckboxIconContainer;
-var init_CheckboxIconContainer = __esmMin(() => {
-	init_styles_css();
-	CheckboxIconContainer = ({ checked }) => {
-		const theme = useTheme();
-		return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
-			className: checkboxStyle.innerCheckbox,
-			height: "16",
-			rx: theme.radii.small,
-			strokeWidth: "2",
-			width: "16",
-			x: "4",
-			y: "4"
-		}), checked === "indeterminate" ? /* @__PURE__ */ jsx("rect", {
-			className: checkboxStyle.checkMixedMark,
-			height: "2",
-			rx: "1",
-			width: "12",
-			x: "6",
-			y: "11"
-		}) : /* @__PURE__ */ jsx("path", {
-			className: checkboxStyle.iconPath,
-			clipRule: "evenodd",
-			d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z",
-			fill: "white",
-			fillRule: "evenodd",
-			height: 9,
-			width: 12,
-			x: "5",
-			y: "4"
-		})] });
-	};
-});
+function init_CheckboxIconContainer() {
+	return (init_CheckboxIconContainer = __esmMin(() => {
+		init_styles_css();
+		CheckboxIconContainer = ({ checked }) => {
+			const theme = useTheme();
+			return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
+				className: checkboxStyle.innerCheckbox,
+				height: "16",
+				rx: theme.radii.small,
+				strokeWidth: "2",
+				width: "16",
+				x: "4",
+				y: "4"
+			}), checked === "indeterminate" ? /* @__PURE__ */ jsx("rect", {
+				className: checkboxStyle.checkMixedMark,
+				height: "2",
+				rx: "1",
+				width: "12",
+				x: "6",
+				y: "11"
+			}) : /* @__PURE__ */ jsx("path", {
+				className: checkboxStyle.iconPath,
+				clipRule: "evenodd",
+				d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z",
+				fill: "white",
+				fillRule: "evenodd",
+				height: 9,
+				width: 12,
+				x: "5",
+				y: "4"
+			})] });
+		};
+	}))();
+}
 
 //#endregion
 init_CheckboxIconContainer();

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

@@ -1,23 +1,12 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
-type LabelProp = {
-    children: ReactNode;
-    'aria-label'?: never;
-} | {
-    children?: never;
-    'aria-label': string;
-};
-type CheckboxProps = {
+import type { BaseFormComponentProps, CheckboxLabelProp } from '../../types';
+type CheckboxProps = BaseFormComponentProps<HTMLInputElement> & CheckboxLabelProp & {
     error?: ReactNode;
-    helper?: ReactNode;
-    disabled?: boolean;
     checked?: boolean | 'indeterminate';
-    className?: string;
     ['data-visibility']?: string;
-    required?: boolean;
-    'data-testid'?: string;
     tooltip?: string;
     size?: 'default' | 'small';
-} & Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onKeyDown' | 'onClick' | 'onFocus' | 'tabIndex' | 'value' | 'style' | 'aria-describedby'> & LabelProp;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onClick' | 'tabIndex' | 'value'>;
 /**
  * Checkbox is an input component used to select or deselect an option.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAS3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC3B,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,GACP,kBAAkB,CACrB,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAmHpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAQ5E,KAAK,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,GAC3D,iBAAiB,GAAG;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC3B,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,CAAA;AAEhG;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAmHpB,CAAA"}

package/dist/components/Checkbox/index.js

@@ -13,97 +13,99 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Checkbox/index.tsx
 var Checkbox;
-var init_Checkbox = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Stack();
-	init_Text();
-	init_Tooltip();
-	init_CheckboxIconContainer();
-	init_styles_css();
-	Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, onKeyDown, error, name, helper, value, children, disabled = false, autoFocus = false, className, "data-visibility": dataVisibility, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, required, "data-testid": dataTestId, tooltip, tabIndex, style, size = "default" }, ref) => {
-		const uniqId = useId();
-		const localId = id !== null && id !== void 0 ? id : uniqId;
-		const styledChildren = typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
-			as: "label",
-			className: checkboxStyle.label,
-			htmlFor: localId,
-			prominence: "default",
-			sentiment: "neutral",
-			variant: size === "small" ? "bodySmall" : "body",
-			disabled,
-			children
-		}) : /* @__PURE__ */ jsx("label", {
-			className: checkboxStyle.label,
-			htmlFor: localId,
-			children
+function init_Checkbox() {
+	return (init_Checkbox = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Stack();
+		init_Text();
+		init_Tooltip();
+		init_CheckboxIconContainer();
+		init_styles_css();
+		Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, onKeyDown, error, name, helper, value, children, disabled = false, autoFocus = false, className, "data-visibility": dataVisibility, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, required, "data-testid": dataTestId, tooltip, tabIndex, style, size = "default" }, ref) => {
+			const uniqId = useId();
+			const localId = id !== null && id !== void 0 ? id : uniqId;
+			const styledChildren = typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "label",
+				className: checkboxStyle.label,
+				htmlFor: localId,
+				prominence: "default",
+				sentiment: "neutral",
+				variant: size === "small" ? "bodySmall" : "body",
+				disabled,
+				children
+			}) : /* @__PURE__ */ jsx("label", {
+				className: checkboxStyle.label,
+				htmlFor: localId,
+				children
+			});
+			const isCheck = checked === true ? checked : false;
+			const childStack = children || required ? /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				gap: .5,
+				children: [children ? styledChildren : null, required ? /* @__PURE__ */ jsx(Text, {
+					as: "sup",
+					sentiment: "danger",
+					variant: "body",
+					children: "*"
+				}) : null]
+			}) : null;
+			return /* @__PURE__ */ jsx(Tooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsxs("div", {
+					"aria-disabled": disabled,
+					className: cn(className, checkboxStyle.container[size]),
+					"data-checked": checked,
+					"data-error": !!error,
+					"data-testid": dataTestId,
+					"data-visibility": dataVisibility,
+					children: [
+						/* @__PURE__ */ jsx("input", {
+							"aria-checked": checked === "indeterminate" ? "mixed" : isCheck,
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? `${localId}-hint` : void 0),
+							"aria-invalid": !!error,
+							"aria-label": ariaLabel,
+							autoFocus,
+							checked: isCheck,
+							className: checkboxStyle.input[size],
+							disabled,
+							id: localId,
+							name,
+							onBlur,
+							onChange,
+							onFocus,
+							onKeyDown,
+							ref,
+							required,
+							style,
+							tabIndex,
+							type: "checkbox",
+							value
+						}),
+						/* @__PURE__ */ jsxs("svg", {
+							className: checkboxStyle.icon[size],
+							fill: "none",
+							viewBox: "0 0 24 24",
+							children: [/* @__PURE__ */ jsx("title", { children: name }), /* @__PURE__ */ jsx(CheckboxIconContainer, { checked })]
+						}),
+						children || required || helper || error ? /* @__PURE__ */ jsxs(Stack, {
+							flex: 1,
+							gap: .5,
+							children: [childStack, /* @__PURE__ */ jsx(Description, {
+								helper,
+								error,
+								id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : `${localId}-hint`,
+								disabled: disabled && !error
+							})]
+						}) : null
+					]
+				})
+			});
 		});
-		const isCheck = checked === true ? checked : false;
-		const childStack = children || required ? /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			direction: "row",
-			gap: .5,
-			children: [children ? styledChildren : null, required ? /* @__PURE__ */ jsx(Text, {
-				as: "sup",
-				sentiment: "danger",
-				variant: "body",
-				children: "*"
-			}) : null]
-		}) : null;
-		return /* @__PURE__ */ jsx(Tooltip, {
-			text: tooltip,
-			children: /* @__PURE__ */ jsxs("div", {
-				"aria-disabled": disabled,
-				className: cn(className, checkboxStyle.container[size]),
-				"data-checked": checked,
-				"data-error": !!error,
-				"data-testid": dataTestId,
-				"data-visibility": dataVisibility,
-				children: [
-					/* @__PURE__ */ jsx("input", {
-						"aria-checked": checked === "indeterminate" ? "mixed" : isCheck,
-						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? `${localId}-hint` : void 0),
-						"aria-invalid": !!error,
-						"aria-label": ariaLabel,
-						autoFocus,
-						checked: isCheck,
-						className: checkboxStyle.input[size],
-						disabled,
-						id: localId,
-						name,
-						onBlur,
-						onChange,
-						onFocus,
-						onKeyDown,
-						ref,
-						required,
-						style,
-						tabIndex,
-						type: "checkbox",
-						value
-					}),
-					/* @__PURE__ */ jsxs("svg", {
-						className: checkboxStyle.icon[size],
-						fill: "none",
-						viewBox: "0 0 24 24",
-						children: [/* @__PURE__ */ jsx("title", { children: name }), /* @__PURE__ */ jsx(CheckboxIconContainer, { checked })]
-					}),
-					children || required || helper || error ? /* @__PURE__ */ jsxs(Stack, {
-						flex: 1,
-						gap: .5,
-						children: [childStack, /* @__PURE__ */ jsx(Description, {
-							helper,
-							error,
-							id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : `${localId}-hint`,
-							disabled: disabled && !error
-						})]
-					}) : null
-				]
-			})
-		});
-	});
-	Checkbox.displayName = "Checkbox";
-});
+		Checkbox.displayName = "Checkbox";
+	}))();
+}
 
 //#endregion
 init_Checkbox();

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

@@ -6,30 +6,32 @@ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "./st
 
 //#region src/components/Checkbox/styles.css.ts
 var checkboxStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	init_styles_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla$2();
-	init_styles_css_ts_vanilla$3();
-	checkboxStyle = {
-		container: {
-			"default": "uv_9pjq8o1 uv_9pjq8o0",
-			small: "uv_9pjq8o2 uv_9pjq8o0"
-		},
-		input: {
-			"default": "uv_9pjq8o4 uv_9pjq8o3",
-			small: "uv_9pjq8o5 uv_9pjq8o3"
-		},
-		icon: {
-			"default": "uv_9pjq8o7 uv_9pjq8o6",
-			small: "uv_9pjq8o8 uv_9pjq8o6"
-		},
-		innerCheckbox: "uv_9pjq8o9",
-		iconPath: "uv_9pjq8oa",
-		checkMixedMark: "uv_9pjq8ob",
-		label: "uv_9pjq8oc"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$3();
+		checkboxStyle = {
+			container: {
+				"default": "uv_9pjq8o1 uv_9pjq8o0",
+				small: "uv_9pjq8o2 uv_9pjq8o0"
+			},
+			input: {
+				"default": "uv_9pjq8o4 uv_9pjq8o3",
+				small: "uv_9pjq8o5 uv_9pjq8o3"
+			},
+			icon: {
+				"default": "uv_9pjq8o7 uv_9pjq8o6",
+				small: "uv_9pjq8o8 uv_9pjq8o6"
+			},
+			innerCheckbox: "uv_9pjq8o9",
+			iconPath: "uv_9pjq8oa",
+			checkMixedMark: "uv_9pjq8ob",
+			label: "uv_9pjq8oc"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

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