@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

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/{components/inputs/Checkbox/checkbox.cva.js → CheckboxCheckmark-C7Oq15ms.js}

@@ -1,6 +1,20 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { uiGroupOutlineClass } from "../../outline.clsx.js";
-import { compoundMapper } from "../../../utils/compoundMapper.js";
+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: [
@@ -158,4 +172,24 @@ const checkboxIconDefinition = UIOverrides.defineConfig({
 	}
 });
 //#endregion
-export { checkboxContentClassName, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };
+//#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 };

package/dist/{components/inputs/DateTime/DatePicker/DatePicker.js → DatePicker-DM_tCN-6.js}

@@ -1,26 +1,20 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { FieldController } from "../../shared/form.binding.js";
-import { FormField } from "../../../form-field.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { InputFrame } from "../../Skeleton/InputFrame.js";
-import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
-import { Calendar } from "../shared/Calendar.js";
-import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
-import { renderDatePickerTodayIcon } from "../shared/datePickerTodayIcon.js";
-import { DatePickerInput } from "../shared/DatePickerInput.js";
-import { normalizeDatePickerValue } from "../shared/datePickerValue.utils.js";
-import { DateTimeDialog } from "../shared/DateTimeDialog.js";
-import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
-import { getStaticCalendarDateSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { clsx } from "clsx";
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as FormField } from "./FormField-DoGaUqFm.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-C2z1kgaC.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { z as $5dc95899b306f630$export$c9058316764c140e } from "./useHover-DwfnacVy.js";
+import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-CKL9PuGV.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-CLFkoJMP.js";
+import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-C9Dbdkkl.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-CLMp_zj4.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-COJdSrME.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-Dh-nA1Yv.js";
+import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useDatePicker, useLocale } from "react-aria";
-import { mergeRefs } from "@react-aria/utils";
 import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
-import { useCalendarState, useDatePickerState } from "react-stately";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.tsx
 const DatePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
@@ -104,17 +98,17 @@ const DatePickerBase = (props) => {
 		},
 		shouldCloseOnSelect: false
 	});
-	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = useDatePicker({
+	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = $6057a3d2a53a12fd$export$42df105a73306d51({
 		...rest,
 		label,
 		shouldForceLeadingZeros
 	}, state, datePickerRef);
-	const { calendarProps } = useDatePicker({
+	const { calendarProps } = $6057a3d2a53a12fd$export$42df105a73306d51({
 		...rest,
 		label,
 		shouldForceLeadingZeros
 	}, dialogState, datePickerRef);
-	const { locale } = useLocale();
+	const { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
 	const calendarState = useCalendarState({
 		...calendarProps,
 		locale,
@@ -205,7 +199,7 @@ const DatePickerBase = (props) => {
 			className: clsx("group relative inline-flex w-full flex-col text-left", className),
 			tabIndex: as === "inline" ? -1 : void 0,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
-				ref: mergeRefs(ref, datePickerInputRef),
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, datePickerInputRef),
 				as,
 				groupProps,
 				fieldProps: {
@@ -269,7 +263,7 @@ const DatePickerBase = (props) => {
 const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
-	const { locale } = useLocale();
+	const { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
 	const shouldForceLeadingZeros = props.shouldForceLeadingZeros ?? ui.dateInput.shouldForceLeadingZeros;
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);
@@ -387,7 +381,7 @@ const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxVal
 	return /* @__PURE__ */ jsx(DatePickerBase, {
 		...props,
 		...dateLimits,
-		ref: mergeRefs(props.ref, inputRef),
+		ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
 		granularity,
 		value: parseCalendarDate(normalizedValue),
 		onChange: (value) => props.onChange?.(formatCalendarDate(value))
@@ -402,7 +396,7 @@ const DatePickerComponent = ({ fullIso = true, granularity = "day", minValue, ma
 			name: field.name,
 			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DatePickerInner, {
 				...innerProps,
-				ref: mergeRefs(ref, field.ref),
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
 				value: field.value ?? null,
 				onChange: (value) => field.onChange(value ?? null),
 				onBlur: field.onBlur,
@@ -429,4 +423,4 @@ const DatePickerComponent = ({ fullIso = true, granularity = "day", minValue, ma
 };
 const DatePicker = memo(DatePickerComponent);
 //#endregion
-export { DatePicker };
+export { DatePicker as t };

package/dist/{components/inputs/DateTime/DatePicker/DatePicker.d.ts → DatePicker-DclmenVd.d.ts}

@@ -1,12 +1,11 @@
-import { FieldValues } from "../../shared/form.binding.js";
-import { ControlProps } from "../../shared/form.types.js";
-import { InputVariantProps } from "../../shared/input.cva.js";
-import { FormFieldProps } from "../../../form-field.js";
-import { DatePickerTodayIcon, DatePickerTodayIconButtonComponent, DatePickerTodayIconButtonSize, DatePickerTodayIconPlacement } from "../shared/datePicker.types.js";
-import { DatePickerInputHandle } from "../shared/DatePickerInput.js";
+import { y as DatePickerStateOptions } from "./types-BV15_DBT.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.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 { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BC-q8HcY.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate, DateValue } from "@internationalized/date";
-import { DatePickerStateOptions } from "react-stately";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.d.ts
 type DatePickerGranularity = "day" | "month" | "year";
 interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
@@ -41,4 +40,4 @@ type ControlledDatePickerProps<TFieldValues extends FieldValues> = ControlProps<
 declare const DatePickerComponent: <TFieldValues extends FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 declare const DatePicker: typeof DatePickerComponent;
 //#endregion
-export { ControlledDatePickerProps, DatePicker, DatePickerProps };
+export { DatePicker as n, DatePickerProps as r, ControlledDatePickerProps as t };

package/dist/DatePickerInput-BC-q8HcY.d.ts

@@ -0,0 +1,18 @@
+import "./types-BV15_DBT.js";
+import { n as IconButtonProps } from "./IconButton-uO0Mjcqw.js";
+import "./FormField-FvutosEE.js";
+import "./input.cva-CfgCOIQW.js";
+import { Ref } from "react";
+//#region src/components/inputs/DateTime/shared/datePicker.types.d.ts
+type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
+type DatePickerTodayIconButtonSize = IconButtonProps["size"];
+type DatePickerTodayIconButtonComponent = "iconButton" | "inlineIconButton";
+type DatePickerTodayIconPlacement = "content" | "fieldLabel";
+//#endregion
+//#region src/components/inputs/DateTime/shared/DatePickerInput.d.ts
+interface DatePickerInputHandle {
+  clear: () => void;
+  getContainer?: () => HTMLDivElement | null;
+}
+//#endregion
+export { DatePickerTodayIconPlacement as a, DatePickerTodayIconButtonSize as i, DatePickerTodayIcon as n, DatePickerTodayIconButtonComponent as r, DatePickerInputHandle as t };