@povio/ui 3.1.0 → 3.2.0

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -2,37 +2,122 @@ import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
 import { Button } from "../Button/Button.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/buttons/SplitButton/SplitButton.tsx
-var SplitButton = ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "group/split flex items-center",
-		"data-split": "",
-		children: [/* @__PURE__ */ jsx(Button, {
+var SplitButton = (t0) => {
+	const $ = c(36);
+	let className;
+	let color;
+	let isLoading;
+	let items;
+	let label;
+	let labelRight;
+	let link;
+	let props;
+	let size;
+	let variant;
+	let width;
+	if ($[0] !== t0) {
+		({variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = color;
+		$[3] = isLoading;
+		$[4] = items;
+		$[5] = label;
+		$[6] = labelRight;
+		$[7] = link;
+		$[8] = props;
+		$[9] = size;
+		$[10] = variant;
+		$[11] = width;
+	} else {
+		className = $[1];
+		color = $[2];
+		isLoading = $[3];
+		items = $[4];
+		label = $[5];
+		labelRight = $[6];
+		link = $[7];
+		props = $[8];
+		size = $[9];
+		variant = $[10];
+		width = $[11];
+	}
+	let t1;
+	if ($[12] !== className) {
+		t1 = clsx("rounded-r-none! border-r border-solid", className);
+		$[12] = className;
+		$[13] = t1;
+	} else t1 = $[13];
+	let t2;
+	if ($[14] !== color || $[15] !== isLoading || $[16] !== label || $[17] !== link || $[18] !== props || $[19] !== size || $[20] !== t1 || $[21] !== variant || $[22] !== width) {
+		t2 = /* @__PURE__ */ jsx(Button, {
 			...props,
 			width,
 			size,
 			variant,
 			color,
 			link,
-			className: clsx("rounded-r-none! border-r border-solid", className),
+			className: t1,
 			"data-separator": "",
 			isLoading,
 			children: label
-		}), /* @__PURE__ */ jsx(Menu, {
-			trigger: /* @__PURE__ */ jsx(IconButton, {
-				size,
-				variant,
-				color,
-				label: labelRight,
-				icon: ChevronDownIcon,
-				className: "rounded-l-none! border-l-0!",
-				isDisabled: props.isDisabled || isLoading
-			}),
+		});
+		$[14] = color;
+		$[15] = isLoading;
+		$[16] = label;
+		$[17] = link;
+		$[18] = props;
+		$[19] = size;
+		$[20] = t1;
+		$[21] = variant;
+		$[22] = width;
+		$[23] = t2;
+	} else t2 = $[23];
+	const t3 = props.isDisabled || isLoading;
+	let t4;
+	if ($[24] !== color || $[25] !== labelRight || $[26] !== size || $[27] !== t3 || $[28] !== variant) {
+		t4 = /* @__PURE__ */ jsx(IconButton, {
+			size,
+			variant,
+			color,
+			label: labelRight,
+			icon: ChevronDownIcon,
+			className: "rounded-l-none! border-l-0!",
+			isDisabled: t3
+		});
+		$[24] = color;
+		$[25] = labelRight;
+		$[26] = size;
+		$[27] = t3;
+		$[28] = variant;
+		$[29] = t4;
+	} else t4 = $[29];
+	let t5;
+	if ($[30] !== items || $[31] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Menu, {
+			trigger: t4,
 			items
-		})]
-	});
+		});
+		$[30] = items;
+		$[31] = t4;
+		$[32] = t5;
+	} else t5 = $[32];
+	let t6;
+	if ($[33] !== t2 || $[34] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "group/split flex items-center",
+			"data-split": "",
+			children: [t2, t5]
+		});
+		$[33] = t2;
+		$[34] = t5;
+		$[35] = t6;
+	} else t6 = $[35];
+	return t6;
 };
 //#endregion
 export { SplitButton };

package/dist/components/buttons/TextButton/TextButton.js

@@ -1,14 +1,36 @@
 import { Button } from "../Button/Button.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx
