@povio/ui 3.2.0 → 3.2.1

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

@@ -18,6 +18,68 @@ export declare const checkboxTypography: (props: {
 export declare const checkboxContentClassName: (props: {
     readonly variant?: "default" | null | undefined;
 }) => string | undefined;
+export declare const checkboxContentWrapperDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly default: "";
+        };
+        readonly size: {
+            readonly "extra-small": "";
+            readonly small: "";
+            readonly default: "";
+            readonly large: "";
+        };
+        readonly as: {
+            readonly default: "flex-col";
+            readonly floating: "flex-col";
+            readonly filter: "flex-row flex-wrap items-center gap-2";
+            readonly inline: "flex-row flex-wrap items-center gap-2";
+        };
+        readonly hasInputFrame: {
+            readonly true: "gap-2";
+            readonly false: "";
+        };
+    }>;
+};
+export type CheckboxContentWrapperConfig = NonNullable<typeof checkboxContentWrapperDefinition.config>;
+export interface CheckboxContentWrapperVariantProps extends UIOverrides.VariantProps<CheckboxContentWrapperConfig> {
+}
+export declare const checkboxGroupLabelDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly as: {
+            readonly default: "";
+            readonly 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!"];
+            readonly filter: "";
+            readonly inline: "";
+        };
+    }>;
+};
+export type CheckboxGroupLabelConfig = NonNullable<typeof checkboxGroupLabelDefinition.config>;
+export interface CheckboxGroupLabelVariantProps extends UIOverrides.VariantProps<CheckboxGroupLabelConfig> {
+}
+export declare const checkboxContentRowDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly default: "";
+        };
+        readonly as: {
+            readonly default: "flex-col";
+            readonly floating: "flex-col";
+            readonly filter: "flex-row flex-wrap items-center gap-2";
+            readonly inline: "flex-row flex-wrap items-center gap-2";
+        };
+        readonly hasInputFrame: {
+            readonly true: "gap-2";
+            readonly false: "";
+        };
+    }>;
+};
+export type CheckboxContentRowConfig = NonNullable<typeof checkboxContentRowDefinition.config>;
+export interface CheckboxContentRowVariantProps extends UIOverrides.VariantProps<CheckboxContentRowConfig> {
+}
 export declare const checkboxIconDefinition: {
     base: string[];
     config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{

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

@@ -45,6 +45,108 @@ var checkboxTypography = compoundMapper({ default: {
 	variant: "default"
 } });
 var checkboxContentClassName = compoundMapper({ default: "text-text-default-2" });
+var 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
+		}
+	}
+});
+var 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" }
+	}
+});
+var 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
+		}
+	}
+});
 var checkboxIconDefinition = UIOverrides.defineConfig({
 	base: ["absolute hidden size-3"],
 	config: {
@@ -56,4 +158,4 @@ var checkboxIconDefinition = UIOverrides.defineConfig({
 	}
 });
 //#endregion
-export { checkboxContentClassName, checkboxDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };
+export { checkboxContentClassName, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -1,5 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
+import { FormField } from "../../FormField/FormField.js";
 import { Calendar } from "../shared/Calendar.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
@@ -8,7 +9,6 @@ import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticCalendarDateSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -2,6 +2,7 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import "../../../../config/i18n.js";
+import { FormField } from "../../FormField/FormField.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
 import { renderDatePickerTodayIcon } from "../shared/datePickerTodayIcon.js";
@@ -9,7 +10,6 @@ import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticDateRangeSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js

@@ -1,5 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
+import { FormField } from "../../FormField/FormField.js";
 import { Calendar } from "../shared/Calendar.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
@@ -8,7 +9,6 @@ import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticCalendarDateTimeSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/TimePicker/TimePicker.js

@@ -1,10 +1,10 @@
 import { UIConfig } from "../../../../config/uiConfig.context.js";
+import { FormField } from "../../FormField/FormField.js";
 import { TimePickerForm } from "../shared/TimePickerForm.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticDateTimeFocusTarget, getStaticTimeSegments } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/shared/DateField.js

@@ -5,7 +5,7 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useImperativeHandle, useRef } from "react";
 import { useDateField, useLocale } from "react-aria";
-import { createCalendar } from "@internationalized/date";
+import { CalendarDate, CalendarDateTime, createCalendar } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useDateFieldState } from "react-stately";
 //#region src/components/inputs/DateTime/shared/DateField.tsx
@@ -81,14 +81,15 @@ var DateField = (t0) => {
 		$[15] = t7;
 	} else t7 = $[15];
 	const segmentsToRender = t7;
+	const getSegmentNumber = _temp;
 	let t8;
 	if ($[16] !== isTimeOptional || $[17] !== props || $[18] !== state) {
 		t8 = () => {
-			const monthSegment = state.segments.find(_temp);
-			const daySegment = state.segments.find(_temp2);
-			const yearSegment = state.segments.find(_temp3);
-			const hourSegment = state.segments.find(_temp4);
-			const minuteSegment = state.segments.find(_temp5);
+			const monthSegment = state.segments.find(_temp2);
+			const daySegment = state.segments.find(_temp3);
+			const yearSegment = state.segments.find(_temp4);
+			const hourSegment = state.segments.find(_temp5);
+			const minuteSegment = state.segments.find(_temp6);
 			const isMonthFilled = monthSegment && !monthSegment.isPlaceholder;
 			const isDayFilled = daySegment && !daySegment.isPlaceholder;
 			const isYearFilled = yearSegment && !yearSegment.isPlaceholder && yearSegment.text?.length > 0;
@@ -116,7 +117,14 @@ var DateField = (t0) => {
 				let year = (/* @__PURE__ */ new Date()).getFullYear();
 				if (yearSegment?.text?.length && yearSegment?.text?.length === 2) year = parseInt(`20${yearSegment?.text}`);
 				state.setSegment("year", year);
-				const correctedValue = state.value?.set({ year });
+				let correctedValue = null;
+				const month = getSegmentNumber(monthSegment);
+				const day = getSegmentNumber(daySegment);
+				const hasDateSegments = month !== null && day !== null;
+				const hasTimeSegment = !!(hourSegment || minuteSegment);
+				if (state.value) correctedValue = state.value.set({ year });
+				else if (hasDateSegments && hasTimeSegment) correctedValue = new CalendarDateTime(year, month, day, getSegmentNumber(hourSegment) ?? 0, getSegmentNumber(minuteSegment) ?? 0);
+				else if (hasDateSegments) correctedValue = new CalendarDate(year, month, day);
 				if (correctedValue) props.onChange?.(correctedValue);
 			}
 		};
@@ -184,7 +192,7 @@ var DateField = (t0) => {
 	let t14;
 	if ($[34] !== onClearChange || $[35] !== state.segments) {
 		t13 = () => {
-			onClearChange?.(state.segments.some(_temp6));
+			onClearChange?.(state.segments.some(_temp7));
 		};
 		t14 = [state.segments, onClearChange];
 		$[34] = onClearChange;
@@ -217,8 +225,8 @@ var DateField = (t0) => {
 	const formattedDisplayValue = t15;
 	let t16;
 	if ($[43] !== hidePlaceholder || $[44] !== isDisabled || $[45] !== segmentGroup || $[46] !== segmentsToRender || $[47] !== state) {
-		t16 = /* @__PURE__ */ jsx(Fragment, { children: segmentsToRender.map((segment_6, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
-			segment: segment_6,
+		t16 = /* @__PURE__ */ jsx(Fragment, { children: segmentsToRender.map((segment_7, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
+			segment: segment_7,
 			segmentGroup,
 			state,
 			isDisabled,
@@ -286,22 +294,28 @@ var DateField = (t0) => {
 	return t20;
 };
 function _temp(segment_0) {
-	return segment_0.type === "month";
+	if (!segment_0) return null;
+	if (typeof segment_0.value === "number" && !Number.isNaN(segment_0.value)) return segment_0.value;
+	const parsedValue = parseInt(segment_0.text ?? "");
+	return Number.isNaN(parsedValue) ? null : parsedValue;
 }
 function _temp2(segment_1) {
-	return segment_1.type === "day";
+	return segment_1.type === "month";
 }
 function _temp3(segment_2) {
-	return segment_2.type === "year";
+	return segment_2.type === "day";
 }
 function _temp4(segment_3) {
-	return segment_3.type === "hour";
+	return segment_3.type === "year";
 }
 function _temp5(segment_4) {
-	return segment_4.type === "minute";
+	return segment_4.type === "hour";
 }
 function _temp6(segment_5) {
-	return segment_5.type !== "literal" && segment_5.isPlaceholder === false;
+	return segment_5.type === "minute";
+}
+function _temp7(segment_6) {
+	return segment_6.type !== "literal" && segment_6.isPlaceholder === false;
 }
 //#endregion
 export { DateField };

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -2,13 +2,13 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
+import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { DateField } from "./DateField.js";
 import { datePickerInputContentRowDefinition } from "./datePickerInput.cva.js";
 import { renderDatePickerTodayIcon } from "./datePickerTodayIcon.js";
-import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
 import { InputClear } from "../../shared/InputClear.js";
-import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/components/inputs/DateTime/shared/TimePickerInput.js

@@ -3,8 +3,8 @@ import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { TimeField } from "./TimeField.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/FormField/FormFieldHeader.js

@@ -2,8 +2,8 @@ import { InfoIcon } from "../../../assets/icons/Info.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { Tooltip as Tooltip$1 } from "../../overlays/Tooltip/Tooltip.js";
-import { FormFieldLabel } from "./FormFieldLabel.js";
 import { formFieldHeaderDefinition } from "./formFieldHeader.cva.js";
+import { FormFieldLabel } from "./FormFieldLabel.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/components/inputs/Input/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { inputBaseDefinition } from "../../shared/input.cva.js";
 import { FormField } from "../../FormField/FormField.js";
+import { inputBaseDefinition } from "../../shared/input.cva.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.js

@@ -1,7 +1,7 @@
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { FormField } from "../../FormField/FormField.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js

@@ -1,8 +1,8 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { getStaticNumberDisplayValue } from "../shared/numberStatic.utils.js";

package/dist/components/inputs/Input/TextArea/TextArea.js

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { InputClear } from "../../shared/InputClear.js";
-import { inputSideDefinition, inputSizeDefinition, useInputCva } from "../../shared/input.cva.js";
 import { FormField } from "../../FormField/FormField.js";
+import { inputSideDefinition, inputSizeDefinition, useInputCva } from "../../shared/input.cva.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { textAreaWrapperDefinition } from "./TextArea.cva.js";
 import { c } from "react/compiler-runtime";

package/dist/components/inputs/Input/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { inputBaseDefinition } from "../../shared/input.cva.js";
 import { FormField } from "../../FormField/FormField.js";
+import { inputBaseDefinition } from "../../shared/input.cva.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/Input/shared/InputContent.js

@@ -3,8 +3,8 @@ import { typographyDefinition } from "../../../text/Typography/typography.cva.js
 import { Loader } from "../../../status/Loader/Loader.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { inputContentWrapperDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/components/inputs/Inputs/InputItem.d.ts

@@ -7,6 +7,7 @@ import { HasRequiredProperty } from '../../../types/common';
 declare const componentRegistry: {
     readonly toggle: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('../Toggle/Toggle').ControlledToggleProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly checkbox: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('../Checkbox/Checkbox').ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+    readonly checkboxGroup: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('../Checkbox/CheckboxGroup').ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly numberInput: <TFieldValues extends import('react-hook-form').FieldValues>({ renderStaticInput, ...props }: import('../Input/NumberInput/NumberInput').ControlledNumberInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly numberRangeInput: <TFieldValues extends import('react-hook-form').FieldValues>({ renderStaticInput, ...props }: import('../Input/NumberRangeInput/NumberRangeInput').ControlledNumberRangeInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly slider: <TFieldValues extends import('react-hook-form').FieldValues, IsRange extends boolean = false>(props: import('../Slider/Slider').ControlledSliderProps<TFieldValues, IsRange>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/Inputs/InputItem.js

@@ -1,4 +1,5 @@
 import { Checkbox } from "../Checkbox/Checkbox.js";
+import { CheckboxGroup } from "../Checkbox/CheckboxGroup.js";
 import { DatePicker } from "../DateTime/DatePicker/DatePicker.js";
 import { TextInput } from "../Input/TextInput/TextInput.js";
 import { Select } from "../Selection/Select/Select.js";
@@ -21,6 +22,7 @@ import { jsx } from "react/jsx-runtime";
 var componentRegistry = {
 	toggle: Toggle,
 	checkbox: Checkbox,
+	checkboxGroup: CheckboxGroup,
 	numberInput: NumberInput,
 	numberRangeInput: NumberRangeInput,
 	slider: Slider,

package/dist/components/inputs/RadioGroup/RadioGroup.js

@@ -2,8 +2,8 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
-import { inputBaseDefinition, inputSizeDefinition } from "../shared/input.cva.js";
 import { FormField } from "../FormField/FormField.js";
+import { inputBaseDefinition, inputSizeDefinition } from "../shared/input.cva.js";
 import { radioContentClassName, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, radioIndicatorClass, radioTypography } from "./radio.cva.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/Selection/shared/SelectDesktop.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { popoverDefinition } from "../../../shared/popover.cva.js";
 import { FormField } from "../../FormField/FormField.js";
+import { popoverDefinition } from "../../../shared/popover.cva.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import "./useSelectItems.js";
 import { SelectContext } from "./select.context.js";

package/dist/components/inputs/Selection/shared/SelectInput.js

@@ -3,8 +3,8 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import "../../../../config/i18n.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { inputBaseDefinition, inputClearClassDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { SelectInputTags } from "./SelectInputTags.js";
 import { SelectContext } from "./select.context.js";
 import { selectInputTagsContentWrapperDefinition } from "./selectInput.cva.js";

package/dist/components/inputs/Skeleton/InputFrame.js

@@ -4,9 +4,9 @@ import { Loader } from "../../status/Loader/Loader.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
-import { InputClear } from "../shared/InputClear.js";
-import { inputBaseDefinition, inputContentWrapperDefinition, inputSizeDefinition } from "../shared/input.cva.js";
 import { FormField } from "../FormField/FormField.js";
+import { inputBaseDefinition, inputContentWrapperDefinition, inputSizeDefinition } from "../shared/input.cva.js";
+import { InputClear } from "../shared/InputClear.js";
 import { TooltipWrapper } from "../shared/TooltipWrapper.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/TextEditor/TextEditor.js

@@ -2,8 +2,8 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { isEqual } from "../../../utils/isEqual.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
-import { inputSideDefinition } from "../shared/input.cva.js";
 import { FormField } from "../FormField/FormField.js";
+import { inputSideDefinition } from "../shared/input.cva.js";
 import { TextEditorToolbar } from "./Toolbar/TextEditorToolbar.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/config/uiOverrides.context.d.ts

@@ -36,6 +36,9 @@ export declare namespace UIOverrides {
         };
         checkbox: {
             cva?: GenericCvaOption;
+            contentWrapperCva?: GenericCvaOption;
+            contentRowCva?: GenericCvaOption;
+            groupLabelCva?: GenericCvaOption;
             iconCva?: GenericCvaOption;
             typography?: Mapper;
             contentClassName?: Mapper;

package/dist/index.d.ts

@@ -58,6 +58,8 @@ export type { ToggleButtonProps } from './components/buttons/ToggleButton/Toggle
 export { ToggleButton } from './components/buttons/ToggleButton/ToggleButton';
 export type { CheckboxProps, ControlledCheckboxProps } from './components/inputs/Checkbox/Checkbox';
 export { Checkbox } from './components/inputs/Checkbox/Checkbox';
+export type { CheckboxGroupProps, ControlledCheckboxGroupProps } from './components/inputs/Checkbox/CheckboxGroup';
+export { CheckboxGroup } from './components/inputs/Checkbox/CheckboxGroup';
 export type { CheckboxVariantProps } from './components/inputs/Checkbox/checkbox.cva';
 export type { ControlledDatePickerProps, DatePickerProps } from './components/inputs/DateTime/DatePicker/DatePicker';
 export { DatePicker } from './components/inputs/DateTime/DatePicker/DatePicker';
@@ -184,7 +186,7 @@ export { UIOverrides } from './config/uiOverrides.context';
 export { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbsDefinition, breadcrumbSegmentDefinition, } from './components/Breadcrumbs/breadcrumbs.cva';
 export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, } from './components/buttons/Button/button.cva';
 export { pillButtonContentDefinition, pillButtonDefinition } from './components/buttons/PillButton/pillButton.cva';
-export { checkboxDefinition, checkboxIconDefinition } from './components/inputs/Checkbox/checkbox.cva';
+export { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, } from './components/inputs/Checkbox/checkbox.cva';
 export { datePickerInputContentRowDefinition } from './components/inputs/DateTime/shared/datePickerInput.cva';
 export { fileUploadDropZoneDefinition } from './components/inputs/File/shared/fileUpload.cva';
 export { inputUploadButtonDefinition, inputUploadDropZoneDefinition, } from './components/inputs/File/shared/inputUploadButton.cva';

package/dist/index.js

@@ -71,19 +71,20 @@ import { Menu } from "./components/Menu/Menu.js";
 import { SplitButton } from "./components/buttons/SplitButton/SplitButton.js";
 import { TextButton } from "./components/buttons/TextButton/TextButton.js";
 import { ToggleButton } from "./components/buttons/ToggleButton/ToggleButton.js";
-import { checkboxDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
+import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
 import { formFieldErrorDefinition } from "./components/inputs/FormField/formFieldError.cva.js";
 import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
+import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
+import { labelDefinition } from "./components/inputs/shared/label.cva.js";
+import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
+import { FormField } from "./components/inputs/FormField/FormField.js";
+import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
+import { CheckboxGroup } from "./components/inputs/Checkbox/CheckboxGroup.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
-import { labelDefinition } from "./components/inputs/shared/label.cva.js";
-import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
 import { popoverDefinition } from "./components/shared/popover.cva.js";
-import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
-import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
-import { FormField } from "./components/inputs/FormField/FormField.js";
 import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
 import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
@@ -175,4 +176,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };