@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

package/dist/components/buttons/Button/Button.d.ts

@@ -1,28 +1,30 @@
-import { FC, ReactElement, ReactNode, Ref, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
-import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
-import { LinkNavigationProps } from '../../text/Link/Link';
-import { ButtonVariantProps } from './button.cva';
-export type ButtonIconProps<IconOnly extends boolean = false> = {
-    iconOnly?: IconOnly;
+import { LinkNavigationProps } from "../../link.js";
+import { ButtonVariantProps } from "./button.cva.js";
+import { ButtonContentVariantProps } from "../shared/buttonContent.cva.js";
+import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";
+import { ButtonProps, ToggleButtonProps } from "react-aria-components";
+//#region src/components/buttons/Button/Button.d.ts
+type ButtonIconProps<IconOnly extends boolean = false> = {
+  iconOnly?: IconOnly;
 } & (IconOnly extends true ? {
-    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
 } : {
-    icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
 });
-type ToggleButtonProps = {
-    toggle?: false;
+type ToggleButtonProps$1 = {
+  toggle?: false;
 } | ({
-    toggle: true;
-    isSelected?: boolean;
-} & AriaToggleButtonProps);
-export type ButtonProps<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps & {
-    children: ReactNode;
-    isLoading?: boolean;
-    link?: LinkNavigationProps;
-    noDisableWhenLoading?: boolean;
-    iconClassName?: string;
-    contentRef?: Ref<HTMLElement>;
+  toggle: true;
+  isSelected?: boolean;
+} & ToggleButtonProps);
+type ButtonProps$1<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & ButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps$1 & {
+  children: ReactNode;
+  isLoading?: boolean;
+  link?: LinkNavigationProps;
+  noDisableWhenLoading?: boolean;
+  iconClassName?: string;
+  contentRef?: Ref<HTMLElement>;
 };
-export declare const Button: <IconOnly extends boolean = false>({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }: ButtonProps<IconOnly>) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const Button$1: <IconOnly extends boolean = false>({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }: ButtonProps$1<IconOnly>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Button$1 as Button, ButtonIconProps, ButtonProps$1 as ButtonProps };

package/dist/components/buttons/Button/Button.js

@@ -7,7 +7,7 @@ import { clsx } from "clsx";
 import { Button, Link, ToggleButton } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/Button/Button.tsx
-var Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
+const Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.button.variant, size = uiConfig.button.size } = props;

package/dist/components/buttons/Button/button.cva.d.ts

@@ -1,99 +1,93 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-export declare const buttonDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly width: {
-            readonly fill: "w-full";
-            readonly hug: "w-auto";
-        };
-        readonly size: {
-            readonly none: "";
-            readonly xs: "";
-            readonly s: "";
-            readonly m: "";
-            readonly l: "";
-        };
-        readonly color: {
-            readonly primary: "";
-            readonly secondary: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-            readonly dual: "";
-        };
-        readonly variant: {
-            readonly contained: "";
-            readonly outlined: "";
-            readonly subtle: "";
-            readonly text: "group-data-[split]/split:data-[separator]:after:hidden";
-            readonly ghost: "";
-        };
-        readonly inverted: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/buttons/Button/button.cva.d.ts
+declare const buttonDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly width: {
+      readonly fill: "w-full";
+      readonly hug: "w-auto";
+    };
+    readonly size: {
+      readonly none: "";
+      readonly xs: "";
+      readonly s: "";
+      readonly m: "";
+      readonly l: "";
+    };
+    readonly color: {
+      readonly primary: "";
+      readonly secondary: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+      readonly dual: "";
+    };
+    readonly variant: {
+      readonly contained: "";
+      readonly outlined: "";
+      readonly subtle: "";
+      readonly text: "group-data-[split]/split:data-[separator]:after:hidden";
+      readonly ghost: "";
+    };
+    readonly inverted: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type ButtonConfig = NonNullable<typeof buttonDefinition.config>;
-export interface ButtonVariantProps extends UIOverrides.VariantProps<ButtonConfig> {
-}
-export declare const buttonSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "rounded-button-rounding-s p-0";
-            readonly xs: "rounded-button-rounding-s";
-            readonly s: "rounded-button-rounding-s";
-            readonly m: "rounded-button-rounding-m";
-            readonly l: "rounded-button-rounding-l";
-        };
-        readonly iconOnly: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+type ButtonConfig = NonNullable<typeof buttonDefinition.config>;
+interface ButtonVariantProps extends UIOverrides.VariantProps<ButtonConfig> {}
+declare const buttonSizeDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly none: "rounded-button-rounding-s p-0";
+      readonly xs: "rounded-button-rounding-s";
+      readonly s: "rounded-button-rounding-s";
+      readonly m: "rounded-button-rounding-m";
+      readonly l: "rounded-button-rounding-l";
+    };
+    readonly iconOnly: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type ButtonSizeConfig = NonNullable<typeof buttonSizeDefinition.config>;
-export declare const buttonContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "gap-button-gap-icon-to-label";
-            readonly xs: "gap-button-gap-icon-to-label";
-            readonly s: "gap-button-gap-icon-to-label";
-            readonly m: "gap-button-gap-icon-to-label";
-            readonly l: "gap-button-gap-icon-to-label";
-        };
-        readonly iconPosition: {
-            readonly left: "";
-            readonly right: "";
-            readonly none: "";
-        };
-        readonly iconOnly: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+declare const buttonContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly none: "gap-button-gap-icon-to-label";
+      readonly xs: "gap-button-gap-icon-to-label";
+      readonly s: "gap-button-gap-icon-to-label";
+      readonly m: "gap-button-gap-icon-to-label";
+      readonly l: "gap-button-gap-icon-to-label";
+    };
+    readonly iconPosition: {
+      readonly left: "";
+      readonly right: "";
+      readonly none: "";
+    };
+    readonly iconOnly: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type ButtonContentConfig = NonNullable<typeof buttonContentDefinition.config>;
-export declare const buttonIconSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "h-6 w-6";
-            readonly xs: "h-6 w-6";
-            readonly s: "h-6 w-6";
-            readonly m: "h-6 w-6";
-            readonly l: "h-6 w-6";
-        };
-    }>;
+type ButtonContentConfig = NonNullable<typeof buttonContentDefinition.config>;
+declare const buttonIconSizeDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly none: "h-6 w-6";
+      readonly xs: "h-6 w-6";
+      readonly s: "h-6 w-6";
+      readonly m: "h-6 w-6";
+      readonly l: "h-6 w-6";
+    };
+  }>;
 };
