@povio/ui 3.0.0-rc.3 → 3.1.0

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

@@ -1,10 +1,9 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
-import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography } from "./checkbox.cva.js";
+import { checkboxIndicatorClass, checkboxTypography } from "./checkbox.cva.js";
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Checkbox } from "react-aria-components";
@@ -12,218 +11,53 @@ import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
 //#region src/components/inputs/Checkbox/Checkbox.tsx
 var CheckboxBase = (props) => {
-	const $ = c(48);
 	const ui = UIConfig.useConfig();
 	const checkboxTypographyMap = UIOverrides.useMapper("checkbox.typography", checkboxTypography);
-	const checkboxContentClassNameMap = UIOverrides.useMapper("checkbox.contentClassName", checkboxContentClassName);
-	let children;
-	let className;
-	let error;
-	let fireBlurOnChangeProp;
-	let hideLabelProp;
-	let isDisabled;
-	let onBlur;
-	let onChange;
-	let rest;
-	let variantProp;
-	if ($[0] !== props) {
-		({className, children, isDisabled, error, variant: variantProp, hideLabel: hideLabelProp, fireBlurOnChange: fireBlurOnChangeProp, onChange, onBlur, ...rest} = props);
-		$[0] = props;
-		$[1] = children;
-		$[2] = className;
-		$[3] = error;
-		$[4] = fireBlurOnChangeProp;
-		$[5] = hideLabelProp;
-		$[6] = isDisabled;
-		$[7] = onBlur;
-		$[8] = onChange;
-		$[9] = rest;
-		$[10] = variantProp;
-	} else {
-		children = $[1];
-		className = $[2];
-		error = $[3];
-		fireBlurOnChangeProp = $[4];
-		hideLabelProp = $[5];
-		isDisabled = $[6];
-		onBlur = $[7];
-		onChange = $[8];
-		rest = $[9];
-		variantProp = $[10];
-	}
-	const variant = variantProp ?? ui.checkbox.variant;
-	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
-	const fireBlurOnChange = fireBlurOnChangeProp ?? ui.checkbox.fireBlurOnChange;
-	let t0;
-	if ($[11] !== error || $[12] !== isDisabled) {
-		t0 = {
-			error,
-			isDisabled
-		};
-		$[11] = error;
-		$[12] = isDisabled;
-		$[13] = t0;
-	} else t0 = $[13];
-	const formFieldErrorProps = t0;
-	let t1;
-	if ($[14] !== fireBlurOnChange || $[15] !== onBlur || $[16] !== onChange) {
-		t1 = (isSelected) => {
-			onChange?.(isSelected);
-			if (fireBlurOnChange) onBlur?.({});
-		};
-		$[14] = fireBlurOnChange;
-		$[15] = onBlur;
-		$[16] = onChange;
-		$[17] = t1;
-	} else t1 = $[17];
-	const handleChange = t1;
-	const t2 = !!error;
-	const t3 = hideLabel && typeof children === "string" ? children : void 0;
-	const t4 = error || void 0;
-	const t5 = props.isDirty || void 0;
-	const t6 = props.isRequired || void 0;
-	let t7;
-	if ($[18] !== className) {
-		t7 = clsx("relative", checkboxIndicatorClass, className);
-		$[18] = className;
-		$[19] = t7;
-	} else t7 = $[19];
-	let t8;
-	if ($[20] !== rest || $[21] !== variant) {
-		t8 = /* @__PURE__ */ jsx(CheckboxCheckmark, {
+	const { className, children, isDisabled, error, variant = ui.checkbox.variant, hideLabel = ui.input.hideLabel, ...rest } = props;
+	const formFieldErrorProps = {
+		error,
+		isDisabled
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Checkbox, {
+		...rest,
+		isDisabled,
+		isInvalid: !!error,
+		"aria-errormessage": error || void 0,
+		"data-is-dirty": props.isDirty || void 0,
+		"data-is-required": props.isRequired || void 0,
+		className: clsx("relative", checkboxIndicatorClass, className),
+		children: [/* @__PURE__ */ jsx(CheckboxCheckmark, {
 			variant,
 			...rest
-		});
-		$[20] = rest;
-		$[21] = variant;
-		$[22] = t8;
-	} else t8 = $[22];
-	let t9;
-	if ($[23] !== checkboxContentClassNameMap || $[24] !== checkboxTypographyMap || $[25] !== children || $[26] !== hideLabel || $[27] !== rest || $[28] !== variant) {
-		t9 = !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
+		}), !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
 			typography: checkboxTypographyMap({
 				variant,
 				...rest
 			}),
-			contentClassName: checkboxContentClassNameMap({
-				variant,
-				...rest
-			}),
 			children
-		});
-		$[23] = checkboxContentClassNameMap;
-		$[24] = checkboxTypographyMap;
-		$[25] = children;
-		$[26] = hideLabel;
-		$[27] = rest;
-		$[28] = variant;
-		$[29] = t9;
-	} else t9 = $[29];
-	let t10;
-	if ($[30] !== handleChange || $[31] !== isDisabled || $[32] !== onBlur || $[33] !== rest || $[34] !== t2 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(Checkbox, {
-			...rest,
-			isDisabled,
-			isInvalid: t2,
-			"aria-label": t3,
-			"aria-errormessage": t4,
-			"data-is-dirty": t5,
-			"data-is-required": t6,
-			onChange: handleChange,
-			onBlur,
-			className: t7,
-			children: [t8, t9]
-		});
-		$[30] = handleChange;
-		$[31] = isDisabled;
-		$[32] = onBlur;
-		$[33] = rest;
-		$[34] = t2;
-		$[35] = t3;
-		$[36] = t4;
-		$[37] = t5;
-		$[38] = t6;
-		$[39] = t7;
-		$[40] = t8;
-		$[41] = t9;
-		$[42] = t10;
-	} else t10 = $[42];
-	let t11;
-	if ($[43] !== formFieldErrorProps) {
-		t11 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
-		$[43] = formFieldErrorProps;
-		$[44] = t11;
-	} else t11 = $[44];
-	let t12;
-	if ($[45] !== t10 || $[46] !== t11) {
-		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t11] });
-		$[45] = t10;
-		$[46] = t11;
-		$[47] = t12;
-	} else t12 = $[47];
-	return t12;
+		})]
+	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
 };
 var Checkbox$1 = (props) => {
-	const $ = c(15);
 	if ("formControl" in props && props.formControl) {
-		let formControl;
-		let innerProps;
-		let ref;
-		if ($[0] !== props) {
-			({formControl, ref, ...innerProps} = props);
-			$[0] = props;
-			$[1] = formControl;
-			$[2] = innerProps;
-			$[3] = ref;
-		} else {
-			formControl = $[1];
-			innerProps = $[2];
-			ref = $[3];
-		}
-		let t0;
-		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
-			t0 = (t1) => {
-				const { field, fieldState: t2 } = t1;
-				const { error, isDirty } = t2;
-				return /* @__PURE__ */ jsx(CheckboxBase, {
-					...innerProps,
-					ref: mergeRefs(ref, field.ref),
-					isSelected: field.value,
-					onChange: field.onChange,
-					onBlur: field.onBlur,
-					name: field.name,
-					isDirty,
-					isDisabled: field.disabled || props.isDisabled,
-					error: props.error ?? error?.message
-				});
-			};
-			$[4] = innerProps;
-			$[5] = props.error;
-			$[6] = props.isDisabled;
-			$[7] = ref;
-			$[8] = t0;
-		} else t0 = $[8];
-		let t1;
-		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(Controller, {
-				control: formControl.control,
-				name: formControl.name,
-				render: t0
-			});
-			$[9] = formControl.control;
-			$[10] = formControl.name;
-			$[11] = t0;
-			$[12] = t1;
-		} else t1 = $[12];
-		return t1;
+		const { formControl, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(Controller, {
+			control: formControl.control,
+			name: formControl.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxBase, {
+				...innerProps,
+				ref: mergeRefs(ref, field.ref),
+				isSelected: field.value,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
+				name: field.name,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
 	}
-	let t0;
-	if ($[13] !== props) {
-		t0 = /* @__PURE__ */ jsx(CheckboxBase, { ...props });
-		$[13] = props;
-		$[14] = t0;
-	} else t0 = $[14];
-	return t0;
+	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
 };
 //#endregion
 export { Checkbox$1 as Checkbox };

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -2,38 +2,24 @@ import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.j
 import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { checkboxDefinition, checkboxIconDefinition } from "./checkbox.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
-var CheckboxCheckmark = (t0) => {
-	const $ = c(3);
-	const { variant, className, selectedIcon: t1, indeterminateIcon: t2, ...props } = t0;
-	const SelectedIcon = t1 === void 0 ? CheckboxCheckmarkIcon : t1;
-	const IndeterminateIcon = t2 === void 0 ? CheckboxIndeterminateIcon : t2;
+var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
 	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
 	const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
-	const t3 = checkboxCva({
-		variant,
-		...props,
-		className
-	});
-	const t4 = checkboxIconCva({
-		...props,
-		iconVariant: "indeterminate"
-	});
-	let t5;
-	if ($[0] !== IndeterminateIcon || $[1] !== t4) {
-		t5 = /* @__PURE__ */ jsx(IndeterminateIcon, { className: t4 });
-		$[0] = IndeterminateIcon;
-		$[1] = t4;
-		$[2] = t5;
-	} else t5 = $[2];
 	return /* @__PURE__ */ jsxs("div", {
-		className: t3,
+		className: checkboxCva({
+			variant,
+			...props,
+			className
+		}),
 		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
 			...props,
 			iconVariant: "selected"
-		}) }), t5]
+		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
+			...props,
+			iconVariant: "indeterminate"
+		}) })]
 	});
 };
 //#endregion

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

