@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/Checkbox-DyEipBjR.js

@@ -0,0 +1,403 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-C7Oq15ms.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { n as $4e85f108e88277b8$export$b085522c77523c51 } from "./RSPContexts-DHQi1l7F.js";
+import { D as $64fa3d84918910a7$export$fabf2dc03a41866e, E as $64fa3d84918910a7$export$ef03459518577ad4, L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, P as $df56164dff5785e2$export$4338b53315abf666, R as $3ef42575df84b30b$export$9d1611c77c2fe928, S as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, T as $64fa3d84918910a7$export$df3a06d6289f983e, b as $64fa3d84918910a7$export$29f1550f4b0d4415, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3, y as $64fa3d84918910a7$export$2881499e37b75b9a, z as $5dc95899b306f630$export$c9058316764c140e } from "./useHover-DwfnacVy.js";
+import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
+import { n as $9ab94262bd0047c7$export$420e68273165f4ec, t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CANxCO5-.js";
+import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DjaDVPQT.js";
+import { n as $2baaea4c71418dea$export$294aa081a6c6f55d, t as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-DLZqyNVp.js";
+import { i as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, n as $e5be200c675c3b3a$export$a763b9476acd3eb, r as $e5be200c675c3b3a$export$dad6ae84456c676a, t as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "./useFormValidationState-Bpry7Uk5.js";
+import { t as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-DDay--cY.js";
+import { t as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-Dyx-sAjp.js";
+import { t as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-C0MdchIz.js";
+import { t as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BTtw_Syz.js";
+import { n as $ee014567cb39d3f0$export$ff05c3ac10437e03, t as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-CKUcoaMX.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
+import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
+import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
+import $HgANd$react, { createContext, forwardRef, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@react-aria+checkbox@3.16.4+67f6792bdf102c28/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs
+function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
+	let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+		...props,
+		value: state.isSelected
+	});
+	let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
+	let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577({
+		...props,
+		isInvalid
+	}, state, inputRef);
+	$e93e671b31057976$export$b8473d3665f3a75a(props, validationState, inputRef);
+	let { isIndeterminate, isRequired, validationBehavior = "aria" } = props;
+	useEffect(() => {
+		if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;
+	});
+	let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
+		isDisabled: isDisabled || isReadOnly,
+		onPress() {
+			let { [$e5be200c675c3b3a$export$a763b9476acd3eb]: groupValidationState } = props;
+			let { commitValidation } = groupValidationState ? groupValidationState : validationState;
+			commitValidation();
+		}
+	});
+	return {
+		labelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, pressProps, useMemo(() => ({ onMouseDown: (e) => e.preventDefault() }), [])),
+		inputProps: {
+			...inputProps,
+			checked: isSelected,
+			"aria-required": isRequired && validationBehavior === "aria" || void 0,
+			required: isRequired && validationBehavior === "native"
+		},
+		isSelected,
+		isPressed,
+		isDisabled,
+		isReadOnly,
+		isInvalid,
+		validationErrors,
+		validationDetails
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+checkbox@3.16.4+67f6792bdf102c28/node_modules/@react-aria/checkbox/dist/utils.mjs
+const $1ae600c947479353$export$ec98120685d4f57d = /* @__PURE__ */ new WeakMap();
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+checkbox@3.16.4+67f6792bdf102c28/node_modules/@react-aria/checkbox/dist/useCheckboxGroup.mjs
+function $1e9fce0cfacc738b$export$49ff6f28c54f1cbe(props, state) {
+	let { isDisabled, name, form, validationBehavior = "aria" } = props;
+	let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
+		...props,
+		labelElementType: "span",
+		isInvalid,
+		errorMessage: props.errorMessage || validationErrors
+	});
+	$1ae600c947479353$export$ec98120685d4f57d.set(state, {
+		name,
+		form,
+		descriptionId: descriptionProps.id,
+		errorMessageId: errorMessageProps.id,
+		validationBehavior
+	});
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true });
+	let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
+		onBlurWithin: props.onBlur,
+		onFocusWithin: props.onFocus,
+		onFocusWithinChange: props.onFocusChange
+	});
+	return {
+		groupProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
+			role: "group",
+			"aria-disabled": isDisabled || void 0,
+			...fieldProps,
+			...focusWithinProps
+		}),
+		labelProps,
+		descriptionProps,
+		errorMessageProps,
+		isInvalid,
+		validationErrors,
+		validationDetails
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+checkbox@3.16.4+67f6792bdf102c28/node_modules/@react-aria/checkbox/dist/useCheckboxGroupItem.mjs
+function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
+	const toggleState = $3017fa7ffdddec74$export$8042c6c013fd5226({
+		isReadOnly: props.isReadOnly || state.isReadOnly,
+		isSelected: state.isSelected(props.value),
+		defaultSelected: state.defaultValue.includes(props.value),
+		onChange(isSelected) {
+			if (isSelected) state.addValue(props.value);
+			else state.removeValue(props.value);
+			if (props.onChange) props.onChange(isSelected);
+		}
+	});
+	let { name, form, descriptionId, errorMessageId, validationBehavior } = $1ae600c947479353$export$ec98120685d4f57d.get(state);
+	var _props_validationBehavior;
+	validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;
+	let { realtimeValidation } = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+		...props,
+		value: toggleState.isSelected,
+		name: void 0,
+		validationBehavior: "aria"
+	});
+	let nativeValidation = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+	let updateValidation = () => {
+		state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);
+	};
+	useEffect(updateValidation);
+	let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;
+	let displayValidation = validationBehavior === "native" ? state.displayValidation : combinedRealtimeValidation;
+	var _props_isRequired;
+	let res = $406796ff087fe49b$export$e375f10ce42261c5({
+		...props,
+		isReadOnly: props.isReadOnly || state.isReadOnly,
+		isDisabled: props.isDisabled || state.isDisabled,
+		name: props.name || name,
+		form: props.form || form,
+		isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,
+		validationBehavior,
+		[$e5be200c675c3b3a$export$a763b9476acd3eb]: {
+			realtimeValidation: combinedRealtimeValidation,
+			displayValidation,
+			resetValidation: state.resetValidation,
+			commitValidation: state.commitValidation,
+			updateValidation(v) {
+				nativeValidation.current = v;
+				updateValidation();
+			}
+		}
+	}, toggleState, inputRef);
+	return {
+		...res,
+		inputProps: {
+			...res.inputProps,
+			"aria-describedby": [
+				props["aria-describedby"],
+				state.isInvalid ? errorMessageId : null,
+				descriptionId
+			].filter(Boolean).join(" ") || void 0
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-stately+checkbox@3.7.4+83d5fd7b249dbeef/node_modules/@react-stately/checkbox/dist/useCheckboxGroupState.mjs
+function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
+	let [selectedValues, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || [], props.onChange);
+	let [initialValues] = useState(selectedValues);
+	let isRequired = !!props.isRequired && selectedValues.length === 0;
+	let invalidValues = useRef(/* @__PURE__ */ new Map());
+	let validation = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+		...props,
+		value: selectedValues
+	});
+	let isInvalid = validation.displayValidation.isInvalid;
+	var _props_defaultValue, _props_validationState;
+	return {
+		...validation,
+		value: selectedValues,
+		defaultValue: (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValues,
+		setValue(value) {
+			if (props.isReadOnly || props.isDisabled) return;
+			setValue(value);
+		},
+		isDisabled: props.isDisabled || false,
+		isReadOnly: props.isReadOnly || false,
+		isSelected(value) {
+			return selectedValues.includes(value);
+		},
+		addValue(value) {
+			if (props.isReadOnly || props.isDisabled) return;
+			setValue((selectedValues) => {
+				if (!selectedValues.includes(value)) return selectedValues.concat(value);
+				return selectedValues;
+			});
+		},
+		removeValue(value) {
+			if (props.isReadOnly || props.isDisabled) return;
+			if (selectedValues.includes(value)) setValue(selectedValues.filter((existingValue) => existingValue !== value));
+		},
+		toggleValue(value) {
+			if (props.isReadOnly || props.isDisabled) return;
+			if (selectedValues.includes(value)) setValue(selectedValues.filter((existingValue) => existingValue !== value));
+			else setValue(selectedValues.concat(value));
+		},
+		setInvalid(value, v) {
+			let s = new Map(invalidValues.current);
+			if (v.isInvalid) s.set(value, v);
+			else s.delete(value);
+			invalidValues.current = s;
+			validation.updateValidation($e5be200c675c3b3a$export$75ee7c75d68f5b0e(...s.values()));
+		},
+		validationState: (_props_validationState = props.validationState) !== null && _props_validationState !== void 0 ? _props_validationState : isInvalid ? "invalid" : null,
+		isInvalid,
+		isRequired
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Checkbox.mjs
+const $bc237834342dbd75$export$baf37c4be89255b8 = /*#__PURE__*/ createContext(null);
+const $bc237834342dbd75$export$139c5b8563afc1fc = /*#__PURE__*/ createContext(null);
+const $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ forwardRef(function CheckboxGroup(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);
+	let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
+	var _props_validationBehavior, _ref;
+	let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
+	let state = $587d3ad58be6d31f$export$daff6da51032a415({
+		...props,
+		validationBehavior
+	});
+	let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { groupProps, labelProps, descriptionProps, errorMessageProps, ...validation } = $1e9fce0cfacc738b$export$49ff6f28c54f1cbe({
+		...props,
+		label,
+		validationBehavior
+	}, state);
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			isDisabled: state.isDisabled,
+			isReadOnly: state.isReadOnly,
+			isRequired: props.isRequired || false,
+			isInvalid: state.isInvalid,
+			state
+		},
+		defaultClassName: "react-aria-CheckboxGroup"
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, groupProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-readonly": state.isReadOnly || void 0,
+		"data-required": props.isRequired || void 0,
+		"data-invalid": state.isInvalid || void 0,
+		"data-disabled": props.isDisabled || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [
+		[$bc237834342dbd75$export$139c5b8563afc1fc, state],
+		[$01b77f81d0f07f68$export$75b6ee27786ba447, {
+			...labelProps,
+			ref: labelRef,
+			elementType: "span"
+		}],
+		[$514c0188e459b4c0$export$9afb8bc826b033ea, { slots: {
+			description: descriptionProps,
+			errorMessage: errorMessageProps
+		} }],
+		[$ee014567cb39d3f0$export$ff05c3ac10437e03, validation]
+	] }, renderProps.children));
+});
+const $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ forwardRef(function Checkbox(props, ref) {
+	let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(otherProps, ref, $4e85f108e88277b8$export$b085522c77523c51);
+	let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
+	var _props_validationBehavior, _ref;
+	let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
+	let groupState = useContext($bc237834342dbd75$export$139c5b8563afc1fc);
+	let inputRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null), [userProvidedInputRef, props.inputRef]));
+	let { labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed, isInvalid } = groupState ? $fba3e38d5ca8983f$export$353b32fc6898d37d({
+		...$64fa3d84918910a7$export$ef03459518577ad4(props),
+		value: props.value,
+		children: typeof props.children === "function" ? true : props.children
+	}, groupState, inputRef) : $406796ff087fe49b$export$e375f10ce42261c5({
+		...$64fa3d84918910a7$export$ef03459518577ad4(props),
+		children: typeof props.children === "function" ? true : props.children,
+		validationBehavior
+	}, $3017fa7ffdddec74$export$8042c6c013fd5226(props), inputRef);
+	let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+	let isInteractionDisabled = isDisabled || isReadOnly;
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+		...props,
+		isDisabled: isInteractionDisabled
+	});
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-Checkbox",
+		values: {
+			isSelected,
+			isIndeterminate: props.isIndeterminate || false,
+			isPressed,
+			isHovered,
+			isFocused,
+			isFocusVisible,
+			isDisabled,
+			isReadOnly,
+			isInvalid,
+			isRequired: props.isRequired || false
+		}
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.label, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-selected": isSelected || void 0,
+		"data-indeterminate": props.isIndeterminate || void 0,
+		"data-pressed": isPressed || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focused": isFocused || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-disabled": isDisabled || void 0,
+		"data-readonly": isReadOnly || void 0,
+		"data-invalid": isInvalid || void 0,
+		"data-required": props.isRequired || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, { elementType: "span" }, /*#__PURE__*/ $HgANd$react.createElement("input", {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, focusProps),
+		ref: inputRef
+	})), renderProps.children);
+});
+//#endregion
+//#region src/components/inputs/Checkbox/Checkbox.tsx
+const CheckboxBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const checkboxTypographyMap = UIOverrides.useMapper("checkbox.typography", checkboxTypography);
+	const checkboxContentClassNameMap = UIOverrides.useMapper("checkbox.contentClassName", checkboxContentClassName);
+	const { className, children, isDisabled, isRequired, error, hideError, labelClassName, variant: variantProp, hideLabel: hideLabelProp, onChange, onBlur, ...rest } = props;
+	const variant = variantProp ?? ui.checkbox.variant;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const formFieldErrorProps = {
+		error,
+		isDisabled
+	};
+	const handleChange = (isSelected) => {
+		onChange?.(isSelected);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs($bc237834342dbd75$export$48513f6b9f8ce62d, {
+		...rest,
+		isDisabled,
+		isInvalid: !!error,
+		isRequired,
+		"aria-label": hideLabel && typeof children === "string" ? children : void 0,
+		"aria-errormessage": error || void 0,
+		"data-is-dirty": props.isDirty || void 0,
+		"data-is-required": props.isRequired || void 0,
+		onChange: handleChange,
+		onBlur,
+		className: clsx("relative", checkboxIndicatorClass, className),
+		children: [/* @__PURE__ */ jsx(CheckboxCheckmark, {
+			variant,
+			...rest
+		}), !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
+			typography: checkboxTypographyMap({
+				variant,
+				...rest
+			}),
+			contentClassName: checkboxContentClassNameMap({
+				variant,
+				...rest
+			}),
+			className: labelClassName,
+			children
+		})]
+	}), !hideError && /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
+};
+const CheckboxComponent = (props) => {
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxBase, {
+				...innerProps,
+				ref: $5dc95899b306f630$export$c9058316764c140e(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
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
+};
+const Checkbox = memo(CheckboxComponent);
+//#endregion
+export { CheckboxBase as n, $bc237834342dbd75$export$4aa08d5625cb8ead as r, Checkbox as t };

package/dist/Checkbox-Ee9K3u2J.d.ts

@@ -0,0 +1,24 @@
+import { r as CheckboxProps$1 } from "./types-BV15_DBT.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-Caaf2Ysq.js";
+import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { ComponentType, ReactElement, Ref, SVGProps } from "react";
+//#region src/components/inputs/Checkbox/Checkbox.d.ts
+interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, Omit<CheckboxProps$1, "className"> {
+  ref?: Ref<HTMLLabelElement>;
+  children: string | ReactElement;
+  hideLabel?: boolean;
+  hideError?: boolean;
+  selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+  indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+  isDirty?: boolean;
+  labelClassName?: string;
+}
+declare const CheckboxBase: (props: CheckboxBaseProps) => import("react/jsx-runtime").JSX.Element;
+type CheckboxProps = CheckboxBaseProps;
+type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps, TFieldValues, "isSelected">;
+declare const CheckboxComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: typeof CheckboxComponent;
+//#endregion
+export { ControlledCheckboxProps as a, CheckboxProps as i, CheckboxBase as n, CheckboxBaseProps as r, Checkbox as t };

package/dist/CheckboxCheckmark-C7Oq15ms.js

@@ -0,0 +1,195 @@
+import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
+import { t as Check } from "./check-M2G7r3oH.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+/**
+* @license lucide-react v1.28.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const Minus = createLucideIcon("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]);
+//#endregion
+//#region src/components/inputs/Checkbox/checkbox.cva.ts
+const checkboxDefinition = UIOverrides.defineConfig({
+	base: [
+		"flex items-center justify-center border-2",
+		"relative size-4 shrink-0 rounded-xs p-1",
+		uiGroupOutlineClass
+	],
+	config: {
+		variants: { variant: { default: [
+			"m-1 border-interactive-outlined-secondary-on-idle",
+			"text-interactive-contained-primary-on-idle",
+			"group-hover:text-interactive-contained-primary-on-hover",
+			"group-pressed:text-interactive-contained-primary-on-pressed",
+			"group-disabled:text-interactive-contained-primary-on-disabled",
+			"group-disabled:border-interactive-outlined-secondary-on-disabled",
+			"group-hover:border-interactive-outlined-secondary-on-hover",
+			"group-pressed:border-interactive-outlined-secondary-on-pressed",
+			"group-selected:border-interactive-contained-primary-idle",
+			"group-selected:bg-interactive-contained-primary-idle",
+			"group-selected:group-hover:bg-interactive-contained-primary-hover",
+			"group-selected:group-hover:border-interactive-contained-primary-hover",
+			"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
+			"group-selected:group-pressed:border-interactive-contained-primary-pressed",
+			"group-selected:group-disabled:bg-interactive-contained-primary-disabled",
+			"group-selected:group-disabled:border-interactive-contained-primary-disabled",
+			"group-indeterminate:border-interactive-contained-primary-idle",
+			"group-indeterminate:bg-interactive-contained-primary-idle",
+			"group-indeterminate:group-hover:bg-interactive-contained-primary-hover",
+			"group-indeterminate:group-hover:border-interactive-contained-primary-hover",
+			"group-indeterminate:group-pressed:bg-interactive-contained-primary-pressed",
+			"group-indeterminate:group-pressed:border-interactive-contained-primary-pressed",
+			"group-invalid:border-interactive-outlined-error-on-idle",
+			"group-focus-visible:outline-interactive-contained-primary-focus"
+		] } },
+		defaultVariants: { variant: "default" }
+	}
+});
+const checkboxIndicatorClass = "group flex items-center gap-2";
+const checkboxTypography = compoundMapper({ default: {
+	size: "label-1",
+	sizeMobile: "label-1",
+	variant: "default"
+} });
+const checkboxContentClassName = compoundMapper({ default: "text-text-default-2" });
+const checkboxContentWrapperDefinition = UIOverrides.defineConfig({
+	base: ["relative flex"],
+	config: {
+		variants: {
+			variant: { default: "" },
+			size: {
+				"extra-small": "",
+				small: "",
+				default: "",
+				large: ""
+			},
+			as: {
+				default: "flex-col",
+				floating: "flex-col",
+				filter: "flex-row flex-wrap items-center gap-2",
+				inline: "flex-row flex-wrap items-center gap-2"
+			},
+			hasInputFrame: {
+				true: "gap-2",
+				false: ""
+			}
+		},
+		compoundVariants: [
+			{
+				as: "floating",
+				hasInputFrame: true,
+				className: ["pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3)+var(--spacing-input-gap-input-text-to-elements))]"]
+			},
+			{
+				as: "floating",
+				size: "extra-small",
+				hasInputFrame: true,
+				className: "px-input-side-xs"
+			},
+			{
+				as: "floating",
+				size: "small",
+				hasInputFrame: true,
+				className: "px-input-side-s"
+			},
+			{
+				as: "floating",
+				size: "default",
+				hasInputFrame: true,
+				className: "px-input-side-m"
+			},
+			{
+				as: "floating",
+				size: "large",
+				hasInputFrame: true,
+				className: "px-input-side-l"
+			}
+		],
+		defaultVariants: {
+			variant: "default",
+			as: "default",
+			size: "default",
+			hasInputFrame: false
+		}
+	}
+});
+const checkboxGroupLabelDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { as: {
+			default: "",
+			floating: [
+				"pointer-events-none absolute",
+				"top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
+				"text-text-default-1",
+				"font-semibold!",
+				"text-label-3!"
+			],
+			filter: "",
+			inline: ""
+		} },
+		defaultVariants: { as: "default" }
+	}
+});
+const checkboxContentRowDefinition = UIOverrides.defineConfig({
+	base: ["flex"],
+	config: {
+		variants: {
+			variant: { default: "" },
+			as: {
+				default: "flex-col",
+				floating: "flex-col",
+				filter: "flex-row flex-wrap items-center gap-2",
+				inline: "flex-row flex-wrap items-center gap-2"
+			},
+			hasInputFrame: {
+				true: "gap-2",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			as: "default",
+			hasInputFrame: false
+		}
+	}
+});
+const checkboxIconDefinition = UIOverrides.defineConfig({
+	base: ["absolute hidden size-3"],
+	config: {
+		variants: { iconVariant: {
+			selected: ["group-selected:block"],
+			indeterminate: ["group-indeterminate:block"]
+		} },
+		defaultVariants: { iconVariant: "selected" }
+	}
+});
+//#endregion
+//#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
+const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Check, indeterminateIcon: IndeterminateIcon = Minus, ...props }) => {
+	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
+	const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
+	return /* @__PURE__ */ jsxs("div", {
+		className: checkboxCva({
+			variant,
+			...props,
+			className
+		}),
+		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
+			...props,
+			iconVariant: "selected"
+		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
+			...props,
+			iconVariant: "indeterminate"
+		}) })]
+	});
+};
+//#endregion
+export { checkboxDefinition as a, checkboxIndicatorClass as c, checkboxContentWrapperDefinition as i, checkboxTypography as l, checkboxContentClassName as n, checkboxGroupLabelDefinition as o, checkboxContentRowDefinition as r, checkboxIconDefinition as s, CheckboxCheckmark as t };

