@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/Carousel/index.js

@@ -1,107 +1,110 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { afterScroll, beforeScroll, borderWrapper, scrollableWrapper, widthVar, wrapper } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { carouselStyle, init_styles_css, widthVar } from "./styles.css.js";
 import { useEffect, useRef, useState } from "react";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Carousel/index.tsx
-const CarouselItem = ({ children, width = "240px", style }) => /* @__PURE__ */ jsx("div", {
-	className: borderWrapper,
-	draggable: "true",
-	style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [widthVar]: width })), style),
-	children
-});
-/**
-* Carousel component allows you to scroll horizontally through a list of items.
-*/
-const 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);
+var CarouselItem, Carousel;
+var init_Carousel = __esmMin(() => {
+	init_styles_css();
+	init_objectSpread2();
+	CarouselItem = ({ children, width = "240px", style }) => /* @__PURE__ */ jsx("div", {
+		className: carouselStyle.borderWrapper,
+		draggable: "true",
+		style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [widthVar]: width })), style),
+		children
+	});
+	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 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 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 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, wrapper),
-		"data-testid": dataTestId,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: beforeScroll,
-				"data-testid": `${dataTestId}-before`,
-				onFocus: handleScrollRight,
-				onMouseLeave: () => clearInterval(intervalRight),
-				onMouseOver: handleScrollRight
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: cn(className, 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: afterScroll,
-				"data-testid": `${dataTestId}-after`,
-				onFocus: handleScrollLeft,
-				onMouseLeave: () => clearInterval(intervalLeft),
-				onMouseOver: handleScrollLeft
-			})
-		]
-	});
-};
-Carousel.Item = CarouselItem;
+	Carousel.Item = CarouselItem;
+});
 
 //#endregion
-export { Carousel };
+init_Carousel();
+export { Carousel, init_Carousel };

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

@@ -1,7 +1,9 @@
 export declare const widthVar: `var(--${string})`;
-export declare const wrapper: string;
-export declare const beforeScroll: string;
-export declare const scrollableWrapper: string;
-export declare const afterScroll: string;
-export declare const borderWrapper: string;
+export declare const carouselStyle: {
+    wrapper: string;
+    beforeScroll: string;
+    scrollableWrapper: string;
+    afterScroll: string;
+    borderWrapper: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAEnC,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAQvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAO5B,CAAA;AAEF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAUxB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAoDnC,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAA"}

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

@@ -1,12 +1,20 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Carousel/styles.css.ts
-var widthVar = "var(--uv_ztme1b0)";
-var wrapper = "uv_ztme1b1";
-var beforeScroll = "uv_ztme1b2";
-var scrollableWrapper = "uv_ztme1b3";
-var afterScroll = "uv_ztme1b4";
-var borderWrapper = "uv_ztme1b5";
+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"
+	};
+});
 
 //#endregion
-export { afterScroll, beforeScroll, borderWrapper, scrollableWrapper, widthVar, wrapper };
+init_styles_css();
+export { carouselStyle, init_styles_css, widthVar };

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

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

@@ -1,38 +1,44 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { checkMixedMark, iconPath, innerCheckbox } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { checkboxStyle, init_styles_css } from "./styles.css.js";
 import { useTheme } from "@ultraviolet/themes";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Checkbox/CheckboxIconContainer.tsx
-const CheckboxIconContainer = ({ checked }) => {
-	return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
-		className: innerCheckbox,
-		height: "16",
-		rx: useTheme().radii.small,
-		strokeWidth: "2",
-		width: "16",
-		x: "4",
-		y: "4"
-	}), checked !== "indeterminate" ? /* @__PURE__ */ jsx("path", {
-		className: 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"
-	}) : /* @__PURE__ */ jsx("rect", {
-		className: checkMixedMark,
-		height: "2",
-		rx: "1",
-		width: "12",
-		x: "6",
-		y: "11"
-	})] });
-};
+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("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"
+		}) : /* @__PURE__ */ jsx("rect", {
+			className: checkboxStyle.checkMixedMark,
+			height: "2",
+			rx: "1",
+			width: "12",
+			x: "6",
+			y: "11"
+		})] });
+	};
+});
 
 //#endregion
-export { CheckboxIconContainer };
+init_CheckboxIconContainer();
+export { CheckboxIconContainer, init_CheckboxIconContainer };

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":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3D,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,MAAM,GAAG,SAAS,CAAA;IAC1B,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,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAgIpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,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,MAAM,GAAG,SAAS,CAAA;IAC1B,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,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAkIpB,CAAA"}

package/dist/components/Checkbox/index.js

@@ -1,109 +1,115 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { Text } from "../Text/index.js";
-import { checkboxContainer, checkboxInput, errorText, icon, label } from "./styles.css.js";
-import { CheckboxIconContainer } from "./CheckboxIconContainer.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { checkboxStyle, init_styles_css } from "./styles.css.js";
+import { CheckboxIconContainer, init_CheckboxIconContainer } from "./CheckboxIconContainer.js";
 import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Checkbox/index.tsx
-/**
-* Checkbox is an input component used to select or deselect an option.
-*/
-const 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, 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: label,
-		htmlFor: localId,
-		prominence: "default",
-		sentiment: "neutral",
-		variant: size === "small" ? "bodySmall" : "body",
-		children
-	}) : /* @__PURE__ */ jsx("label", {
-		className: label,
-		htmlFor: localId,
-		children
-	});
-	const isCheck = checked === true ? checked : false;
-	return /* @__PURE__ */ jsx(Tooltip, {
-		text: tooltip,
-		children: /* @__PURE__ */ jsxs("div", {
-			"aria-disabled": disabled,
-			className: cn(className, checkboxContainer[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": error ? `${localId}-hint` : void 0,
-					"aria-invalid": !!error,
-					"aria-label": ariaLabel,
-					autoFocus,
-					checked: isCheck,
-					className: checkboxInput[size],
-					disabled,
-					id: localId,
-					name,
-					onBlur,
-					onChange,
-					onFocus,
-					onKeyDown,
-					ref,
-					required,
-					style,
-					tabIndex,
-					type: "checkbox",
-					value
-				}),
-				/* @__PURE__ */ jsxs("svg", {
-					className: 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: [
-						children || required ? /* @__PURE__ */ jsxs(Stack, {
-							alignItems: "center",
-							direction: "row",
-							flex: 1,
-							gap: .5,
-							children: [children ? styledChildren : null, required ? /* @__PURE__ */ jsx(Text, {
-								as: "sup",
+var Checkbox;
+var init_Checkbox = __esmMin(() => {
+	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, 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",
+			children
+		}) : /* @__PURE__ */ jsx("label", {
+			className: checkboxStyle.label,
+			htmlFor: localId,
+			children
+		});
+		const isCheck = checked === true ? checked : false;
+		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": 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: [
+							children || required ? /* @__PURE__ */ jsxs(Stack, {
+								alignItems: "center",
+								direction: "row",
+								flex: 1,
+								gap: .5,
+								children: [children ? styledChildren : null, required ? /* @__PURE__ */ jsx(Text, {
+									as: "sup",
+									sentiment: "danger",
+									variant: "body",
+									children: "*"
+								}) : null]
+							}) : null,
+							helper ? /* @__PURE__ */ jsx(Text, {
+								as: "span",
+								prominence: "weak",
+								sentiment: "neutral",
+								variant: "caption",
+								children: helper
+							}) : null,
+							error && typeof error !== "boolean" ? /* @__PURE__ */ jsx(Text, {
+								as: "span",
+								className: checkboxStyle.errorText,
 								sentiment: "danger",
-								variant: "body",
-								children: "*"
-							}) : null]
-						}) : null,
-						helper ? /* @__PURE__ */ jsx(Text, {
-							as: "span",
-							prominence: "weak",
-							sentiment: "neutral",
-							variant: "caption",
-							children: helper
-						}) : null,
-						error && typeof error !== "boolean" ? /* @__PURE__ */ jsx(Text, {
-							as: "span",
-							className: errorText,
-							sentiment: "danger",
-							variant: "caption",
-							children: error
-						}) : null
-					]
-				}) : null
-			]
-		})
+								variant: "caption",
+								children: error
+							}) : null
+						]
+					}) : null
+				]
+			})
+		});
 	});
 });
 
 //#endregion
-export { Checkbox };
+init_Checkbox();
+export { Checkbox, init_Checkbox };

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

@@ -1,9 +1,11 @@
-export declare const errorText: string;
-export declare const checkboxContainer: Record<"default" | "small", string>;
-export declare const checkboxInput: Record<"default" | "small", string>;
-export declare const icon: Record<"default" | "small", string>;
-export declare const innerCheckbox: string;
-export declare const iconPath: string;
-export declare const checkMixedMark: string;
-export declare const label: string;
+export declare const checkboxStyle: {
+    errorText: string;
+    container: Record<"default" | "small", string>;
+    input: Record<"default" | "small", string>;
+    icon: Record<"default" | "small", string>;
+    innerCheckbox: string;
+    iconPath: string;
+    checkMixedMark: string;
+    label: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAgBF,eAAO,MAAM,iBAAiB,qCAG5B,CAAA;AAgBF,eAAO,MAAM,aAAa,qCAaxB,CAAA;AA+CF,eAAO,MAAM,IAAI,qCAoBf,CAAA;AAEF,eAAO,MAAM,aAAa,QA6FxB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAUnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAMzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAWhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAwPA,eAAO,MAAM,aAAa;;;;;;;;;CASzB,CAAA"}