@@ -15,9 +15,6 @@ export declare const checkboxIndicatorClass = "group flex items-center gap-2";
 export declare const checkboxTypography: (props: {
     readonly variant?: "default" | null | undefined;
 }) => TypographyVariantProps | undefined;
-export declare const checkboxContentClassName: (props: {
-    readonly variant?: "default" | null | undefined;
-}) => string | undefined;
 export declare const checkboxIconDefinition: {
     base: string[];
     config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{

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

@@ -44,7 +44,6 @@ var checkboxTypography = compoundMapper({ default: {
 	sizeMobile: "label-1",
 	variant: "default"
 } });
-var checkboxContentClassName = compoundMapper({ default: "text-text-default-2" });
 var checkboxIconDefinition = UIOverrides.defineConfig({
 	base: ["absolute hidden size-3"],
 	config: {
@@ -56,4 +55,4 @@ var checkboxIconDefinition = UIOverrides.defineConfig({
 	}
 });
 //#endregion
-export { checkboxContentClassName, checkboxDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };
+export { checkboxDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };

package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts

@@ -1,32 +1,26 @@
 import { CalendarDate, DateValue } from '@internationalized/date';
-import { FocusEvent, Ref } from 'react';
+import { Ref } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { DatePickerStateOptions } from 'react-stately';
 import { DatePickerInputHandle } from '../shared/DatePickerInput';
-import { DatePickerTodayIcon, DatePickerTodayIconButtonComponent, DatePickerTodayIconButtonSize, DatePickerTodayIconPlacement } from '../shared/datePicker.types';
 import { FormFieldProps } from '../../FormField/FormField';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
 type DatePickerGranularity = "day" | "month" | "year";
-interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
+interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label"> {
     ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
     className?: string;
-    todayIcon?: DatePickerTodayIcon;
-    todayIconButtonSize?: DatePickerTodayIconButtonSize;
-    todayIconButtonComponent?: DatePickerTodayIconButtonComponent;
-    todayIconPlacement?: DatePickerTodayIconPlacement;
+    todayIcon?: boolean;
     isDirty?: boolean;
     disableManualEntry?: boolean;
-    autoFixYear?: boolean;
     placeholder?: string;
     inputClassName?: string;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     shouldUpdateDateOnMonthYearChange?: boolean;
     granularity?: DatePickerGranularity;
+    autoFixYear?: boolean;
     format?: string;
-    fireBlurOnChange?: boolean;
 }
 export interface DatePickerProps extends Omit<DatePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
     value?: string | null;
@@ -34,8 +28,7 @@ export interface DatePickerProps extends Omit<DatePickerBaseProps, "value" | "on
     fullIso?: boolean;
     minValue?: DateValue | string;
     maxValue?: DateValue | string;
-    renderStaticInput?: boolean;
 }
 export type ControlledDatePickerProps<TFieldValues extends FieldValues> = ControlProps<DatePickerProps, TFieldValues>;
-export declare const DatePicker: <TFieldValues extends FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: <TFieldValues extends FieldValues>({ fullIso, granularity, minValue, maxValue, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};