@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/{Calendar-BTjajO6i.js → Calendar-ChmIflXX.js}

@@ -1,26 +1,28 @@
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
+import { n as ChevronUp, r as ChevronLeft } from "./Tooltip-CqbyoJhl.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
-import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
-import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-BLBcySA2.js";
+import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-TND0rEMc.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CL8Ar4Q_.js";
-import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-BW1ensey.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CoUk0kkt.js";
+import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-DUQ8nwKY.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
 import { BadgeButton } from "./components/badge-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
-import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
-import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-CLDS_LRZ.js";
-import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-DtU63_dw.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-DCgoSrP3.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
+import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-DYarfm5F.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-CA_lwN-O.js";
+import "./i18n-BjNKHh_D.js";
+import { n as TimePickerForm } from "./datePickerValue.utils-BxHR_BQZ.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDateTime, DateFormatter, Time, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { useCalendar } from "@react-aria/calendar";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
+import { useTranslation } from "react-i18next";
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
 function $28aae683a942e141$export$87194bb378cc3ac2(props) {
 	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
 	let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
@@ -124,6 +126,7 @@ function $28aae683a942e141$export$87194bb378cc3ac2(props) {
 }
 //#endregion
 //#region src/components/inputs/DateTime/shared/CalendarHeader.tsx
+const calendarNavButtonClassName = clsx("inline-flex size-8 shrink-0 items-center justify-center rounded-md p-0 transition-all select-none", "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 disabled:pointer-events-none", uiOutlineClass);
 const HourCycle = {
 	12: "h12",
 	24: "h23"
@@ -132,6 +135,7 @@ const getTimeFormatterDate = (timeValue, timeZone) => {
 	return new CalendarDateTime(2e3, 1, 1, timeValue.hour, timeValue.minute).toDate(timeZone);
 };
 const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextButtonProps, includesTime, isTimeOptional, hourCycle, granularity = "day", toggleState, setToggleState }) => {
+	const { t } = useTranslation("ui");
 	const formatter = $1697a7ad3db7b79f$re_export$useDateFormatter({
 		month: "long",
 		timeZone: calendarState.timeZone
@@ -151,21 +155,19 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 		timeLabel = timeFormatter.format(date);
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: "inline-flex w-full items-center justify-between border-border-default-subtle border-b border-solid px-1",
+		className: "flex w-full items-center justify-between gap-1 p-3",
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: clsx("inline-flex h-12 items-center", includesTime ? "p-1 md:p-3" : "p-3"),
+				className: "inline-flex items-center",
 				children: /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 					...prevButtonProps,
 					isDisabled: !!toggleState,
-					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(IconSlot, {
-						icon: ChevronLeft,
-						className: "text-interactive-primary-background"
-					})
+					className: clsx(calendarNavButtonClassName, !!toggleState && "opacity-0"),
+					children: /* @__PURE__ */ jsx(IconSlot, { icon: ChevronLeft })
 				})
 			}),
 			/* @__PURE__ */ jsxs($bc25b811ec97a172$export$40258cc1d95ff477, {
+				"aria-label": t(($) => $.ui.datePicker.calendarNavigation),
 				className: "flex gap-2",
 				children: [
 					granularity !== "year" && /* @__PURE__ */ jsx(BadgeButton, {
@@ -225,15 +227,12 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 				]
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: clsx("inline-flex h-12 items-center", includesTime ? "p-1 md:p-3" : "p-3"),
+				className: "inline-flex items-center",
 				children: /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 					...nextButtonProps,
 					isDisabled: !!toggleState,
-					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(IconSlot, {
-						icon: ChevronRight,
-						className: "text-interactive-primary-background"
-					})
+					className: clsx(calendarNavButtonClassName, !!toggleState && "opacity-0"),
+					children: /* @__PURE__ */ jsx(IconSlot, { icon: ChevronRight })
 				})
 			})
 		]