-var TextButton = ({ children, ...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		...props,
-		variant: "text",
-		size: "none",
-		width: props.width ?? "hug",
-		children
-	});
+var TextButton = (t0) => {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	const t1 = props.width ?? "hug";
+	let t2;
+	if ($[3] !== children || $[4] !== props || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "text",
+			size: "none",
+			width: t1,
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 //#endregion
 export { TextButton };

package/dist/components/buttons/ToggleButton/ToggleButton.js

@@ -1,14 +1,34 @@
 import { Button } from "../Button/Button.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx
-var ToggleButton = ({ children, ...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		...props,
-		toggle: true,
-		variant: "outlined",
-		color: "primary",
-		children
-	});
+var ToggleButton = (t0) => {
+	const $ = c(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			toggle: true,
+			variant: "outlined",
+			color: "primary",
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 };
 //#endregion
 export { ToggleButton };

package/dist/components/buttons/shared/ButtonContent.js

@@ -2,36 +2,94 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { buttonContentLabel } from "./buttonContent.cva.js";
 import { Loader } from "../../status/Loader/Loader.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
 //#region src/components/buttons/shared/ButtonContent.tsx
-var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
+var ButtonContent = (t0) => {
+	const $ = c(21);
+	const { ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition: t1, typography: typographyOverrides } = t0;
+	const iconPosition = t1 === void 0 ? "left" : t1;
 	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
 	let iconOrLoader = null;
-	if (isLoading) iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
-	else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
-	else iconOrLoader = /* @__PURE__ */ jsx(Icon, { className: clsx("shrink-0", iconClassName) });
-	const resolvedTypography = {
-		size: "label-2",
-		variant: "prominent-1",
-		...typographyOverrides
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		iconOrLoader && iconPosition === "left" && iconOrLoader,
-		/* @__PURE__ */ jsx("span", {
-			className: clsx(typographyCva({
-				...resolvedTypography,
-				sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
-			}), buttonContentLabel({
-				iconPosition: iconOrLoader ? iconPosition : "none",
-				hideText: !!hideText
-			})),
+	if (isLoading) {
+		let t2;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
+			$[0] = t2;
+		} else t2 = $[0];
+		iconOrLoader = t2;
+	} else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
+	else {
+		let t2;
+		if ($[1] !== iconClassName) {
+			t2 = clsx("shrink-0", iconClassName);
+			$[1] = iconClassName;
+			$[2] = t2;
+		} else t2 = $[2];
+		let t3;
+		if ($[3] !== Icon || $[4] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Icon, { className: t2 });
+			$[3] = Icon;
+			$[4] = t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		iconOrLoader = t3;
+	}
+	let t2;
+	let t3;
+	if ($[6] !== hideText || $[7] !== iconOrLoader || $[8] !== iconPosition || $[9] !== typographyCva || $[10] !== typographyOverrides) {
+		const resolvedTypography = {
+			size: "label-2",
+			variant: "prominent-1",
+			...typographyOverrides
+		};
+		t3 = iconOrLoader && iconPosition === "left" && iconOrLoader;
+		t2 = clsx(typographyCva({
+			...resolvedTypography,
+			sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
+		}), buttonContentLabel({
+			iconPosition: iconOrLoader ? iconPosition : "none",
+			hideText: !!hideText
+		}));
+		$[6] = hideText;
+		$[7] = iconOrLoader;
+		$[8] = iconPosition;
+		$[9] = typographyCva;
+		$[10] = typographyOverrides;
+		$[11] = t2;
+		$[12] = t3;
+	} else {
+		t2 = $[11];
+		t3 = $[12];
+	}
+	let t4;
+	if ($[13] !== content || $[14] !== ref || $[15] !== t2) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t2,
 			ref,
 			children: content
-		}),
-		iconOrLoader && iconPosition === "right" && iconOrLoader
-	] });
+		});
+		$[13] = content;
+		$[14] = ref;
+		$[15] = t2;
+		$[16] = t4;
+	} else t4 = $[16];
+	const t5 = iconOrLoader && iconPosition === "right" && iconOrLoader;
+	let t6;
+	if ($[17] !== t3 || $[18] !== t4 || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t3,
+			t4,
+			t5
+		] });
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 };
 //#endregion
 export { ButtonContent };

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

@@ -8,6 +8,7 @@ interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, O
     ref?: Ref<HTMLLabelElement>;
     children: string | ReactElement;
     hideLabel?: boolean;
+    fireBlurOnChange?: boolean;
     selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
     indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
     isDirty?: boolean;

package/dist/components/inputs/Checkbox/Checkbox.js

