@povio/ui 2.1.14 → 2.1.16

package/dist/buttonContent.cva.js

@@ -0,0 +1,10 @@
+import { cva } from "class-variance-authority";
+const buttonContent = cva("flex w-full items-center justify-center", {
+	variants: { iconPosition: {
+		left: "flex-row",
+		right: "flex-row-reverse",
+		none: "flex-row"
+	} },
+	defaultVariants: { iconPosition: "left" }
+});
+export { buttonContent };

package/dist/checkbox.cva.js

@@ -0,0 +1,47 @@
+import { uiGroupOutlineClass } from "./outline.clsx.js";
+import { compoundMapper } from "./compoundMapper.js";
+import { cva } from "class-variance-authority";
+const 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-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" }
+});
+const checkboxIndicatorClass = "group flex items-center gap-2";
+const checkboxTypography = compoundMapper({ default: {
+	size: "label-1",
+	variant: "default"
+} });
+const checkboxIcon = cva(["absolute hidden size-3"], {
+	variants: { iconVariant: {
+		selected: ["group-selected:block"],
+		indeterminate: ["group-indeterminate:block"]
+	} },
+	defaultVariants: { iconVariant: "selected" }
+});
+export { checkbox, checkboxIcon, checkboxIndicatorClass, checkboxTypography };

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

@@ -10,6 +10,7 @@ interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, O
     hideLabel?: boolean;
     selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
     indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+    isDirty?: boolean;
 }
 export type CheckboxProps = CheckboxBaseProps;
 export type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps, TFieldValues, "isSelected">;

package/dist/components/inputs/Checkbox/CheckboxCheckmark.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType, SVGProps } from 'react';
-import { CheckboxVariantProps } from './checkbox.cva';
-interface CheckboxCheckmarkProps extends CheckboxVariantProps {
+import { CheckboxIconVariantProps, CheckboxVariantProps } from './checkbox.cva';
+interface CheckboxCheckmarkProps extends CheckboxVariantProps, CheckboxIconVariantProps {
     className?: string;
     selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
     indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;

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

@@ -9,3 +9,8 @@ export declare const checkboxIndicatorClass = "group flex items-center gap-2";
 export declare const checkboxTypography: (props: {
     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> {
+}

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

@@ -2,15 +2,17 @@ import { CalendarDate, DateValue } from '@internationalized/date';
 import { Ref } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { DatePickerStateOptions } from 'react-stately';
+import { DatePickerInputHandle } from '../shared/DatePickerInput';
 import { FormFieldProps } from '../../FormField/FormField';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
 interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label"> {
-    ref?: Ref<HTMLDivElement>;
+    ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
     className?: string;
     todayIcon?: boolean;
+    isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;
 }

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

@@ -3,16 +3,18 @@ import { Ref } from 'react';
 import { DateValue } from 'react-aria';
 import { FieldValues } from 'react-hook-form';
 import { DateRangePickerStateOptions } from 'react-stately';
+import { DatePickerInputHandle } from '../shared/DatePickerInput';
 import { FormFieldProps } from '../../FormField/FormField';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
 interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DateRangePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label"> {
-    ref?: Ref<HTMLDivElement>;
+    ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
     hideSidebar?: boolean;
     className?: string;
     todayIcon?: boolean;
+    isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;
 }

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

@@ -2,15 +2,17 @@ import { Ref } from 'react';
 import { DateValue } from 'react-aria';
 import { FieldValues } from 'react-hook-form';
 import { DatePickerStateOptions } from 'react-stately';
+import { DatePickerInputHandle } from '../shared/DatePickerInput';
 import { FormFieldProps } from '../../FormField/FormField';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
 interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label"> {
-    ref?: Ref<HTMLDivElement>;
+    ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isTimeOptional?: boolean;
     isClearable?: boolean;
     todayIcon?: boolean;
+    isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;
 }

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

@@ -9,6 +9,7 @@ interface TimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<Ar
     disableDropdown?: boolean;
     date?: string | null;
     isClearable?: boolean;
+    isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;
 }

package/dist/components/inputs/DateTime/shared/DateField.d.ts