@@ -312,10 +311,10 @@ const MonthPicker = ({ state, onSelectionChange, onDateChange, onCommit, selecte
 					if (monthNumber !== selectedMonth) return;
 					onCommit?.();
 				},
-				className: clsx("flex items-center justify-center text-surface-default-foreground", "rounded-button-rounding-default border border-border-default-subtle border-solid bg-surface-default-card", "not-selected:not-disabled:hover:text-state-surface-default-foreground/hover", "selected:border-interactive-primary-background selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex items-center justify-center rounded-md border border-solid text-sm font-medium shadow-xs transition-all", "not-selected:border-border not-selected:bg-background not-selected:text-foreground", "dark:not-selected:border-input dark:not-selected:bg-input/30", "not-selected:not-disabled:hover:bg-accent not-selected:not-disabled:hover:text-accent-foreground", "dark:not-selected:not-disabled:hover:bg-input/50", "selected:border-primary selected:bg-primary selected:text-primary-foreground", uiOutlineClass, "not-selected:focus-visible:border-ring", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
-					size: "small",
+					size: "body",
 					children: month
 				})
 			}, monthNumber);
@@ -446,10 +445,10 @@ const YearPicker = ({ state, onSelectionChange, onDateChange, onCommit, selected
 					if (index !== selectedYearIndex) return;
 					onCommit?.();
 				},
-				className: clsx("flex px-4 py-2 text-surface-default-foreground outline-none", "border-border-default-subtle border-b border-solid bg-surface-default-card last:border-b-0", "not-selected:not-disabled:hover:text-state-surface-default-foreground/hover", "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus-visible:bg-state-interactive-primary-background/focus focus-visible:text-interactive-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex border-b border-border border-solid px-4 py-2 text-sm outline-none last:border-b-0", "not-selected:text-foreground", "not-selected:not-disabled:hover:bg-accent not-selected:not-disabled:hover:text-accent-foreground", "not-selected:focus-visible:bg-accent not-selected:focus-visible:text-accent-foreground", "selected:bg-primary selected:text-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
-					size: "small",
+					size: "body",
 					children: year.formatted
 				})
 			}, index);
