@korsolutions/ui 0.0.20 → 0.0.22

package/dist/{primitives-P_8clvQr.mjs → primitives-ApsPS0vU.mjs}

@@ -1,6 +1,6 @@
-import * as React$1 from "react";
-import React, { createContext, forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState, useSyncExternalStore } from "react";
-import { ActivityIndicator, Image, Pressable, StyleSheet, Text, TextInput, View, useWindowDimensions } from "react-native";
+import { n as DEFAULT_POSITION, r as useRelativePosition, t as DEFAULT_LAYOUT } from "./use-relative-position-BTKEyT1F.mjs";
+import React, { createContext, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { ActivityIndicator, Image, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/primitives/portal/portal.tsx
@@ -123,14 +123,14 @@ const FieldPrimitive = {
 
 //#endregion
 //#region src/primitives/input/input.tsx
-const calculateState$5 = (props, isFocused) => {
+const calculateState$7 = (props, isFocused) => {
 	if (props.isDisabled) return "disabled";
 	if (isFocused) return "focused";
 	return "default";
 };
 function InputPrimitive(props) {
 	const [isFocused, setIsFocused] = useState(false);
-	const state = calculateState$5(props, isFocused);
+	const state = calculateState$7(props, isFocused);
 	const composedStyles = [
 		props.styles?.default?.style,
 		props.styles?.[state]?.style,
@@ -169,7 +169,7 @@ const useButtonPrimitive = () => {
 
 //#endregion
 //#region src/primitives/button/button-root.tsx
-const calculateState$4 = (props, isHovered) => {
+const calculateState$6 = (props, isHovered) => {
 	if (props.isDisabled) return "disabled";
 	if (props.isLoading) return "loading";
 	if (isHovered) return "hovered";
@@ -177,7 +177,7 @@ const calculateState$4 = (props, isHovered) => {
 };
 function ButtonRoot(props) {
 	const [isHovered, setIsHovered] = useState(false);
-	const state = calculateState$4(props, isHovered);
+	const state = calculateState$6(props, isHovered);
 	const calculatedStyle = [
 		props.styles?.root?.default,
 		props.styles?.root?.[state],
@@ -247,7 +247,7 @@ const useSelect = () => {
 
 //#endregion
 //#region src/primitives/select/select-root.tsx
-const calculateState$3 = (props) => {
+const calculateState$5 = (props) => {
 	if (props.isDisabled) return "disabled";
 	return "default";
 };
@@ -255,7 +255,7 @@ function SelectRoot(props) {
 	const [isOpen, setIsOpen] = useState(false);
 	const [triggerLayout, setTriggerLayout] = useState(null);
 	const [options, setOptions] = useState([]);
-	const state = calculateState$3(props);
+	const state = calculateState$5(props);
 	const composedStyles = calculateComposedStyles(props.styles, state, "root", props.style);
 	const Component = props.render ?? View;
 	return /* @__PURE__ */ jsx(SelectContext.Provider, {
@@ -371,7 +371,7 @@ function SelectContent(props) {
 
 //#endregion
 //#region src/primitives/select/select-option.tsx
-const calculateState$2 = (selectState, hovered, selected) => {
+const calculateState$4 = (selectState, hovered, selected) => {
 	if (selectState === "disabled") return "disabled";
 	if (selected) return "selected";
 	if (hovered) return "hovered";
@@ -381,7 +381,7 @@ function SelectOption(props) {
 	const [isHovered, setIsHovered] = useState(false);
 	const select = useSelect();
 	const isSelected = select.value === props.value;
-	const optionState = calculateState$2(select.state, isHovered, isSelected);
+	const optionState = calculateState$4(select.state, isHovered, isSelected);
 	const composedStyles = calculateComposedStyles(select.styles, optionState, "option", props.style);
 	useEffect(() => {
 		select.setOptions((prev) => {
@@ -707,14 +707,14 @@ const BadgePrimitive = {
 
 //#endregion
 //#region src/primitives/textarea/textarea.tsx
-const calculateState$1 = (props, isFocused) => {
+const calculateState$3 = (props, isFocused) => {
 	if (props.isDisabled) return "disabled";
 	if (isFocused) return "focused";
 	return "default";
 };
 function TextareaPrimitive(props) {
 	const [isFocused, setIsFocused] = useState(false);
-	const state = calculateState$1(props, isFocused);
+	const state = calculateState$3(props, isFocused);
 	const composedStyles = [
 		props.styles?.default?.style,
 		props.styles?.[state]?.style,
@@ -752,108 +752,6 @@ const useDropdownMenu = () => {
 	return context;
 };
 
-//#endregion
-//#region src/hooks/useRelativePosition.ts
-function useRelativePosition({ align, avoidCollisions, triggerPosition, contentLayout, alignOffset, insets, sideOffset, side }) {
-	const dimensions = useWindowDimensions();
-	return React$1.useMemo(() => {
-		if (!triggerPosition || !contentLayout) return {
-			position: "absolute",
-			opacity: 0,
-			top: dimensions.height,
-			zIndex: -9999999
-		};
-		return getContentStyle({
-			align,
-			avoidCollisions,
-			contentLayout,
-			side,
-			triggerPosition,
-			alignOffset,
-			insets,
-			sideOffset,
-			dimensions
-		});
-	}, [
-		align,
-		avoidCollisions,
-		side,
-		alignOffset,
-		insets,
-		triggerPosition,
-		contentLayout,
-		dimensions.width,
-		dimensions.height
-	]);
-}
-const DEFAULT_LAYOUT = {
-	x: 0,
-	y: 0,
-	width: 0,
-	height: 0
-};
-const DEFAULT_POSITION = {
-	height: 0,
-	width: 0,
-	pageX: 0,
-	pageY: 0
-};
-function getSidePosition({ side, triggerPosition, contentLayout, sideOffset, insets, avoidCollisions, dimensions }) {
-	const insetTop = insets?.top ?? 0;
-	const insetBottom = insets?.bottom ?? 0;
-	const positionTop = triggerPosition?.pageY - sideOffset - contentLayout.height;
-	const positionBottom = triggerPosition.pageY + triggerPosition.height + sideOffset;
-	if (!avoidCollisions) return { top: side === "top" ? positionTop : positionBottom };
-	if (side === "top") return { top: Math.min(Math.max(insetTop, positionTop), dimensions.height - insetBottom - contentLayout.height) };
-	return { top: Math.min(dimensions.height - insetBottom - contentLayout.height, positionBottom) };
-}
-function getAlignPosition({ align, avoidCollisions, contentLayout, triggerPosition, alignOffset, insets, dimensions }) {
-	const insetLeft = insets?.left ?? 0;
-	const insetRight = insets?.right ?? 0;
-	const maxContentWidth = dimensions.width - insetLeft - insetRight;
-	const contentWidth = Math.min(contentLayout.width, maxContentWidth);
-	let left = getLeftPosition(align, triggerPosition.pageX, triggerPosition.width, contentWidth, alignOffset, insetLeft, insetRight, dimensions);
-	if (avoidCollisions) {
-		if (left < insetLeft || left + contentWidth > dimensions.width - insetRight) {
-			const spaceLeft = left - insetLeft;
-			const spaceRight = dimensions.width - insetRight - (left + contentWidth);
-			if (spaceLeft > spaceRight && spaceLeft >= contentWidth) left = insetLeft;
-			else if (spaceRight >= contentWidth) left = dimensions.width - insetRight - contentWidth;
-			else left = Math.max(insetLeft, (dimensions.width - contentWidth - insetRight) / 2);
-		}
-	}
-	return {
-		left,
-		maxWidth: maxContentWidth
-	};
-}
-function getLeftPosition(align, triggerPageX, triggerWidth, contentWidth, alignOffset, insetLeft, insetRight, dimensions) {
-	let left = 0;
-	if (align === "start") left = triggerPageX;
-	if (align === "center") left = triggerPageX + triggerWidth / 2 - contentWidth / 2;
-	if (align === "end") left = triggerPageX + triggerWidth - contentWidth;
-	return Math.max(insetLeft, Math.min(left + alignOffset, dimensions.width - contentWidth - insetRight));
-}
-function getContentStyle({ align, avoidCollisions, contentLayout, side, triggerPosition, alignOffset, insets, sideOffset, dimensions }) {
-	return Object.assign({ position: "absolute" }, getSidePosition({
-		side,
-		triggerPosition,
-		contentLayout,
-		sideOffset,
-		insets,
-		avoidCollisions,
-		dimensions
-	}), getAlignPosition({
-		align,
-		avoidCollisions,
-		triggerPosition,
-		contentLayout,
-		alignOffset,
-		insets,
-		dimensions
-	}));
-}
-
 //#endregion
 //#region src/primitives/dropdown-menu/dropdown-menu-root.tsx
 function DropdownMenuRoot(props) {
@@ -934,14 +832,14 @@ function DropdownMenuContent(props) {
 
 //#endregion
 //#region src/primitives/dropdown-menu/dropdown-menu-button.tsx
-const calculateState = (isHovered) => {
+const calculateState$2 = (isHovered) => {
 	if (isHovered) return "hovered";
 	return "default";
 };
 function DropdownMenuButton(props) {
 	const menu = useDropdownMenu();
 	const [isHovered, setIsHovered] = useState(false);
-	const state = calculateState(isHovered);
+	const state = calculateState$2(isHovered);
 	const composedStyle = [
 		menu.styles?.button?.default,
 		menu.styles?.button?.[state],
@@ -1163,4 +1061,323 @@ const PopoverPrimitive = {
 };
 
 //#endregion
-export { BadgePrimitive as a, EmptyPrimitive as c, ButtonPrimitive as d, InputPrimitive as f, TextareaPrimitive as i, CardPrimitive as l, PortalHost as m, usePopover as n, ToastPrimitive as o, FieldPrimitive as p, DropdownMenuPrimitive as r, AvatarPrimitive as s, PopoverPrimitive as t, SelectPrimitive as u };
+//#region src/primitives/calendar/context.ts
+const CalendarContext = React.createContext(void 0);
+const useCalendarContext = () => {
+	const context = React.useContext(CalendarContext);
+	if (!context) throw new Error("Calendar components must be used within CalendarRoot");
+	return context;
+};
+
+//#endregion
+//#region src/primitives/calendar/calendar-root.tsx
+function CalendarRoot(props) {
+	const { children, value, onChange, defaultMonth = /* @__PURE__ */ new Date(), minDate, maxDate, style, styles, ...viewProps } = props;
+	const [currentMonth, setCurrentMonth] = useState(defaultMonth);
+	const containerStyle = [styles?.root, style];
+	return /* @__PURE__ */ jsx(CalendarContext.Provider, {
+		value: {
+			value,
+			onChange,
+			currentMonth,
+			setCurrentMonth,
+			styles,
+			minDate,
+			maxDate
+		},
+		children: /* @__PURE__ */ jsx(View, {
+			...viewProps,
+			style: containerStyle,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/calendar/calendar-header.tsx
+function CalendarHeader(props) {
+	const { children, style, ...viewProps } = props;
+	const { styles } = useCalendarContext();
+	const headerStyle = [styles?.header, style];
+	return /* @__PURE__ */ jsx(View, {
+		...viewProps,
+		style: headerStyle,
+		children
+	});
+}
+
+//#endregion
+//#region src/utils/date-utils.ts
+const formatDate = (date, format) => {
+	const months = [
+		"January",
+		"February",
+		"March",
+		"April",
+		"May",
+		"June",
+		"July",
+		"August",
+		"September",
+		"October",
+		"November",
+		"December"
+	];
+	const day = date.getDate();
+	const month = months[date.getMonth()];
+	const year = date.getFullYear();
+	if (format === "MMMM yyyy") return `${month} ${year}`;
+	if (format === "d") return day.toString();
+	return date.toLocaleDateString();
+};
+const isDateSameDay = (date1, date2) => {
+	return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
+};
+const isDateToday = (date) => {
+	return isDateSameDay(date, /* @__PURE__ */ new Date());
+};
+const isDateBefore = (date1, date2) => {
+	const d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
+	const d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
+	return d1.getTime() < d2.getTime();
+};
+const isDateAfter = (date1, date2) => {
+	const d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
+	const d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
+	return d1.getTime() > d2.getTime();
+};
+const addMonths = (date, months) => {
+	const newDate = new Date(date);
+	newDate.setMonth(newDate.getMonth() + months);
+	return newDate;
+};
+const subMonths = (date, months) => {
+	return addMonths(date, -months);
+};
+const startOfMonth = (date) => {
+	return new Date(date.getFullYear(), date.getMonth(), 1);
+};
+const endOfMonth = (date) => {
+	return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+};
+const getDaysInMonth = (date) => {
+	return endOfMonth(date).getDate();
+};
+const getFirstDayOfMonth = (date) => {
+	return startOfMonth(date).getDay();
+};
+const isSameMonth = (date1, date2) => {
+	return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();
+};
+const getWeekDays = (month, year, week) => {
+	const days = [];
+	const firstDayOfMonth = new Date(year, month, 1).getDay();
+	const daysInMonth = getDaysInMonth(new Date(year, month));
+	const startDay = week * 7 - (firstDayOfMonth === 0 ? 6 : firstDayOfMonth - 1);
+	for (let i = 0; i < 7; i++) {
+		const day = startDay + i;
+		let date;
+		if (day < 1) {
+			const prevMonth = month === 0 ? 11 : month - 1;
+			const prevYear = month === 0 ? year - 1 : year;
+			const daysInPrevMonth = getDaysInMonth(new Date(prevYear, prevMonth));
+			date = new Date(prevYear, prevMonth, daysInPrevMonth + day);
+		} else if (day > daysInMonth) {
+			const nextMonth = month === 11 ? 0 : month + 1;
+			const nextYear = month === 11 ? year + 1 : year;
+			date = new Date(nextYear, nextMonth, day - daysInMonth);
+		} else date = new Date(year, month, day);
+		days.push(date);
+	}
+	return days;
+};
+const getWeeksInMonth = (date) => {
+	const firstDayOfMonth = getFirstDayOfMonth(date);
+	const daysInMonth = getDaysInMonth(date);
+	return Math.ceil((firstDayOfMonth + daysInMonth) / 7);
+};
+
+//#endregion
+//#region src/primitives/calendar/calendar-title.tsx
+function CalendarTitle(props) {
+	const { children, style, formatStr = "MMMM yyyy", ...textProps } = props;
+	const { currentMonth, styles } = useCalendarContext();
+	const titleStyle = [styles?.headerTitle, style];
+	return /* @__PURE__ */ jsx(Text, {
+		...textProps,
+		style: titleStyle,
+		children: children ?? formatDate(currentMonth, formatStr)
+	});
+}
+
+//#endregion
+//#region src/primitives/calendar/calendar-nav-button.tsx
+const calculateState$1 = (isDisabled, isHovered) => {
+	if (isDisabled) return "disabled";
+	if (isHovered) return "hovered";
+	return "default";
+};
+function CalendarNavButton(props) {
+	const { children = props.direction === "prev" ? "‹" : "›", direction, style, textStyle, ...pressableProps } = props;
+	const { currentMonth, setCurrentMonth, minDate, maxDate, styles } = useCalendarContext();
+	const [isHovered, setIsHovered] = useState(false);
+	const isDisabled = React.useMemo(() => {
+		if (direction === "prev" && minDate) return subMonths(currentMonth, 1) < minDate;
+		if (direction === "next" && maxDate) return addMonths(currentMonth, 1) > maxDate;
+		return false;
+	}, [
+		direction,
+		currentMonth,
+		minDate,
+		maxDate
+	]);
+	const state = calculateState$1(isDisabled, isHovered);
+	const handlePress = () => {
+		if (isDisabled) return;
+		setCurrentMonth(direction === "prev" ? subMonths(currentMonth, 1) : addMonths(currentMonth, 1));
+	};
+	const buttonStyle = [
+		styles?.navButton?.default,
+		styles?.navButton?.[state],
+		style
+	];
+	const textStyleCombined = [
+		styles?.navButtonText?.default,
+		styles?.navButtonText?.[state],
+		textStyle
+	];
+	return /* @__PURE__ */ jsx(Pressable, {
+		...pressableProps,
+		onPress: handlePress,
+		onHoverIn: () => setIsHovered(true),
+		onHoverOut: () => setIsHovered(false),
+		disabled: isDisabled,
+		style: buttonStyle,
+		children: /* @__PURE__ */ jsx(Text, {
+			style: textStyleCombined,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/calendar/calendar-week-labels.tsx
+function CalendarWeekLabel(props) {
+	const { styles } = useCalendarContext();
+	return /* @__PURE__ */ jsx(Text, {
+		numberOfLines: 1,
+		style: [styles?.weekLabel, props.style],
+		children: props.children
+	});
+}
+const DEFAULT_WEEK_DAYS = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+];
+function CalendarWeekLabels(props) {
+	const { weekDays = DEFAULT_WEEK_DAYS, style } = props;
+	const { styles } = useCalendarContext();
+	return /* @__PURE__ */ jsx(View, {
+		style: [styles?.weekLabels, style],
+		children: weekDays.map((day, index) => /* @__PURE__ */ jsx(CalendarWeekLabel, {
+			style: styles?.weekLabel,
+			children: day
+		}, index))
+	});
+}
+
+//#endregion
+//#region src/primitives/calendar/calendar-day.tsx
+const calculateState = (date, selected, isCurrentMonth, isDisabled, isHovered) => {
+	if (isDisabled) return "disabled";
+	if (selected && isDateSameDay(date, selected)) return "selected";
+	if (isDateToday(date)) return "today";
+	if (isHovered) return "hovered";
+	if (!isCurrentMonth) return "deprioritized";
+	return "default";
+};
+function CalendarDay(props) {
+	const calendar = useCalendarContext();
+	const [isHovered, setIsHovered] = useState(false);
+	const isCurrentMonth = isSameMonth(props.date, calendar.currentMonth);
+	const isDisabled = useMemo(() => {
+		if (calendar.minDate && isDateBefore(props.date, calendar.minDate)) return true;
+		if (calendar.maxDate && isDateAfter(props.date, calendar.maxDate)) return true;
+		return false;
+	}, [
+		props.date,
+		calendar.minDate,
+		calendar.maxDate
+	]);
+	const state = calculateState(props.date, calendar.value, isCurrentMonth, isDisabled, isHovered);
+	const handlePress = () => {
+		console.log("Day pressed:", isDisabled, calendar.onChange);
+		if (isDisabled || !calendar.onChange) return;
+		calendar.onChange(props.date);
+	};
+	return /* @__PURE__ */ jsx(Pressable, {
+		onPress: handlePress,
+		onHoverIn: () => setIsHovered(true),
+		onHoverOut: () => setIsHovered(false),
+		disabled: isDisabled,
+		style: [
+			calendar.styles?.dayButton?.default,
+			calendar.styles?.dayButton?.[state],
+			props.style
+		],
+		children: /* @__PURE__ */ jsx(Text, {
+			style: [
+				calendar.styles?.dayText?.default,
+				calendar.styles?.dayText?.[state],
+				props.textStyle
+			],
+			children: formatDate(props.date, "d")
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/calendar/calendar-weeks.tsx
+function CalendarWeek(props) {
+	const { style, ...viewProps } = props;
+	const { currentMonth, styles } = useCalendarContext();
+	const days = getWeekDays(currentMonth.getMonth(), currentMonth.getFullYear(), props.index);
+	const composedStyle = [styles?.week, style];
+	return /* @__PURE__ */ jsx(View, {
+		...viewProps,
+		style: composedStyle,
+		children: days.map((day, index) => {
+			return /* @__PURE__ */ jsx(CalendarDay, { date: day }, index);
+		})
+	});
+}
+function CalendarWeeks(props) {
+	const { currentMonth, styles } = useCalendarContext();
+	const weeks = getWeeksInMonth(currentMonth);
+	return /* @__PURE__ */ jsx(View, {
+		style: [styles?.weeks, props.style],
+		children: Array.from({ length: weeks }).map((_, index) => {
+			return /* @__PURE__ */ jsx(CalendarWeek, { index }, index);
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/calendar/index.ts
+const CalendarPrimitive = {
+	Root: CalendarRoot,
+	Header: CalendarHeader,
+	Title: CalendarTitle,
+	NavButton: CalendarNavButton,
+	CalendarWeekLabels,
+	Weeks: CalendarWeeks,
+	Day: CalendarDay
+};
+
+//#endregion
+export { TextareaPrimitive as a, AvatarPrimitive as c, SelectPrimitive as d, ButtonPrimitive as f, PortalHost as h, DropdownMenuPrimitive as i, EmptyPrimitive as l, FieldPrimitive as m, PopoverPrimitive as n, BadgePrimitive as o, InputPrimitive as p, usePopover as r, ToastPrimitive as s, CalendarPrimitive as t, CardPrimitive as u };

package/dist/{toast-manager-DSo9oN8w.mjs → toast-manager-Cdhl1ep0.mjs}

@@ -1,4 +1,4 @@
-import { o as ToastPrimitive } from "./primitives-P_8clvQr.mjs";
+import { s as ToastPrimitive } from "./primitives-ApsPS0vU.mjs";
 import React, { createContext, useContext, useEffect, useState, useSyncExternalStore } from "react";
 import { StyleSheet, View, useColorScheme } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/use-numeric-mask-B9WZG25o.d.mts

@@ -0,0 +1,33 @@
+//#region src/hooks/use-numeric-mask.d.ts
+type NumericMaskFormat = "currency" | "decimal" | "integer" | "percentage";
+interface UseNumericMaskOptions {
+  format?: NumericMaskFormat;
+  locale?: string;
+  currency?: string;
+  precision?: number;
+  min?: number;
+  max?: number;
+  allowNegative?: boolean;
+  onChange?: (value: number | null) => void;
+}
+interface UseNumericMaskReturn {
+  value: string;
+  numericValue: number | null;
+  onChangeText: (text: string) => void;
+  onBlur: () => void;
+  onFocus: () => void;
+  keyboardType: "numeric" | "decimal-pad" | "number-pad";
+  setValue: (value: number | null) => void;
+}
+declare function useNumericMask({
+  format,
+  locale,
+  currency,
+  precision,
+  min,
+  max,
+  allowNegative,
+  onChange
+}?: UseNumericMaskOptions): UseNumericMaskReturn;
+//#endregion
+export { useNumericMask as i, UseNumericMaskOptions as n, UseNumericMaskReturn as r, NumericMaskFormat as t };

package/dist/use-numeric-mask-BQlz1Pus.mjs

@@ -0,0 +1,113 @@
+import { useCallback, useState } from "react";
+
+//#region src/hooks/use-numeric-mask.ts
+function useNumericMask({ format = "decimal", locale = "en-US", currency = "USD", precision = 2, min, max, allowNegative = true, onChange } = {}) {
+	const [numericValue, setNumericValue] = useState(null);
+	const [displayValue, setDisplayValue] = useState("");
+	const [isFocused, setIsFocused] = useState(false);
+	const effectivePrecision = format === "integer" ? 0 : precision;
+	const formatValue = useCallback((num) => {
+		if (num === null || isNaN(num)) return "";
+		switch (format) {
+			case "currency": return new Intl.NumberFormat(locale, {
+				style: "currency",
+				currency,
+				minimumFractionDigits: effectivePrecision,
+				maximumFractionDigits: effectivePrecision
+			}).format(num);
+			case "percentage": return new Intl.NumberFormat(locale, {
+				style: "percent",
+				minimumFractionDigits: effectivePrecision,
+				maximumFractionDigits: effectivePrecision
+			}).format(num / 100);
+			case "integer": return new Intl.NumberFormat(locale, {
+				minimumFractionDigits: 0,
+				maximumFractionDigits: 0
+			}).format(num);
+			case "decimal":
+			default: return new Intl.NumberFormat(locale, {
+				minimumFractionDigits: effectivePrecision,
+				maximumFractionDigits: effectivePrecision
+			}).format(num);
+		}
+	}, [
+		format,
+		locale,
+		currency,
+		effectivePrecision
+	]);
+	const parseValue = useCallback((text) => {
+		let cleaned = text.replace(/[^\d.-]/g, "");
+		if (!allowNegative) cleaned = cleaned.replace(/-/g, "");
+		const parsed = parseFloat(cleaned);
+		if (isNaN(parsed) || cleaned === "" || cleaned === "-") return null;
+		let constrained = parsed;
+		if (min !== void 0 && constrained < min) constrained = min;
+		if (max !== void 0 && constrained > max) constrained = max;
+		return constrained;
+	}, [
+		min,
+		max,
+		allowNegative
+	]);
+	const handleChangeText = useCallback((text) => {
+		if (isFocused) {
+			let cleaned = text.replace(/[^\d.-]/g, "");
+			if (!allowNegative && cleaned.includes("-")) return;
+			if (allowNegative) {
+				if ((cleaned.match(/-/g) || []).length > 1 || cleaned.includes("-") && cleaned.indexOf("-") !== 0) return;
+			}
+			if (effectivePrecision >= 0) {
+				const decimalIndex = cleaned.indexOf(".");
+				if (decimalIndex !== -1) {
+					if (cleaned.substring(decimalIndex + 1).length > effectivePrecision) return;
+				}
+				if ((cleaned.match(/\./g) || []).length > 1) return;
+				if (format === "integer" && cleaned.includes(".")) return;
+			}
+		}
+		setDisplayValue(text);
+		const value = parseValue(text);
+		setNumericValue(value);
+		onChange?.(value);
+	}, [
+		parseValue,
+		onChange,
+		isFocused,
+		effectivePrecision,
+		allowNegative,
+		format
+	]);
+	const handleBlur = useCallback(() => {
+		setIsFocused(false);
+		if (numericValue !== null) setDisplayValue(formatValue(numericValue));
+		else setDisplayValue("");
+	}, [numericValue, formatValue]);
+	const handleFocus = useCallback(() => {
+		setIsFocused(true);
+		if (numericValue !== null) setDisplayValue(numericValue.toString());
+	}, [numericValue]);
+	const setValue = useCallback((value) => {
+		setNumericValue(value);
+		if (value !== null) if (isFocused) setDisplayValue(value.toString());
+		else setDisplayValue(formatValue(value));
+		else setDisplayValue("");
+		onChange?.(value);
+	}, [
+		isFocused,
+		formatValue,
+		onChange
+	]);
+	return {
+		value: displayValue,
+		numericValue,
+		onChangeText: handleChangeText,
+		onBlur: handleBlur,
+		onFocus: handleFocus,
+		keyboardType: format === "integer" ? allowNegative ? "numeric" : "number-pad" : "decimal-pad",
+		setValue
+	};
+}
+
+//#endregion
+export { useNumericMask as t };