@@ -2,6 +2,7 @@ import { DateFieldStateOptions } from '@react-stately/datepicker';
 import { Ref } from 'react';
 export interface DateFieldHandle {
     clearField: () => void;
+    autoFixYear: () => void;
 }
 interface DateFieldProps extends Omit<DateFieldStateOptions, "locale" | "createCalendar"> {
     ref?: Ref<DateFieldHandle>;

package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts

@@ -2,8 +2,12 @@ import { Ref } from 'react';
 import { DatePickerAria } from 'react-aria';
 import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
 import { InputVariantProps } from '../../shared/input.cva';
+export interface DatePickerInputHandle {
+    clear: () => void;
+    getContainer?: () => HTMLDivElement | null;
+}
 interface DatePickerInputProps extends InputVariantProps {
-    ref?: Ref<HTMLDivElement>;
+    ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     groupProps: DatePickerAria["groupProps"];
     fieldProps: DatePickerAria["fieldProps"];
     endFieldProps?: DatePickerAria["fieldProps"];
@@ -15,9 +19,11 @@ interface DatePickerInputProps extends InputVariantProps {
     isClearable?: boolean;
     headerProps?: FormFieldHeaderProps;
     todayIcon?: boolean;
+    isDirty?: boolean;
+    isRequired?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;
     onOpenDropdown?: () => void;
 }
-export declare const DatePickerInput: ({ ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, disableManualEntry, placeholder, onOpenDropdown, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerInput: ({ ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, isDirty, isRequired, disableManualEntry, placeholder, onOpenDropdown, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts

@@ -8,6 +8,7 @@ interface DatePickerInputProps extends InputVariantProps {
     fieldProps: DateFieldAria["fieldProps"];
     state: TimeFieldState;
     isDisabled?: boolean;
+    isDirty?: boolean;
     isInvalid?: boolean;
     disableDropdown?: boolean;
     headerProps?: FormFieldHeaderProps;
@@ -16,5 +17,5 @@ interface DatePickerInputProps extends InputVariantProps {
     placeholder?: string;
     onPress: () => void;
 }
-export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, onPress, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isDirty, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, onPress, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/File/fileUpload.types.d.ts

@@ -74,6 +74,7 @@ export type FileUploadBaseProps = {
     uploadText?: string;
     browseText?: string;
     value?: FileUploadState[];
+    clearOnSuccess?: boolean;
     children?: (props: FileUploadContainerChildrenProps) => ReactNode;
     listRenderer?: (props: FileUploadContainerChildrenProps) => ReactNode;
 } & FormFieldProps & FileUploadVariant & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple" | "value"> & Omit<DropZoneProps, "children" | "onDrop" | "value"> & GroupedFileUploadProps & FileUploadCallbacks;

package/dist/components/inputs/FormField/FormField.d.ts

@@ -12,6 +12,9 @@ interface FormFieldComponentProps extends PropsWithChildren<FormFieldProps> {
     ref?: Ref<HTMLDivElement>;
     labelProps?: FormFieldHeaderProps["labelProps"];
     as?: TextInputProps["as"];
+    tabIndex?: number;
+    onMouseEnter?: () => void;
+    onFocusCapture?: () => void;
 }
-export declare const FormField: ({ ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, }: FormFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormField: ({ ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture, }: FormFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/Input/NumberInput/NumberInput.d.ts

@@ -1,16 +1,18 @@
-import { Ref } from 'react';
+import { FocusEvent, Ref } from 'react';
 import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from '../../FormField/FormField';
 import { InputContentProps } from '../shared/InputContent';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
-interface NumberInputBaseProps extends FormFieldProps, InputVariantProps, Omit<InputContentProps, "ref" | "value" | "onChange">, Omit<AriaNumberFieldProps, "value" | "onChange" | "className"> {
+interface NumberInputBaseProps extends FormFieldProps, InputVariantProps, Omit<InputContentProps, "ref" | "value" | "onChange" | "onBlur">, Omit<AriaNumberFieldProps, "value" | "onChange" | "className" | "onBlur"> {
     ref?: Ref<HTMLInputElement>;
     placeholder?: string;
     inputClassName?: string;
+    isDirty?: boolean;
     value?: number | null;
     onChange?: (value: number | null) => void;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
 }
 export type NumberInputProps = NumberInputBaseProps;
 export type ControlledNumberInputProps<TFieldValues extends FieldValues> = ControlProps<NumberInputProps, TFieldValues>;

package/dist/components/inputs/Input/TextArea/TextArea.d.ts

@@ -8,6 +8,7 @@ import { InputVariantProps } from '../../shared/input.cva';
 interface TextAreaBaseProps extends FormFieldProps, InputVariantProps, Omit<AriaTextAreaProps, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLTextAreaElement>, "label"> {
     ref?: Ref<HTMLTextAreaElement>;
     isClearable?: boolean;
+    isDirty?: boolean;
     inputClassName?: string;
 }
 export interface TextAreaProps extends TextAreaBaseProps {

package/dist/components/inputs/Input/TextInput/TextInput.d.ts

@@ -7,11 +7,12 @@ import { InputContentProps } from '../shared/InputContent';
 import { ControlProps } from '../../shared/form.types';
 import { InputVariantProps } from '../../shared/input.cva';
 type AllowedHTMLInputTypeAttribute = "email" | "hidden" | "tel" | "text" | "url";
-interface TextInputBaseProps extends FormFieldProps, InputVariantProps, Omit<InputContentProps, "ref" | "value" | "onChange">, Omit<AriaInputProps, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "type" | "size" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLInputElement>, "label"> {
+interface TextInputBaseProps extends FormFieldProps, InputVariantProps, Omit<InputContentProps, "ref" | "value" | "onChange" | "onBlur">, Omit<AriaInputProps, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "type" | "size" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLInputElement>, "label"> {
     ref?: Ref<HTMLInputElement>;
     inputClassName?: string;
     type?: AllowedHTMLInputTypeAttribute;
     todayIcon?: boolean;
+    isDirty?: boolean;
 }
 export interface TextInputProps extends TextInputBaseProps {
 }

package/dist/components/inputs/Input/shared/InputContent.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, FC, ReactElement, ReactNode, SVGProps } from 'react';
+import { CSSProperties, FC, FocusEvent, ReactElement, ReactNode, SVGProps } from 'react';
 import { InlineIconButtonProps } from '../../../buttons/InlineIconButton/InlineIconButton';
 import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
 import { InputVariantProps } from '../../shared/input.cva';
@@ -16,12 +16,13 @@ export interface InputContentProps {
     leadingIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
     trailingIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
     isClearable?: boolean;
-    value?: string;
+    value?: string | number | null;
     onChange?: (value: string) => void;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     headerProps?: FormFieldHeaderProps;
 }
 interface InputContentComponentProps extends InputContentProps, InputVariantProps {
     children: (style: CSSProperties) => ReactNode;
 }
-export declare const InputContent: ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, unit, isLoading, isDisabled, action, isClearable, value, onChange, children, headerProps, as, size, }: InputContentComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputContent: ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, unit, isLoading, isDisabled, action, isClearable, value, onChange, onBlur, children, headerProps, as, size, }: InputContentComponentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/RadioGroup/RadioGroup.d.ts

@@ -10,6 +10,9 @@ interface RadioGroupBaseProps extends Omit<FormFieldProps, "variant">, RadioVari
         label: string | ReactElement;
         value: string;
     }[];
+    isDirty?: boolean;
+    inputClassName?: string;
+    labelClassName?: string;
 }
 export interface RadioGroupProps extends RadioGroupBaseProps {
 }

package/dist/components/inputs/TextEditor/TextEditor.d.ts

@@ -14,6 +14,7 @@ export interface TextEditorBaseProps extends FormFieldProps {
     onChange?: (value: TextEditorValue | null) => void;
     onBlur?: () => void;
     as?: "default" | "filter" | "floating" | "inline" | null;
+    editorClassName?: string;
 }
 export type TextEditorProps = TextEditorBaseProps;
 export type ControlledTextEditorProps<TFieldValues extends FieldValues> = ControlProps<TextEditorProps, TFieldValues>;

package/dist/components/inputs/Toggle/Toggle.d.ts

@@ -7,6 +7,8 @@ import { ToggleVariantProps } from './toggle.cva';
 interface ToggleBaseProps extends FormFieldErrorProps, ToggleVariantProps, Omit<AriaSwitchProps, "className"> {
     ref?: Ref<HTMLLabelElement>;
     children?: string;
+    isDirty?: boolean;
+    isRequired?: boolean;
 }
 export type ToggleProps = ToggleBaseProps;
 export type ControlledToggleProps<TFieldValues extends FieldValues> = ControlProps<ToggleProps, TFieldValues, "isSelected">;

package/dist/components/inputs/shared/CheckContent.d.ts

@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
 interface CheckContentProps {
     typography?: TypographyVariantProps;
+    className?: string;
 }
-export declare const CheckContent: ({ children, ...props }: PropsWithChildren<CheckContentProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckContent: ({ children, className, ...props }: PropsWithChildren<CheckContentProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/compoundMapper.js

@@ -0,0 +1,11 @@
+const compoundMapper = (config) => {
+	return (props) => {
+		return (config.compoundVariants?.find((v) => {
+			return Object.entries(v).filter(([key]) => key !== "value").every(([key, value]) => {
+				const prop = props[key] || config.defaultVariants?.[key];
+				return Array.isArray(value) ? value.includes(prop) : prop === value;
+			});
+		}))?.value ?? config.default;
+	};
+};
+export { compoundMapper };

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

@@ -2,7 +2,7 @@ import { ClassProp } from 'class-variance-authority/types';
 import { PropsWithChildren } from 'react';
 import { ButtonVariantProps } from '../components/buttons/Button/button.cva';
 import { PillButtonVariants } from '../components/buttons/PillButton/pillButton.cva';
-import { CheckboxVariantProps } from '../components/inputs/Checkbox/checkbox.cva';
+import { CheckboxIconVariantProps, CheckboxVariantProps } from '../components/inputs/Checkbox/checkbox.cva';
 import { RadioVariantProps } from '../components/inputs/RadioGroup/radio.cva';
 import { InputBaseProps, InputSideProps, InputSizeProps } from '../components/inputs/shared/input.cva';
 import { LabelBaseProps } from '../components/inputs/shared/label.cva';
@@ -34,6 +34,7 @@ export declare namespace UIStyle {
         };
         checkbox: {
             cva?: Cva<CheckboxVariantProps>;
+            iconCva?: Cva<CheckboxIconVariantProps>;
             typography?: CompoundMapper<TypographyVariantProps, CheckboxVariantProps>;
         };
         radio: {

package/dist/confirmation.context.js

@@ -0,0 +1,78 @@
+import { ns } from "./i18n.js";
+import { ActionModal } from "./ActionModal.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, use, useCallback, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+let Confirmation;
+(function(_Confirmation) {
+	const DEFAULT_STATE = {
+		heading: "",
+		description: "",
+		isOpen: false,
+		primaryAction: {
+			label: "",
+			onPress: () => {}
+		},
+		secondaryAction: {
+			label: "",
+			onPress: () => {}
+		}
+	};
+	const Context = createContext(null);
+	_Confirmation.Provider = ({ children }) => {
+		const [state, setState] = useState(DEFAULT_STATE);
+		const { t } = useTranslation("ui");
+		const onCancel = () => setState(DEFAULT_STATE);
+		const confirm = useCallback(async ({ heading, description, buttonSize, textAlign, modalClassName, cancelLabel = t(($) => $.ui.confirmation.cancel), confirmLabel = t(($) => $.ui.confirmation.confirm), confirmVariant, confirmColor, cancelVariant, cancelColor }) => {
+			return new Promise((resolve) => {
+				setState({
+					heading,
+					description,
+					buttonSize,
+					textAlign,
+					modalClassName,
+					primaryAction: {
+						label: confirmLabel,
+						onPress() {
+							setState({
+								...state,
+								isOpen: false,
+								heading: "",
+								description: ""
+							});
+							resolve(true);
+						},
+						variant: confirmVariant,
+						color: confirmColor
+					},
+					secondaryAction: {
+						label: cancelLabel,
+						onPress() {
+							onCancel();
+							resolve(false);
+						},
+						variant: cancelVariant,
+						color: cancelColor
+					},
+					isOpen: !state.isOpen
+				});
+			});
+		}, [state, t]);
+		const value = useMemo(() => ({ confirm }), [confirm]);
+		return /* @__PURE__ */ jsxs(Context.Provider, {
+			value,
+			children: [/* @__PURE__ */ jsx(ActionModal, {
+				...state,
+				onClose: state.secondaryAction?.onPress ?? onCancel,
+				primaryAction: state.primaryAction,
+				secondaryAction: state.secondaryAction
+			}), children]
+		});
+	};
+	_Confirmation.useConfirmation = () => {
+		const context = use(Context);
+		if (!context) throw new Error("Confirmation.useConfirmation must be used within a Confirmation.Provider");
+		return context;
+	};
+})(Confirmation || (Confirmation = {}));
+export { Confirmation };

package/dist/date-time.utils.js

@@ -0,0 +1,50 @@
+import { CalendarDate, CalendarDateTime, fromDate, getLocalTimeZone, parseAbsolute, parseAbsoluteToLocal } from "@internationalized/date";
+let DateTimeUtils;
+(function(_DateTimeUtils) {
+	function fromISOtoZonedDateTime(isoString) {
+		return parseAbsoluteToLocal(isoString);
+	}
+	_DateTimeUtils.fromISOtoZonedDateTime = fromISOtoZonedDateTime;
+	function fromDateValueToISO(dateValue) {
+		return dateValue.toDate(getLocalTimeZone()).toISOString();
+	}
+	_DateTimeUtils.fromDateValueToISO = fromDateValueToISO;
+	function fromLocalToZonedDateTime(date) {
+		return fromDate(date, getLocalTimeZone());
+	}
+	_DateTimeUtils.fromLocalToZonedDateTime = fromLocalToZonedDateTime;
+	function fromDateValueToLocal(dateValue) {
+		return dateValue.toDate(getLocalTimeZone());
+	}
+	_DateTimeUtils.fromDateValueToLocal = fromDateValueToLocal;
+	function fromCalendarDateToUTCISO(calendarDate, options = {}) {
+		if (options.endOfDay) return new CalendarDateTime(calendarDate.year, calendarDate.month, calendarDate.day, 23, 59, 59, 999).toDate("UTC").toISOString();
+		return calendarDate.toDate("UTC").toISOString();
+	}
+	_DateTimeUtils.fromCalendarDateToUTCISO = fromCalendarDateToUTCISO;
+	function fromUTCISOToCalendarDate(isoString) {
+		const date = new Date(isoString);
+		return new CalendarDate(date.getUTCFullYear(), date.getUTCMonth() + 1, date.getUTCDate());
+	}
+	_DateTimeUtils.fromUTCISOToCalendarDate = fromUTCISOToCalendarDate;
+	function fromCalendarDateTimeToUTCISO(calendarDateTime) {
+		return calendarDateTime.toDate("UTC").toISOString();
+	}
+	_DateTimeUtils.fromCalendarDateTimeToUTCISO = fromCalendarDateTimeToUTCISO;
+	function fromUTCISOToCalendarDateTime(isoString) {
+		const zonedDateTime = parseAbsolute(isoString, "UTC");
+		return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, zonedDateTime.hour, zonedDateTime.minute, zonedDateTime.second, zonedDateTime.millisecond);
+	}
+	_DateTimeUtils.fromUTCISOToCalendarDateTime = fromUTCISOToCalendarDateTime;
+	function formatTextDateToCalendarDateTime(textDate) {
+		if (!textDate?.includes("hh")) return null;
+		const datePart = textDate.split(",").at(0)?.trim();
+		if (!datePart) return null;
+		const date = new Date(datePart);
+		if (!date || date.toString() === "Invalid Date") return null;
+		const zonedDateTime = fromDate(date, getLocalTimeZone());
+		return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, 0, 0, 0, 0);
+	}
+	_DateTimeUtils.formatTextDateToCalendarDateTime = formatTextDateToCalendarDateTime;
+})(DateTimeUtils || (DateTimeUtils = {}));
+export { DateTimeUtils };

package/dist/date.utils.js

@@ -0,0 +1,17 @@
+import { DateTime } from "luxon";
+let DateUtils;
+(function(_DateUtils) {
+	const DATE_FORMAT = "dd/MM/yyyy";
+	const DATETIME_FORMAT = "dd/MM/yyyy HH:mm:ss";
+	function formatDate(date, format = DATE_FORMAT) {
+		return DateTime.fromJSDate(date).toFormat(format);
+	}
+	_DateUtils.formatDate = formatDate;
+	function formatRelativeTime(date, options) {
+		const dateTime = typeof date === "string" ? DateTime.fromISO(date) : DateTime.fromJSDate(date);
+		if (!dateTime.isValid) return formatDate(typeof date === "string" ? new Date(date) : date, DATETIME_FORMAT);
+		return dateTime.toRelative(options) || formatDate(dateTime.toJSDate(), DATETIME_FORMAT);
+	}
+	_DateUtils.formatRelativeTime = formatRelativeTime;
+})(DateUtils || (DateUtils = {}));
+export { DateUtils };

package/dist/dom.utils.js

@@ -0,0 +1,17 @@
+let DomUtils;
+(function(_DomUtils) {
+	const KEYBOARD_INPUTS = new Set([
+		"button",
+		"submit",
+		"checkbox",
+		"file",
+		"image"
+	]);
+	_DomUtils.isKeyboardInput = (elem) => {
+		return elem.tagName === "INPUT" && !KEYBOARD_INPUTS.has(elem.type) || elem.hasAttribute("contenteditable");
+	};
+	_DomUtils.isKeyboardEvent = (event) => {
+		return event.nativeEvent instanceof KeyboardEvent;
+	};
+})(DomUtils || (DomUtils = {}));
+export { DomUtils };