@@ -571,6 +570,7 @@ const Calendar = ({ showWeekNumbers, className, includesTime, datePickerState, h
 			});
 			return /* @__PURE__ */ jsx(CalendarGrid, {
 				showWeekNumbers,
+				firstDayOfWeek: props.calendarProps.firstDayOfWeek,
 				state: props.state,
 				onApply: handleDateChange,
 				onDoubleClickApply: !includesTime ? onApply : void 0,

package/dist/{CheckContent-D7sZPmzx.js → CheckContent-DHKG_FY6.js}

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as typographyDefinition } from "./typography.cva-CXolEQdT.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/CheckContent.tsx
 const CheckContent = ({ children, className, contentClassName, ...props }) => {

package/dist/{Checkbox-DVTWaMKa.d.ts → Checkbox-BjZVQ-6_.d.ts}

@@ -1,7 +1,5 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-t1Ox50hy.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CZnnBl8g.js";
 import { ComponentType, ReactNode, Ref, SVGProps } from "react";
 import { CheckboxProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/Checkbox.d.ts
@@ -18,9 +16,12 @@ interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, O
   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;
+type CheckboxProps$1 = CheckboxBaseProps & {
+  field?: never;
+};
+declare const CheckboxComponent: (props: CheckboxProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const Checkbox: import("react").MemoExoticComponent<typeof CheckboxComponent>;
 //#endregion
-export { ControlledCheckboxProps as a, CheckboxProps$1 as i, CheckboxBase as n, CheckboxBaseProps as r, Checkbox as t };
+export { CheckboxProps$1 as a, CheckboxComponent as i, CheckboxBase as n, CheckboxBaseProps as r, Checkbox as t };

package/dist/{Checkbox-CV1ILXXO.js → Checkbox-Bo03jrPX.js}

@@ -1,15 +1,15 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-CpC3wlMs.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-C4yFclkZ.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.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-Czcqspm7.js";
-import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
-import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
-import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-DlQcyN1f.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormFieldError } from "./FormFieldError-DeOHHLo2.js";
-import { t as CheckContent } from "./CheckContent-D7sZPmzx.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-BkLF-JA3.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
+import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-CqF1SaVw.js";
+import { c as checkboxTypography, s as checkboxIndicatorClass, t as checkboxContentClassName } from "./checkbox.cva-DCVi4-4z.js";
+import { t as FormFieldError } from "./FormFieldError-BaVgIKrv.js";
+import { t as CheckContent } from "./CheckContent-DHKG_FY6.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
@@ -23,7 +23,7 @@ import { useCheckboxGroup, useCheckboxGroupItem } from "react-aria/useCheckboxGr
 import { useCheckbox } from "react-aria/useCheckbox";
 import { useCheckboxGroupState } from "react-stately/useCheckboxGroupState";
 import { useToggleState } from "react-stately/useToggleState";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Checkbox.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+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);
@@ -161,7 +161,12 @@ const CheckboxBase = (props) => {
 	const variant = variantProp ?? ui.checkbox.variant;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const fireBlurOnChange = fireBlurOnChangeProp ?? ui.checkbox.fireBlurOnChange;
+	const accessibility = useFieldAccessibility({
+		describedBy: rest["aria-describedby"],
+		error: hideError ? void 0 : error
+	});
 	const formFieldErrorProps = {
+		id: accessibility.errorMessageId,
 		error,
 		isDisabled: resolvedIsDisabled
 	};
@@ -174,8 +179,9 @@ const CheckboxBase = (props) => {
 		isDisabled: resolvedIsDisabled,
 		isInvalid: !!error,
 		isRequired,
-		"aria-label": hideLabel && typeof children === "string" ? children : void 0,
-		"aria-errormessage": error || void 0,
+		"aria-label": rest["aria-label"] ?? (!rest["aria-labelledby"] && hideLabel && typeof children === "string" ? children : void 0),
+		"aria-describedby": accessibility.describedBy,
+		"aria-errormessage": rest["aria-errormessage"] ?? accessibility.errorMessageId,
 		"data-is-dirty": props.isDirty || void 0,
 		"data-is-required": props.isRequired || void 0,
 		onChange: handleChange,
@@ -198,30 +204,7 @@ const CheckboxBase = (props) => {
 		})]
 	}), !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 CheckboxComponent = (props) => /* @__PURE__ */ jsx(CheckboxBase, { ...props });
 const Checkbox = memo(CheckboxComponent);
 //#endregion
 export { CheckboxBase as n, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as r, Checkbox as t };

package/dist/Checkbox.bound-DN4OVaMs.js