-export type ButtonIconSizeConfig = NonNullable<typeof buttonIconSizeDefinition.config>;
-export declare const buttonTypography: (props: {
-    readonly width?: "fill" | "hug" | null | undefined;
-    readonly size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
-    readonly color?: "error" | "primary" | "dual" | "secondary" | "success" | "warning" | null | undefined;
-    readonly variant?: "text" | "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
-    readonly inverted?: boolean | null | undefined;
-}) => TypographyVariantProps | undefined;
+//#endregion
+export { ButtonConfig, ButtonContentConfig, ButtonVariantProps, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition };

package/dist/components/buttons/Button/button.cva.js

@@ -2,7 +2,7 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 //#region src/components/buttons/Button/button.cva.ts
-var buttonDefinition = UIOverrides.defineConfig({
+const buttonDefinition = UIOverrides.defineConfig({
 	base: [
 		"group inline-flex items-center justify-center border border-solid",
 		uiOutlineClass,
@@ -512,7 +512,7 @@ var buttonDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var buttonSizeDefinition = UIOverrides.defineConfig({
+const buttonSizeDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: {
@@ -576,7 +576,7 @@ var buttonSizeDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var buttonContentDefinition = UIOverrides.defineConfig({
+const buttonContentDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: {
@@ -604,7 +604,7 @@ var buttonContentDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var buttonIconSizeDefinition = UIOverrides.defineConfig({
+const buttonIconSizeDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: { size: {
@@ -617,45 +617,9 @@ var buttonIconSizeDefinition = UIOverrides.defineConfig({
 		defaultVariants: { size: "m" }
 	}
 });
-var buttonTypography = compoundMapper({
-	defaultVariants: { size: "m" },
-	compoundVariants: [
-		{
-			size: "none",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "xs",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "s",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "m",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		},
-		{
-			size: "l",
-			value: {
-				size: "label-2",
-				variant: "prominent-1"
-			}
-		}
-	]
-});
+const buttonTypography = compoundMapper({ default: {
+	size: "label-2",
+	variant: "prominent-1"
+} });
 //#endregion
 export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, buttonTypography };

package/dist/components/buttons/PillButton/pillButton.cva.d.ts

@@ -1,40 +1,35 @@
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const pillButtonDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly primary: "";
-            readonly secondary: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-        };
-        readonly variant: {
-            readonly contained: "";
-            readonly outlined: "";
-            readonly subtle: "";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/buttons/PillButton/pillButton.cva.d.ts
+declare const pillButtonDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      readonly primary: "";
+      readonly secondary: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+    };
+    readonly variant: {
+      readonly contained: "";
+      readonly outlined: "";
+      readonly subtle: "";
+    };
+  }>;
 };
-export type PillButtonConfig = NonNullable<typeof pillButtonDefinition.config>;
-export interface PillButtonVariants extends UIOverrides.VariantProps<PillButtonConfig> {
-}
-export declare const pillButtonContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly iconPosition: {
-            readonly left: "gap-button-gap-icon-to-label";
-            readonly right: "gap-button-gap-icon-to-label";
-            readonly none: "gap-button-gap-icon-to-label";
-        };
-    }>;
+type PillButtonConfig = NonNullable<typeof pillButtonDefinition.config>;
+interface PillButtonVariants extends UIOverrides.VariantProps<PillButtonConfig> {}
+declare const pillButtonContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly iconPosition: {
+      readonly left: "gap-button-gap-icon-to-label";
+      readonly right: "gap-button-gap-icon-to-label";
+      readonly none: "gap-button-gap-icon-to-label";
+    };
+  }>;
 };
-export declare const pillButtonContent: (props?: ({
-    readonly iconPosition?: "left" | "right" | "none" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const pillButtonIconSize: string;
-export declare const pillButtonTypography: (props: {
-    readonly color?: "error" | "primary" | "secondary" | "success" | "warning" | null | undefined;
-    readonly variant?: "contained" | "outlined" | "subtle" | null | undefined;
-}) => TypographyVariantProps | undefined;
+//#endregion
+export { PillButtonConfig, PillButtonVariants, pillButtonContentDefinition, pillButtonDefinition };

package/dist/components/buttons/PillButton/pillButton.cva.js

@@ -4,7 +4,7 @@ import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
 //#region src/components/buttons/PillButton/pillButton.cva.ts
-var pillButtonDefinition = UIOverrides.defineConfig({
+const pillButtonDefinition = UIOverrides.defineConfig({
 	base: [
 		uiOutlineClass,
 		"flex items-center justify-center",
@@ -243,7 +243,7 @@ var pillButtonDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var pillButtonContentDefinition = UIOverrides.defineConfig({
+const pillButtonContentDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { iconPosition: {
@@ -254,9 +254,9 @@ var pillButtonContentDefinition = UIOverrides.defineConfig({
 		defaultVariants: { iconPosition: "left" }
 	}
 });
-var pillButtonContent = cva(pillButtonContentDefinition.base, pillButtonContentDefinition.config);
-var pillButtonIconSize = clsx("h-6 w-6");
-var pillButtonTypography = compoundMapper({ default: {
+const pillButtonContent = cva(pillButtonContentDefinition.base, pillButtonContentDefinition.config);
+const pillButtonIconSize = clsx("h-6 w-6");
+const pillButtonTypography = compoundMapper({ default: {
 	size: "label-2",
 	variant: "prominent-1"
 } });

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

@@ -1,37 +1,95 @@
 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 { Loader } from "../../loader.js";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/shared/ButtonContent.tsx
-var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
+const 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$1, { 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$1, { children: [
+			t3,
+			t4,
+			t5
+		] });
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 };
 //#endregion
 export { ButtonContent };

package/dist/components/buttons/shared/buttonContent.cva.d.ts

@@ -1,8 +1,6 @@
-import { ButtonContentConfig } from '../Button/button.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const buttonContentLabel: (props?: ({
-    iconPosition?: "left" | "right" | "none" | null | undefined;
-    hideText?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {
-}
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import { ButtonContentConfig } from "../Button/button.cva.js";
+//#region src/components/buttons/shared/buttonContent.cva.d.ts
+interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {}
+//#endregion
+export { ButtonContentVariantProps };

package/dist/components/buttons/shared/buttonContent.cva.js

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 //#region src/components/buttons/shared/buttonContent.cva.ts
-var buttonContentLabel = cva("hyphens-auto md:truncate", {
+const buttonContentLabel = cva("hyphens-auto md:truncate", {
 	variants: {
 		iconPosition: {
 			left: "",

package/dist/components/checkbox-group.d.ts

@@ -0,0 +1,28 @@
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { CheckboxVariantProps } from "./inputs/Checkbox/checkbox.cva.js";
+import { ControlProps } from "./inputs/shared/form.types.js";
+import { InputVariantProps } from "./inputs/shared/input.cva.js";
+import { FormFieldProps } from "./form-field.js";
+import { ReactElement, Ref } from "react";
+import { CheckboxGroupProps as CheckboxGroupProps$1 } from "react-aria-components";
+//#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 { CheckboxGroup, CheckboxGroupProps, ControlledCheckboxGroupProps };