package/dist/CheckboxGroup-D-sNgUMN.d.ts

@@ -0,0 +1,28 @@
+import { n as CheckboxGroupProps$1 } from "./types-BV15_DBT.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-Caaf2Ysq.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { n as FormFieldProps } from "./FormField-FvutosEE.js";
+import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
+import { ReactElement, Ref } from "react";
+//#region src/components/inputs/Checkbox/CheckboxGroup.d.ts
+interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<CheckboxGroupProps$1, "children" | "className" | "defaultValue" | "label" | "onChange" | "value"> {
+  ref?: Ref<HTMLDivElement>;
+  options: {
+    label: string | ReactElement;
+    value: string;
+  }[];
+  allValue?: string[] | null;
+  value?: string[] | null;
+  defaultValue?: string[] | null;
+  onChange?: (value: string[] | null) => void;
+  isDirty?: boolean;
+  inputClassName?: string;
+  labelClassName?: string;
+}
+interface CheckboxGroupProps extends CheckboxGroupBaseProps {}
+type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps, TFieldValues>;
+declare const CheckboxGroupComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const CheckboxGroup: typeof CheckboxGroupComponent;
+//#endregion
+export { CheckboxGroupProps as n, ControlledCheckboxGroupProps as r, CheckboxGroup as t };