@@ -0,0 +1,33 @@
+import { n as CheckboxBase } from "./Checkbox-Bo03jrPX.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Checkbox/Checkbox.bound.tsx
+const CheckboxComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxBase, {
+			...innerProps,
+			fireBlurOnChange: false,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			isSelected: field.value ?? false,
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			name: field.name,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const Checkbox = memo(CheckboxComponent);
+//#endregion
+export { Checkbox as t };

package/dist/Checkbox.bound-DTO008Tl.d.ts

@@ -0,0 +1,9 @@
+import { a as CheckboxProps$1 } from "./Checkbox-BjZVQ-6_.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Checkbox/Checkbox.bound.d.ts
+type ControlledCheckboxProps<TFieldValues extends FieldValues> = FormControlProps<CheckboxProps$1, TFieldValues, "isSelected">;
+type CheckboxProps<TFieldValues extends FieldValues = FieldValues> = ControlledCheckboxProps<TFieldValues>;
+declare const CheckboxComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react").JSX.Element;
+declare const Checkbox: typeof CheckboxComponent;
+//#endregion
+export { CheckboxProps as n, ControlledCheckboxProps as r, Checkbox as t };

package/dist/CheckboxCheckmark-C4yFclkZ.js

@@ -0,0 +1,44 @@
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+import { t as Check } from "./check-DYMBkp_Z.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { i as checkboxDefinition, o as checkboxIconDefinition } from "./checkbox.cva-DCVi4-4z.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/minus.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData = {
+	name: "minus",
+	size: 24,
+	node: [["path", {
+		d: "M5 12h14",
+		key: "1ays0h"
+	}]]
+};
+__iconData.node;
+const Minus = createLucideIcon(__iconData);
+//#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 { CheckboxCheckmark as t };

package/dist/CheckboxGroup-B_rzZgta.d.ts

@@ -0,0 +1,30 @@
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CZnnBl8g.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;
+}
+declare const CheckboxGroupBase: (props: CheckboxGroupBaseProps) => import("react").JSX.Element;
+interface CheckboxGroupProps$1 extends CheckboxGroupBaseProps {
+  field?: never;
+}
+declare const CheckboxGroupComponent: (props: CheckboxGroupProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const CheckboxGroup: import("react").MemoExoticComponent<typeof CheckboxGroupComponent>;
+//#endregion
+export { CheckboxGroupProps$1 as i, CheckboxGroupBase as n, CheckboxGroupComponent as r, CheckboxGroup as t };

package/dist/CheckboxGroup-D3LxgocB.js

@@ -0,0 +1,139 @@
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "./Checkbox-Bo03jrPX.js";
+import { a as checkboxGroupLabelDefinition, n as checkboxContentRowDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-DCVi4-4z.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLabel } from "@react-aria/label";
+//#region src/components/inputs/Checkbox/CheckboxGroup.tsx
+const CheckboxGroupBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const checkboxContentWrapperCva = UIOverrides.useCva("checkbox.contentWrapperCva", checkboxContentWrapperDefinition);
+	const checkboxContentRowCva = UIOverrides.useCva("checkbox.contentRowCva", checkboxContentRowDefinition);
+	const checkboxGroupLabelCva = UIOverrides.useCva("checkbox.groupLabelCva", checkboxGroupLabelDefinition);
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	const { ref, label, tooltipText, helperText, isDirty, isRequired, rightContent, isDisabled, headerClassName, errorClassName, labelClassName, inputClassName, isHeaderHidden, error, className, options, allValue, value, defaultValue, onChange, onBlur, as: asProp, size: sizeProp, variant: variantProp, hideLabel: hideLabelProp, ...rest } = props;
+	const as = asProp ?? ui.input.as;
+	const size = sizeProp ?? ui.input.size;
+	const variant = variantProp ?? ui.checkbox.variant;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const optionValues = options.map((option) => option.value);
+	const expandAllValue = (currentValue) => {
+		if (allValue === null && currentValue === null) return optionValues;
+		if (allValue !== void 0 && allValue !== null && currentValue) {
+			if (currentValue.length === allValue.length && currentValue.every((item, index) => item === allValue[index])) return optionValues;
+		}
+		return currentValue ?? void 0;
+	};
+	const resolvedValue = expandAllValue(value);
+	const resolvedDefaultValue = expandAllValue(defaultValue);
+	const selectedValue = resolvedValue ?? resolvedDefaultValue;
+	const shouldRenderInputFrame = as !== "default";
+	const { labelProps, fieldProps } = useLabel({ label });
+	const formFieldProps = {
+		className,
+		error,
+		errorClassName,
+		headerClassName,
+		helperText,
+		hideLabel,
+		isDisabled,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		isRequired,
+		label,
+		rightContent,
+		tooltipText
+	};
+	const headerProps = {
+		className: headerClassName,
+		helperText,
+		isDisabled,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isRequired,
+		label,
+		labelProps,
+		rightContent,
+		tooltipText
+	};
+	const handleChange = (nextValue) => {
+		const hasAllOptions = allValue !== void 0 && optionValues.length > 0 && optionValues.every((optionValue) => nextValue.includes(optionValue));
+		onChange?.(hasAllOptions ? allValue : nextValue);
+	};
+	return /* @__PURE__ */ jsx($ed8ccb2e23e76301$export$4aa08d5625cb8ead, {
+		...rest,
+		...fieldProps,
+		ref,
+		value: resolvedValue,
+		defaultValue: resolvedDefaultValue,
+		onChange: handleChange,
+		onBlur,
+		isDisabled,
+		isInvalid: !!error,
+		isRequired,
+		"data-is-dirty": isDirty || void 0,
+		"data-is-required": isRequired || void 0,
+		className: "group",
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("w-full", as === "inline" && "h-full", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("group/checkbox-group-content relative", shouldRenderInputFrame && inputBaseCva({
+					variant: ui.input.variant,
+					as
+				}), inputClassName),
+				"data-rac": "",
+				"data-disabled": isDisabled || void 0,
+				"data-is-disabled": isDisabled || void 0,
+				"data-invalid": !!error || void 0,
+				"data-has-selection": selectedValue?.length ? true : void 0,
+				"data-checkbox-group-content": "",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: clsx(checkboxContentWrapperCva({
+						variant,
+						as,
+						size,
+						hasInputFrame: shouldRenderInputFrame,
+						...rest
+					}), shouldRenderInputFrame && as !== "floating" && inputSizeCva({
+						as,
+						size
+					})),
+					"data-is-dirty": isDirty || void 0,
+					"data-is-required": isRequired || void 0,
+					children: [as && ["filter", "floating"].includes(as) && /* @__PURE__ */ jsx(FormFieldLabel, {
+						...headerProps,
+						as: as === "floating" ? "filter" : as,
+						size,
+						className: clsx(headerClassName, checkboxGroupLabelCva({ as }))
+					}), /* @__PURE__ */ jsx("div", {
+						className: checkboxContentRowCva({
+							variant,
+							as,
+							hasInputFrame: shouldRenderInputFrame,
+							...rest
+						}),
+						children: options.map((option) => /* @__PURE__ */ jsx(CheckboxBase, {
+							value: option.value,
+							variant,
+							hideLabel,
+							hideError: true,
+							labelClassName,
+							children: option.label
+						}, option.value))
+					})]
+				})
+			})
+		})
+	});
+};
+const CheckboxGroupComponent = (props) => /* @__PURE__ */ jsx(CheckboxGroupBase, { ...props });
+const CheckboxGroup = memo(CheckboxGroupComponent);
+//#endregion
+export { CheckboxGroupBase as n, CheckboxGroup as t };

package/dist/CheckboxGroup.bound-8hjoP-xP.js

@@ -0,0 +1,32 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as CheckboxGroupBase } from "./CheckboxGroup-D3LxgocB.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Checkbox/CheckboxGroup.bound.tsx
+const CheckboxGroupComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxGroupBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? [],
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			name: field.name,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const CheckboxGroup = memo(CheckboxGroupComponent);
+//#endregion
+export { CheckboxGroup as t };

package/dist/CheckboxGroup.bound-CiA60XsD.d.ts

@@ -0,0 +1,9 @@
+import { i as CheckboxGroupProps$1 } from "./CheckboxGroup-B_rzZgta.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Checkbox/CheckboxGroup.bound.d.ts
+type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = FormControlProps<CheckboxGroupProps$1, TFieldValues>;
+type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues> = ControlledCheckboxGroupProps<TFieldValues>;
+declare const CheckboxGroupComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react").JSX.Element;
+declare const CheckboxGroup: typeof CheckboxGroupComponent;
+//#endregion
+export { CheckboxGroupProps as n, ControlledCheckboxGroupProps as r, CheckboxGroup as t };