@povio/ui 2.3.3 → 3.0.0-rc.2

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

@@ -1,25 +1,39 @@
 import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.js";
 import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
-import { UIStyle } from "../../../config/uiStyle.context.js";
-import { checkbox, checkboxIcon } from "./checkbox.cva.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 = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
-	const checkboxCva = UIStyle.useCva("checkbox.cva", checkbox);
-	const checkboxIconCva = UIStyle.useCva("checkbox.iconCva", checkboxIcon);
+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;
+	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: checkboxCva({
-			variant,
-			...props,
-			className
-		}),
+		className: t3,
 		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
 			...props,
 			iconVariant: "selected"
-		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
-			...props,
-			iconVariant: "indeterminate"
-		}) })]
+		}) }), t5]
 	});
 };
 //#endregion

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

@@ -1,16 +1,32 @@
-import { VariantProps } from 'class-variance-authority';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-export declare const checkbox: (props?: ({
-    variant?: "default" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface CheckboxVariantProps extends VariantProps<typeof checkbox> {
+import { UIOverrides } from '../../../config/uiOverrides.context';
+export declare const checkboxDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly default: ["m-1 border-interactive-outlined-secondary-on-idle", "text-interactive-contained-primary-on-idle", "group-hover:text-interactive-contained-primary-on-hover", "group-pressed:text-interactive-contained-primary-on-pressed", "group-disabled:text-interactive-contained-primary-on-disabled", "group-disabled:border-interactive-outlined-secondary-on-disabled", "group-hover:border-interactive-outlined-secondary-on-hover", "group-pressed:border-interactive-outlined-secondary-on-pressed", "group-selected:border-interactive-contained-primary-idle", "group-selected:bg-interactive-contained-primary-idle", "group-selected:group-hover:bg-interactive-contained-primary-hover", "group-selected:group-hover:border-interactive-contained-primary-hover", "group-selected:group-pressed:bg-interactive-contained-primary-pressed", "group-selected:group-pressed:border-interactive-contained-primary-pressed", "group-selected:group-disabled:bg-interactive-contained-primary-disabled", "group-selected:group-disabled:border-interactive-contained-primary-disabled", "group-indeterminate:border-interactive-contained-primary-idle", "group-indeterminate:bg-interactive-contained-primary-idle", "group-indeterminate:group-hover:bg-interactive-contained-primary-hover", "group-indeterminate:group-hover:border-interactive-contained-primary-hover", "group-indeterminate:group-pressed:bg-interactive-contained-primary-pressed", "group-indeterminate:group-pressed:border-interactive-contained-primary-pressed", "group-invalid:border-interactive-outlined-error-on-idle", "group-focus-visible:outline-interactive-contained-primary-focus"];
+        };
+    }>;
+};
+export type CheckboxConfig = NonNullable<typeof checkboxDefinition.config>;
+export interface CheckboxVariantProps extends UIOverrides.VariantProps<CheckboxConfig> {
 }
 export declare const checkboxIndicatorClass = "group flex items-center gap-2";
 export declare const checkboxTypography: (props: {
-    variant?: "default" | null | undefined;
+    readonly variant?: "default" | null | undefined;
 }) => TypographyVariantProps | undefined;
-export declare const checkboxIcon: (props?: ({
-    iconVariant?: "selected" | "indeterminate" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface CheckboxIconVariantProps extends VariantProps<typeof checkboxIcon> {
+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<{
+        readonly iconVariant: {
+            readonly selected: ["group-selected:block"];
+            readonly indeterminate: ["group-indeterminate:block"];
+        };
+    }>;
+};
+export type CheckboxIconConfig = NonNullable<typeof checkboxIconDefinition.config>;
+export interface CheckboxIconVariantProps extends UIOverrides.VariantProps<CheckboxIconConfig> {
 }

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

@@ -1,39 +1,42 @@
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiGroupOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
-import { cva } from "class-variance-authority";
 //#region src/components/inputs/Checkbox/checkbox.cva.ts
-var checkbox = cva([
-	"flex items-center justify-center border-2",
-	"relative size-4 shrink-0 rounded-xs p-1",
-	uiGroupOutlineClass
-], {
-	variants: { variant: { default: [
-		"m-1 border-interactive-outlined-secondary-on-idle",
-		"text-interactive-contained-primary-on-idle",
-		"group-hover:text-interactive-contained-primary-on-hover",
-		"group-pressed:text-interactive-contained-primary-on-pressed",
-		"group-disabled:text-interactive-contained-primary-on-disabled",
-		"group-disabled:border-interactive-outlined-secondary-on-disabled",
-		"group-hover:border-interactive-outlined-secondary-on-hover",
-		"group-pressed:border-interactive-outlined-secondary-on-pressed",
-		"group-selected:border-interactive-contained-primary-idle",
-		"group-selected:bg-interactive-contained-primary-idle",
-		"group-selected:group-hover:bg-interactive-contained-primary-hover",
-		"group-selected:group-hover:border-interactive-contained-primary-hover",
-		"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
-		"group-selected:group-pressed:border-interactive-contained-primary-pressed",
-		"group-selected:group-disabled:bg-interactive-contained-primary-disabled",
-		"group-selected:group-disabled:border-interactive-contained-primary-disabled",
-		"group-indeterminate:border-interactive-contained-primary-idle",
-		"group-indeterminate:bg-interactive-contained-primary-idle",
-		"group-indeterminate:group-hover:bg-interactive-contained-primary-hover",
-		"group-indeterminate:group-hover:border-interactive-contained-primary-hover",
-		"group-indeterminate:group-pressed:bg-interactive-contained-primary-pressed",
-		"group-indeterminate:group-pressed:border-interactive-contained-primary-pressed",
-		"group-invalid:border-interactive-outlined-error-on-idle",
-		"group-focus-visible:outline-interactive-contained-primary-focus"
-	] } },
-	defaultVariants: { variant: "default" }
+var checkboxDefinition = UIOverrides.defineConfig({
+	base: [
+		"flex items-center justify-center border-2",
+		"relative size-4 shrink-0 rounded-xs p-1",
+		uiGroupOutlineClass
+	],
+	config: {
+		variants: { variant: { default: [
+			"m-1 border-interactive-outlined-secondary-on-idle",
+			"text-interactive-contained-primary-on-idle",
+			"group-hover:text-interactive-contained-primary-on-hover",
+			"group-pressed:text-interactive-contained-primary-on-pressed",
+			"group-disabled:text-interactive-contained-primary-on-disabled",
+			"group-disabled:border-interactive-outlined-secondary-on-disabled",
+			"group-hover:border-interactive-outlined-secondary-on-hover",
+			"group-pressed:border-interactive-outlined-secondary-on-pressed",
+			"group-selected:border-interactive-contained-primary-idle",
+			"group-selected:bg-interactive-contained-primary-idle",
+			"group-selected:group-hover:bg-interactive-contained-primary-hover",
+			"group-selected:group-hover:border-interactive-contained-primary-hover",
+			"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
+			"group-selected:group-pressed:border-interactive-contained-primary-pressed",
+			"group-selected:group-disabled:bg-interactive-contained-primary-disabled",
+			"group-selected:group-disabled:border-interactive-contained-primary-disabled",
+			"group-indeterminate:border-interactive-contained-primary-idle",
+			"group-indeterminate:bg-interactive-contained-primary-idle",
+			"group-indeterminate:group-hover:bg-interactive-contained-primary-hover",
+			"group-indeterminate:group-hover:border-interactive-contained-primary-hover",
+			"group-indeterminate:group-pressed:bg-interactive-contained-primary-pressed",
+			"group-indeterminate:group-pressed:border-interactive-contained-primary-pressed",
+			"group-invalid:border-interactive-outlined-error-on-idle",
+			"group-focus-visible:outline-interactive-contained-primary-focus"
+		] } },
+		defaultVariants: { variant: "default" }
+	}
 });
 var checkboxIndicatorClass = "group flex items-center gap-2";
 var checkboxTypography = compoundMapper({ default: {
@@ -41,12 +44,16 @@ var checkboxTypography = compoundMapper({ default: {
 	sizeMobile: "label-1",
 	variant: "default"
 } });
-var checkboxIcon = cva(["absolute hidden size-3"], {
-	variants: { iconVariant: {
-		selected: ["group-selected:block"],
-		indeterminate: ["group-indeterminate:block"]
-	} },
-	defaultVariants: { iconVariant: "selected" }
+var checkboxContentClassName = compoundMapper({ default: "text-text-default-2" });
+var checkboxIconDefinition = UIOverrides.defineConfig({
+	base: ["absolute hidden size-3"],
+	config: {
+		variants: { iconVariant: {
+			selected: ["group-selected:block"],
+			indeterminate: ["group-indeterminate:block"]
+		} },
+		defaultVariants: { iconVariant: "selected" }
+	}
 });
 //#endregion
-export { checkbox, checkboxIcon, checkboxIndicatorClass, checkboxTypography };
+export { checkboxContentClassName, checkboxDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };

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

@@ -1,26 +1,32 @@
 import { CalendarDate, DateValue } from '@internationalized/date';
-import { Ref } from 'react';
+import { FocusEvent, 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"> {
+interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
     ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
     className?: string;
-    todayIcon?: boolean;
+    todayIcon?: DatePickerTodayIcon;
+    todayIconButtonSize?: DatePickerTodayIconButtonSize;
+    todayIconButtonComponent?: DatePickerTodayIconButtonComponent;
+    todayIconPlacement?: DatePickerTodayIconPlacement;
     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;
@@ -28,7 +34,8 @@ 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, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: <TFieldValues extends FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};