@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/CheckContent-DzWpxKGq.js

@@ -0,0 +1,19 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/shared/CheckContent.tsx
+const CheckContent = ({ children, className, contentClassName, ...props }) => {
+	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(typographyCva({
+			size: "label-1",
+			sizeMobile: "label-1",
+			variant: "default",
+			...props.typography
+		}), contentClassName, className),
+		children
+	});
+};
+//#endregion
+export { CheckContent as t };

package/dist/Checkbox-BJ7flpwA.js

@@ -0,0 +1,227 @@
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-C1X9yBT6.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-D3gCeElo.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-C6BonuOp.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D_lEB52w.js";
+import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-Bam3kea-.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-DDGNxVX8.js";
+import { t as FieldController } from "./form.binding-DLM7NA2s.js";
+import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
+import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
+import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
+import { mergeProps } from "react-aria/mergeProps";
+import { mergeRefs } from "react-aria/mergeRefs";
+import { useObjectRef } from "react-aria/useObjectRef";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import { useFocusRing } from "react-aria/useFocusRing";
+import { useHover } from "react-aria/useHover";
+import { VisuallyHidden } from "react-aria/VisuallyHidden";
+import { useCheckboxGroup, useCheckboxGroupItem } from "react-aria/useCheckboxGroup";
+import { useCheckbox } from "react-aria/useCheckbox";
+import { useCheckboxGroupState } from "react-stately/useCheckboxGroupState";
+import { useToggleState } from "react-stately/useToggleState";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Checkbox.mjs
+const $ed8ccb2e23e76301$export$b085522c77523c51 = /*#__PURE__*/ createContext(null);
+const $ed8ccb2e23e76301$export$baf37c4be89255b8 = /*#__PURE__*/ createContext(null);
+const $ed8ccb2e23e76301$export$139c5b8563afc1fc = /*#__PURE__*/ createContext(null);
+const $ed8ccb2e23e76301$export$4aa08d5625cb8ead = /*#__PURE__*/ forwardRef(function CheckboxGroup(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $ed8ccb2e23e76301$export$baf37c4be89255b8);
+	let { validationBehavior: formValidationBehavior } = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($cdaed739b1139372$export$c24727297075ec6a) || {};
+	let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? "native";
+	let state = useCheckboxGroupState({
+		...props,
+		validationBehavior
+	});
+	let [labelRef, label] = $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { groupProps, labelProps, descriptionProps, errorMessageProps, ...validation } = useCheckboxGroup({
+		...props,
+		label,
+		validationBehavior
+	}, state);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			isDisabled: state.isDisabled,
+			isReadOnly: state.isReadOnly,
+			isRequired: props.isRequired || false,
+			isInvalid: state.isInvalid,
+			state
+		},
+		defaultClassName: "react-aria-CheckboxGroup"
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(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__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$ed8ccb2e23e76301$export$139c5b8563afc1fc, state],
+		[$43a3b93638fe5db9$export$75b6ee27786ba447, {
+			...labelProps,
+			ref: labelRef,
+			elementType: "span"
+		}],
+		[$efe09c6d1c304b50$export$9afb8bc826b033ea, { slots: {
+			description: descriptionProps,
+			errorMessage: errorMessageProps
+		} }],
+		[$1f3c3b1a70cec653$export$ff05c3ac10437e03, validation]
+	] }, renderProps.children));
+});
+const $ed8ccb2e23e76301$var$InternalCheckboxContext = /*#__PURE__*/ createContext(null);
+function $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef) {
+	let { validationBehavior: formValidationBehavior } = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($cdaed739b1139372$export$c24727297075ec6a) || {};
+	let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? "native";
+	let groupState = useContext($ed8ccb2e23e76301$export$139c5b8563afc1fc);
+	let inputRef = useObjectRef(useMemo(() => mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null), [userProvidedInputRef, props.inputRef]));
+	let checkboxProps = {
+		...$7230ffa83bc0c2cf$export$ef03459518577ad4(props),
+		children: typeof props.children === "function" ? true : props.children,
+		value: props.value,
+		validationBehavior
+	};
+	return [groupState ? useCheckboxGroupItem(checkboxProps, groupState, inputRef) : useCheckbox(checkboxProps, useToggleState(props), inputRef), inputRef];
+}
+const $ed8ccb2e23e76301$export$48513f6b9f8ce62d = /*#__PURE__*/ forwardRef(function Checkbox(props, ref) {
+	let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(otherProps, ref, $ed8ccb2e23e76301$export$b085522c77523c51);
+	let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);
+	return /*#__PURE__*/ $ahdqC$react.createElement($ed8ccb2e23e76301$var$InternalCheckboxContext.Provider, { value: {
+		...aria,
+		inputRef,
+		defaultClassName: "react-aria-Checkbox",
+		isIndeterminate: props.isIndeterminate,
+		isRequired: props.isRequired
+	} }, /*#__PURE__*/ $ahdqC$react.createElement($ed8ccb2e23e76301$export$6e7a18c0548f3129, {
+		...props,
+		ref
+	}));
+});
+const $ed8ccb2e23e76301$export$6e7a18c0548f3129 = /*#__PURE__*/ forwardRef(function CheckboxButton(props, ref) {
+	let { labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed, isInvalid, inputRef, defaultClassName, isIndeterminate, isRequired } = useContext($ed8ccb2e23e76301$var$InternalCheckboxContext);
+	let { isFocused, isFocusVisible, focusProps } = useFocusRing();
+	let isInteractionDisabled = isDisabled || isReadOnly;
+	let { hoverProps, isHovered } = useHover({
+		...props,
+		isDisabled: isInteractionDisabled
+	});
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName,
+		values: {
+			isSelected,
+			isIndeterminate: isIndeterminate || false,
+			isPressed,
+			isHovered,
+			isFocused,
+			isFocusVisible,
+			isDisabled,
+			isReadOnly,
+			isInvalid,
+			isRequired: isRequired || false
+		}
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.label, {
+		...mergeProps(DOMProps, labelProps, hoverProps, renderProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-selected": isSelected || void 0,
+		"data-indeterminate": 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": isRequired || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement(VisuallyHidden, { elementType: "span" }, /*#__PURE__*/ $ahdqC$react.createElement("input", {
+		...mergeProps(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, disabled, isRequired, error, hideError, labelClassName, variant: variantProp, hideLabel: hideLabelProp, fireBlurOnChange: fireBlurOnChangeProp, onChange, onBlur, ...rest } = props;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const variant = variantProp ?? ui.checkbox.variant;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const fireBlurOnChange = fireBlurOnChangeProp ?? ui.checkbox.fireBlurOnChange;
+	const formFieldErrorProps = {
+		error,
+		isDisabled: resolvedIsDisabled
+	};
+	const handleChange = (isSelected) => {
+		onChange?.(isSelected);
+		if (fireBlurOnChange) onBlur?.({});
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs($ed8ccb2e23e76301$export$48513f6b9f8ce62d, {
+		...rest,
+		isDisabled: resolvedIsDisabled,
+		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: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+				isSelected: field.value,
+				onChange: (value) => {
+					field.onChange(value);
+					field.onBlur();
+				},
+				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, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as r, Checkbox as t };

package/dist/Checkbox-CBybJbLm.d.ts

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

package/dist/CheckboxCheckmark-C1X9yBT6.js

@@ -0,0 +1,195 @@
+import { t as createLucideIcon } from "./createLucideIcon-LS26Bb1M.js";
+import { t as Check } from "./check-DefmU9oJ.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.37.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-4xoWgmxr.d.ts

@@ -0,0 +1,28 @@
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-DwnPS5df.js";
+import { t as ControlProps } from "./form.types-CecYaerF.js";
+import { n as FormFieldProps } from "./FormField-DTDj3F0A.js";
+import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
+import { ReactElement, Ref } from "react";
+import { CheckboxGroupProps } from "react-aria-components";
+//#region src/components/inputs/Checkbox/CheckboxGroup.d.ts
+interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<CheckboxGroupProps, "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$1 extends CheckboxGroupBaseProps {}
+type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps$1, TFieldValues>;
+declare const CheckboxGroupComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react").JSX.Element;
+declare const CheckboxGroup: typeof CheckboxGroupComponent;
+//#endregion
+export { CheckboxGroupProps$1 as n, ControlledCheckboxGroupProps as r, CheckboxGroup as t };