@@ -1,9 +1,10 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
-import { checkboxIndicatorClass, checkboxTypography } from "./checkbox.cva.js";
+import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography } from "./checkbox.cva.js";
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Checkbox } from "react-aria-components";
@@ -11,53 +12,218 @@ import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
 //#region src/components/inputs/Checkbox/Checkbox.tsx
 var CheckboxBase = (props) => {
+	const $ = c(48);
 	const ui = UIConfig.useConfig();
 	const checkboxTypographyMap = UIOverrides.useMapper("checkbox.typography", checkboxTypography);
-	const { className, children, isDisabled, error, variant = ui.checkbox.variant, hideLabel = ui.input.hideLabel, ...rest } = props;
-	const formFieldErrorProps = {
-		error,
-		isDisabled
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Checkbox, {
-		...rest,
-		isDisabled,
-		isInvalid: !!error,
-		"aria-errormessage": error || void 0,
-		"data-is-dirty": props.isDirty || void 0,
-		"data-is-required": props.isRequired || void 0,
-		className: clsx("relative", checkboxIndicatorClass, className),
-		children: [/* @__PURE__ */ jsx(CheckboxCheckmark, {
+	const checkboxContentClassNameMap = UIOverrides.useMapper("checkbox.contentClassName", checkboxContentClassName);
+	let children;
+	let className;
+	let error;
+	let fireBlurOnChangeProp;
+	let hideLabelProp;
+	let isDisabled;
+	let onBlur;
+	let onChange;
+	let rest;
+	let variantProp;
+	if ($[0] !== props) {
+		({className, children, isDisabled, error, variant: variantProp, hideLabel: hideLabelProp, fireBlurOnChange: fireBlurOnChangeProp, onChange, onBlur, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = className;
+		$[3] = error;
+		$[4] = fireBlurOnChangeProp;
+		$[5] = hideLabelProp;
+		$[6] = isDisabled;
+		$[7] = onBlur;
+		$[8] = onChange;
+		$[9] = rest;
+		$[10] = variantProp;
+	} else {
+		children = $[1];
+		className = $[2];
+		error = $[3];
+		fireBlurOnChangeProp = $[4];
+		hideLabelProp = $[5];
+		isDisabled = $[6];
+		onBlur = $[7];
+		onChange = $[8];
+		rest = $[9];
+		variantProp = $[10];
+	}
+	const variant = variantProp ?? ui.checkbox.variant;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const fireBlurOnChange = fireBlurOnChangeProp ?? ui.checkbox.fireBlurOnChange;
+	let t0;
+	if ($[11] !== error || $[12] !== isDisabled) {
+		t0 = {
+			error,
+			isDisabled
+		};
+		$[11] = error;
+		$[12] = isDisabled;
+		$[13] = t0;
+	} else t0 = $[13];
+	const formFieldErrorProps = t0;
+	let t1;
+	if ($[14] !== fireBlurOnChange || $[15] !== onBlur || $[16] !== onChange) {
+		t1 = (isSelected) => {
+			onChange?.(isSelected);
+			if (fireBlurOnChange) onBlur?.({});
+		};
+		$[14] = fireBlurOnChange;
+		$[15] = onBlur;
+		$[16] = onChange;
+		$[17] = t1;
+	} else t1 = $[17];
+	const handleChange = t1;
+	const t2 = !!error;
+	const t3 = hideLabel && typeof children === "string" ? children : void 0;
+	const t4 = error || void 0;
+	const t5 = props.isDirty || void 0;
+	const t6 = props.isRequired || void 0;
+	let t7;
+	if ($[18] !== className) {
+		t7 = clsx("relative", checkboxIndicatorClass, className);
+		$[18] = className;
+		$[19] = t7;
+	} else t7 = $[19];
+	let t8;
+	if ($[20] !== rest || $[21] !== variant) {
+		t8 = /* @__PURE__ */ jsx(CheckboxCheckmark, {
 			variant,
 			...rest
-		}), !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
+		});
+		$[20] = rest;
+		$[21] = variant;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[23] !== checkboxContentClassNameMap || $[24] !== checkboxTypographyMap || $[25] !== children || $[26] !== hideLabel || $[27] !== rest || $[28] !== variant) {
+		t9 = !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
 			typography: checkboxTypographyMap({
 				variant,
 				...rest
 			}),
+			contentClassName: checkboxContentClassNameMap({
+				variant,
+				...rest
+			}),
 			children
-		})]
-	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
+		});
+		$[23] = checkboxContentClassNameMap;
+		$[24] = checkboxTypographyMap;
+		$[25] = children;
+		$[26] = hideLabel;
+		$[27] = rest;
+		$[28] = variant;
+		$[29] = t9;
+	} else t9 = $[29];
+	let t10;
+	if ($[30] !== handleChange || $[31] !== isDisabled || $[32] !== onBlur || $[33] !== rest || $[34] !== t2 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(Checkbox, {
+			...rest,
+			isDisabled,
+			isInvalid: t2,
+			"aria-label": t3,
+			"aria-errormessage": t4,
+			"data-is-dirty": t5,
+			"data-is-required": t6,
+			onChange: handleChange,
+			onBlur,
+			className: t7,
+			children: [t8, t9]
+		});
+		$[30] = handleChange;
+		$[31] = isDisabled;
+		$[32] = onBlur;
+		$[33] = rest;
+		$[34] = t2;
+		$[35] = t3;
+		$[36] = t4;
+		$[37] = t5;
+		$[38] = t6;
+		$[39] = t7;
+		$[40] = t8;
+		$[41] = t9;
+		$[42] = t10;
+	} else t10 = $[42];
+	let t11;
+	if ($[43] !== formFieldErrorProps) {
+		t11 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
+		$[43] = formFieldErrorProps;
+		$[44] = t11;
+	} else t11 = $[44];
+	let t12;
+	if ($[45] !== t10 || $[46] !== t11) {
+		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t11] });
+		$[45] = t10;
+		$[46] = t11;
+		$[47] = t12;
+	} else t12 = $[47];
+	return t12;
 };
 var Checkbox$1 = (props) => {
+	const $ = c(15);
 	if ("formControl" in props && props.formControl) {
-		const { formControl, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(Controller, {
-			control: formControl.control,
-			name: formControl.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxBase, {
-				...innerProps,
-				ref: mergeRefs(ref, field.ref),
-				isSelected: field.value,
-				onChange: field.onChange,
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
+		let formControl;
+		let innerProps;
+		let ref;
+		if ($[0] !== props) {
+			({formControl, ref, ...innerProps} = props);
+			$[0] = props;
+			$[1] = formControl;
+			$[2] = innerProps;
+			$[3] = ref;
+		} else {
+			formControl = $[1];
+			innerProps = $[2];
+			ref = $[3];
+		}
+		let t0;
+		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
+			t0 = (t1) => {
+				const { field, fieldState: t2 } = t1;
+				const { error, isDirty } = t2;
+				return /* @__PURE__ */ jsx(CheckboxBase, {
+					...innerProps,
+					ref: mergeRefs(ref, field.ref),
+					isSelected: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur,
+					name: field.name,
+					isDirty,
+					isDisabled: field.disabled || props.isDisabled,
+					error: props.error ?? error?.message
+				});
+			};
+			$[4] = innerProps;
+			$[5] = props.error;
+			$[6] = props.isDisabled;
+			$[7] = ref;
+			$[8] = t0;
+		} else t0 = $[8];
+		let t1;
+		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(Controller, {
+				control: formControl.control,
+				name: formControl.name,
+				render: t0
+			});
+			$[9] = formControl.control;
+			$[10] = formControl.name;
+			$[11] = t0;
+			$[12] = t1;
+		} else t1 = $[12];
+		return t1;
 	}
-	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
+	let t0;
+	if ($[13] !== props) {
+		t0 = /* @__PURE__ */ jsx(CheckboxBase, { ...props });
+		$[13] = props;
+		$[14] = t0;
+	} else t0 = $[14];
+	return t0;
 };
 //#endregion
 export { Checkbox$1 as Checkbox };

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -2,24 +2,38 @@ import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.j
 import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { checkboxDefinition, checkboxIconDefinition } from "./checkbox.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
-var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
+var CheckboxCheckmark = (t0) => {
+	const $ = c(3);
+	const { variant, className, selectedIcon: t1, indeterminateIcon: t2, ...props } = t0;
+	const SelectedIcon = t1 === void 0 ? CheckboxCheckmarkIcon : t1;
+	const IndeterminateIcon = t2 === void 0 ? CheckboxIndeterminateIcon : t2;
 	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
 	const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
+	const t3 = checkboxCva({
+		variant,
+		...props,
+		className
+	});
+	const t4 = checkboxIconCva({
+		...props,
+		iconVariant: "indeterminate"
+	});
+	let t5;
+	if ($[0] !== IndeterminateIcon || $[1] !== t4) {
+		t5 = /* @__PURE__ */ jsx(IndeterminateIcon, { className: t4 });
+		$[0] = IndeterminateIcon;
+		$[1] = t4;
+		$[2] = t5;
+	} else t5 = $[2];
 	return /* @__PURE__ */ jsxs("div", {
-		className: checkboxCva({
-			variant,
-			...props,
-			className
-		}),
+		className: t3,
 		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
 			...props,
 			iconVariant: "selected"
-		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
-			...props,
-			iconVariant: "indeterminate"
-		}) })]
+		}) }), t5]
 	});
 };
 //#endregion

package/dist/components/inputs/Checkbox/checkbox.cva.d.ts

@@ -15,6 +15,9 @@ export declare const checkboxIndicatorClass = "group flex items-center gap-2";
 export declare const checkboxTypography: (props: {
     readonly variant?: "default" | null | undefined;
 }) => TypographyVariantProps | undefined;
+export declare const checkboxContentClassName: (props: {
+    readonly variant?: "default" | null | undefined;
+}) => string | undefined;
 export declare const checkboxIconDefinition: {
     base: string[];
     config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{