@korsolutions/ui 0.0.19 → 0.0.21

package/dist/primitives/index.d.mts

@@ -1,2 +1,3 @@
-import { $ as FieldStyles, A as CardTitleProps, B as SelectValueProps, C as EmptyMediaProps, D as CardStyles, E as CardRootProps, F as SelectRootProps, G as ButtonStyles, H as ButtonPrimitive, I as SelectStyles, J as InputPrimitiveBaseProps, K as ButtonPrimitiveLabelProps, L as SelectOptionProps, M as SelectPrimitive, N as SelectPortalProps, O as CardFooterProps, P as SelectRootBaseProps, Q as FieldPrimitiveRootProps, R as SelectContentProps, S as EmptyTitleProps, T as CardPrimitive, U as ButtonPrimitiveRootProps, V as SelectTriggerProps, W as ButtonState, X as InputStyles, Y as InputPrimitiveProps, Z as FieldPrimitive, _ as AvatarImageProps, a as BadgePrimitive, b as EmptyRootProps, c as BadgeLabelProps, d as ToastStyles, et as FieldErrorProps, f as ToastDescriptionProps, g as AvatarStyles, h as AvatarRootProps, i as TextareaStyles, j as CardHeaderProps, k as CardBodyProps, l as ToastPrimitive, m as AvatarPrimitive, n as TextareaPrimitiveBaseProps, nt as FieldLabelProps, o as BadgeRootProps, p as ToastTitleProps, q as InputPrimitive, r as TextareaPrimitiveProps, s as BadgeStyles, t as TextareaPrimitive, tt as FieldDescriptionProps, u as ToastRootProps, v as AvatarFallbackProps, w as EmptyDescriptionProps, x as EmptyStyles, y as EmptyPrimitive, z as SelectOverlayProps } from "../index-BLsiF42Z.mjs";
-export { AvatarFallbackProps, AvatarImageProps, AvatarPrimitive, AvatarRootProps, AvatarStyles, BadgeLabelProps, BadgePrimitive, BadgeRootProps, BadgeStyles, ButtonPrimitive, ButtonPrimitiveLabelProps, ButtonPrimitiveRootProps, ButtonState, ButtonStyles, CardBodyProps, CardFooterProps, CardHeaderProps, CardPrimitive, CardRootProps, CardStyles, CardTitleProps, EmptyDescriptionProps, EmptyMediaProps, EmptyPrimitive, EmptyRootProps, EmptyStyles, EmptyTitleProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldPrimitive, FieldPrimitiveRootProps, FieldStyles, InputPrimitive, InputPrimitiveBaseProps, InputPrimitiveProps, InputStyles, SelectContentProps, SelectOptionProps, SelectOverlayProps, SelectPortalProps, SelectPrimitive, SelectRootBaseProps, SelectRootProps, SelectStyles, SelectTriggerProps, SelectValueProps, TextareaPrimitive, TextareaPrimitiveBaseProps, TextareaPrimitiveProps, TextareaStyles, ToastDescriptionProps, ToastPrimitive, ToastRootProps, ToastStyles, ToastTitleProps };
+import { $ as SelectPortalProps, A as ToastRootProps, B as EmptyRootProps, C as TextareaPrimitiveProps, D as BadgeStyles, E as BadgeRootProps, F as AvatarRootProps, G as CardPrimitive, H as EmptyTitleProps, I as AvatarStyles, J as CardFooterProps, K as CardRootProps, L as AvatarImageProps, M as ToastDescriptionProps, N as ToastTitleProps, O as BadgeLabelProps, P as AvatarPrimitive, Q as SelectPrimitive, R as AvatarFallbackProps, S as TextareaPrimitiveBaseProps, St as FieldLabelProps, T as BadgePrimitive, U as EmptyMediaProps, V as EmptyStyles, W as EmptyDescriptionProps, X as CardTitleProps, Y as CardBodyProps, Z as CardHeaderProps, _ as DropdownMenuDividerProps, _t as FieldPrimitive, a as PopoverPortalProps, at as SelectOverlayProps, b as DropdownMenuTriggerProps, bt as FieldErrorProps, c as PopoverOverlayProps, ct as ButtonPrimitive, d as PopoverTriggerRef, dt as ButtonStyles, et as SelectRootBaseProps, f as DropdownMenuPrimitive, ft as ButtonPrimitiveLabelProps, g as DropdownMenuOverlayProps, gt as InputStyles, h as DropdownMenuStyles, ht as InputPrimitiveProps, i as PopoverCloseProps, it as SelectContentProps, j as ToastStyles, k as ToastPrimitive, l as PopoverContentProps, lt as ButtonPrimitiveRootProps, m as DropdownMenuRootProps, mt as InputPrimitiveBaseProps, n as PopoverContext, nt as SelectStyles, o as PopoverRootProps, ot as SelectValueProps, p as DropdownMenuPortalProps, pt as InputPrimitive, q as CardStyles, r as usePopover, rt as SelectOptionProps, st as SelectTriggerProps, t as PopoverPrimitive, tt as SelectRootProps, u as PopoverTriggerProps, ut as ButtonState, v as DropdownMenuButtonProps, vt as FieldPrimitiveRootProps, w as TextareaStyles, x as TextareaPrimitive, xt as FieldDescriptionProps, y as DropdownMenuContentProps, yt as FieldStyles, z as EmptyPrimitive } from "../index-pCM7YTs1.mjs";
+import "../use-relative-position-DBzhrBU7.mjs";
+export { AvatarFallbackProps, AvatarImageProps, AvatarPrimitive, AvatarRootProps, AvatarStyles, BadgeLabelProps, BadgePrimitive, BadgeRootProps, BadgeStyles, ButtonPrimitive, ButtonPrimitiveLabelProps, ButtonPrimitiveRootProps, ButtonState, ButtonStyles, CardBodyProps, CardFooterProps, CardHeaderProps, CardPrimitive, CardRootProps, CardStyles, CardTitleProps, DropdownMenuButtonProps, DropdownMenuContentProps, DropdownMenuDividerProps, DropdownMenuOverlayProps, DropdownMenuPortalProps, DropdownMenuPrimitive, DropdownMenuRootProps, DropdownMenuStyles, DropdownMenuTriggerProps, EmptyDescriptionProps, EmptyMediaProps, EmptyPrimitive, EmptyRootProps, EmptyStyles, EmptyTitleProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldPrimitive, FieldPrimitiveRootProps, FieldStyles, InputPrimitive, InputPrimitiveBaseProps, InputPrimitiveProps, InputStyles, PopoverCloseProps, PopoverContentProps, PopoverContext, PopoverOverlayProps, PopoverPortalProps, PopoverPrimitive, PopoverRootProps, PopoverTriggerProps, PopoverTriggerRef, SelectContentProps, SelectOptionProps, SelectOverlayProps, SelectPortalProps, SelectPrimitive, SelectRootBaseProps, SelectRootProps, SelectStyles, SelectTriggerProps, SelectValueProps, TextareaPrimitive, TextareaPrimitiveBaseProps, TextareaPrimitiveProps, TextareaStyles, ToastDescriptionProps, ToastPrimitive, ToastRootProps, ToastStyles, ToastTitleProps, usePopover };

package/dist/primitives/index.mjs

@@ -1,3 +1,4 @@
-import { a as EmptyPrimitive, c as ButtonPrimitive, i as AvatarPrimitive, l as InputPrimitive, n as BadgePrimitive, o as CardPrimitive, r as ToastPrimitive, s as SelectPrimitive, t as TextareaPrimitive, u as FieldPrimitive } from "../primitives-CyDqzNcp.mjs";
+import { a as BadgePrimitive, c as EmptyPrimitive, d as ButtonPrimitive, f as InputPrimitive, i as TextareaPrimitive, l as CardPrimitive, n as usePopover, o as ToastPrimitive, p as FieldPrimitive, r as DropdownMenuPrimitive, s as AvatarPrimitive, t as PopoverPrimitive, u as SelectPrimitive } from "../primitives-DNeYBN-3.mjs";
+import "../use-relative-position-BTKEyT1F.mjs";
 
-export { AvatarPrimitive, BadgePrimitive, ButtonPrimitive, CardPrimitive, EmptyPrimitive, FieldPrimitive, InputPrimitive, SelectPrimitive, TextareaPrimitive, ToastPrimitive };
+export { AvatarPrimitive, BadgePrimitive, ButtonPrimitive, CardPrimitive, DropdownMenuPrimitive, EmptyPrimitive, FieldPrimitive, InputPrimitive, PopoverPrimitive, SelectPrimitive, TextareaPrimitive, ToastPrimitive, usePopover };

package/dist/{primitives-CyDqzNcp.mjs → primitives-DNeYBN-3.mjs}

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useEffect, useState, useSyncExternalStore } from "react";
+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, useRef, useState, useSyncExternalStore } from "react";
 import { ActivityIndicator, Image, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
 import { Fragment, jsx } from "react/jsx-runtime";
 
@@ -122,14 +123,14 @@ const FieldPrimitive = {
 
 //#endregion
 //#region src/primitives/input/input.tsx
-const calculateState$4 = (props, isFocused) => {
+const calculateState$5 = (props, isFocused) => {
 	if (props.isDisabled) return "disabled";
 	if (isFocused) return "focused";
 	return "default";
 };
 function InputPrimitive(props) {
 	const [isFocused, setIsFocused] = useState(false);
-	const state = calculateState$4(props, isFocused);
+	const state = calculateState$5(props, isFocused);
 	const composedStyles = [
 		props.styles?.default?.style,
 		props.styles?.[state]?.style,
@@ -168,7 +169,7 @@ const useButtonPrimitive = () => {
 
 //#endregion
 //#region src/primitives/button/button-root.tsx
-const calculateState$3 = (props, isHovered) => {
+const calculateState$4 = (props, isHovered) => {
 	if (props.isDisabled) return "disabled";
 	if (props.isLoading) return "loading";
 	if (isHovered) return "hovered";
@@ -176,7 +177,7 @@ const calculateState$3 = (props, isHovered) => {
 };
 function ButtonRoot(props) {
 	const [isHovered, setIsHovered] = useState(false);
-	const state = calculateState$3(props, isHovered);
+	const state = calculateState$4(props, isHovered);
 	const calculatedStyle = [
 		props.styles?.root?.default,
 		props.styles?.root?.[state],
@@ -246,7 +247,7 @@ const useSelect = () => {
 
 //#endregion
 //#region src/primitives/select/select-root.tsx
-const calculateState$2 = (props) => {
+const calculateState$3 = (props) => {
 	if (props.isDisabled) return "disabled";
 	return "default";
 };
@@ -254,7 +255,7 @@ function SelectRoot(props) {
 	const [isOpen, setIsOpen] = useState(false);
 	const [triggerLayout, setTriggerLayout] = useState(null);
 	const [options, setOptions] = useState([]);
-	const state = calculateState$2(props);
+	const state = calculateState$3(props);
 	const composedStyles = calculateComposedStyles(props.styles, state, "root", props.style);
 	const Component = props.render ?? View;
 	return /* @__PURE__ */ jsx(SelectContext.Provider, {
@@ -370,7 +371,7 @@ function SelectContent(props) {
 
 //#endregion
 //#region src/primitives/select/select-option.tsx
-const calculateState$1 = (selectState, hovered, selected) => {
+const calculateState$2 = (selectState, hovered, selected) => {
 	if (selectState === "disabled") return "disabled";
 	if (selected) return "selected";
 	if (hovered) return "hovered";
@@ -380,7 +381,7 @@ function SelectOption(props) {
 	const [isHovered, setIsHovered] = useState(false);
 	const select = useSelect();
 	const isSelected = select.value === props.value;
-	const optionState = calculateState$1(select.state, isHovered, isSelected);
+	const optionState = calculateState$2(select.state, isHovered, isSelected);
 	const composedStyles = calculateComposedStyles(select.styles, optionState, "option", props.style);
 	useEffect(() => {
 		select.setOptions((prev) => {
@@ -706,14 +707,14 @@ const BadgePrimitive = {
 
 //#endregion
 //#region src/primitives/textarea/textarea.tsx
-const calculateState = (props, isFocused) => {
+const calculateState$1 = (props, isFocused) => {
 	if (props.isDisabled) return "disabled";
 	if (isFocused) return "focused";
 	return "default";
 };
 function TextareaPrimitive(props) {
 	const [isFocused, setIsFocused] = useState(false);
-	const state = calculateState(props, isFocused);
+	const state = calculateState$1(props, isFocused);
 	const composedStyles = [
 		props.styles?.default?.style,
 		props.styles?.[state]?.style,
@@ -743,4 +744,321 @@ function TextareaPrimitive(props) {
 }
 
 //#endregion
-export { EmptyPrimitive as a, ButtonPrimitive as c, PortalHost as d, AvatarPrimitive as i, InputPrimitive as l, BadgePrimitive as n, CardPrimitive as o, ToastPrimitive as r, SelectPrimitive as s, TextareaPrimitive as t, FieldPrimitive as u };
+//#region src/primitives/dropdown-menu/context.ts
+const DropdownMenuContext = createContext(void 0);
+const useDropdownMenu = () => {
+	const context = useContext(DropdownMenuContext);
+	if (!context) throw new Error("useDropdownMenu must be used within a DropdownMenuRoot");
+	return context;
+};
+
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-root.tsx
+function DropdownMenuRoot(props) {
+	const [isOpen, setIsOpen] = useState(false);
+	const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
+	const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
+	return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
+		value: {
+			isOpen,
+			setIsOpen,
+			triggerPosition,
+			setTriggerPosition,
+			contentLayout,
+			setContentLayout,
+			styles: props.styles
+		},
+		children: props.children
+	});
+}
+
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-trigger.tsx
+const DropdownMenuTrigger = forwardRef((props, ref) => {
+	const dropdownMenu = useDropdownMenu();
+	const triggerRef = useRef(null);
+	const onTriggerPress = async () => {
+		triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+			dropdownMenu.setTriggerPosition({
+				height,
+				width,
+				pageX,
+				pageY
+			});
+		});
+		dropdownMenu.setIsOpen((prev) => !prev);
+	};
+	useImperativeHandle(ref, () => ({
+		open: () => dropdownMenu.setIsOpen(true),
+		close: () => dropdownMenu.setIsOpen(false)
+	}));
+	return React.cloneElement(props.children, {
+		ref: triggerRef,
+		onPress: onTriggerPress,
+		role: "button",
+		accessible: true,
+		accessibilityRole: "button",
+		accessibilityState: { expanded: dropdownMenu.isOpen },
+		...props.children.props
+	});
+});
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-content.tsx
+function DropdownMenuContent(props) {
+	const menu = useDropdownMenu();
+	const composedStyle = [
+		useRelativePosition({
+			align: "start",
+			avoidCollisions: true,
+			triggerPosition: menu.triggerPosition,
+			contentLayout: menu.contentLayout,
+			alignOffset: 0,
+			side: "bottom",
+			sideOffset: 0
+		}),
+		menu.styles?.content,
+		props.style
+	];
+	return /* @__PURE__ */ jsx(props.render ?? View, {
+		...props,
+		onLayout: (e) => {
+			menu.setContentLayout(e.nativeEvent.layout);
+		},
+		style: composedStyle
+	});
+}
+
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-button.tsx
+const calculateState = (isHovered) => {
+	if (isHovered) return "hovered";
+	return "default";
+};
+function DropdownMenuButton(props) {
+	const menu = useDropdownMenu();
+	const [isHovered, setIsHovered] = useState(false);
+	const state = calculateState(isHovered);
+	const composedStyle = [
+		menu.styles?.button?.default,
+		menu.styles?.button?.[state],
+		props.style
+	];
+	const handlePress = () => {
+		props.onPress?.();
+		menu.setIsOpen((prev) => !prev);
+	};
+	return /* @__PURE__ */ jsx(props.render ?? Text, {
+		...props,
+		onPress: handlePress,
+		onMouseEnter: () => setIsHovered(true),
+		onMouseLeave: () => setIsHovered(false),
+		style: composedStyle,
+		children: props.children
+	});
+}
+
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-divider.tsx
+function DropdownMenuDivider(props) {
+	const composedStyle = [useDropdownMenu().styles?.divider, props.style];
+	return /* @__PURE__ */ jsx(props.render ?? View, {
+		...props,
+		style: composedStyle
+	});
+}
+
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-portal.tsx
+function DropdownMenuPortal(props) {
+	const menu = useDropdownMenu();
+	if (!menu.isOpen) return null;
+	return /* @__PURE__ */ jsx(Portal, {
+		name: "dropdown-menu-portal",
+		children: /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
+			value: menu,
+			children: props.children
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-overlay.tsx
+function DropdownMenuOverlay(props) {
+	const menu = useDropdownMenu();
+	const composedStyle = [
+		StyleSheet.absoluteFill,
+		menu.styles?.overlay,
+		props.style
+	];
+	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
+		onPress: () => {
+			menu.setIsOpen(false);
+		},
+		style: composedStyle,
+		children: props.children
+	});
+}
+
+//#endregion
+//#region src/primitives/dropdown-menu/index.ts
+const DropdownMenuPrimitive = {
+	Root: DropdownMenuRoot,
+	Trigger: DropdownMenuTrigger,
+	Portal: DropdownMenuPortal,
+	Overlay: DropdownMenuOverlay,
+	Content: DropdownMenuContent,
+	Button: DropdownMenuButton,
+	Divider: DropdownMenuDivider
+};
+
+//#endregion
+//#region src/primitives/popover/context.ts
+const PopoverContext = createContext(void 0);
+const usePopover = () => {
+	const context = useContext(PopoverContext);
+	if (!context) throw new Error("usePopover must be used within a PopoverRoot");
+	return context;
+};
+
+//#endregion
+//#region src/primitives/popover/popover-root.tsx
+function PopoverRoot(props) {
+	const [isOpen, setIsOpen] = useState(false);
+	const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
+	const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
+	return /* @__PURE__ */ jsx(PopoverContext.Provider, {
+		value: {
+			isOpen,
+			setIsOpen,
+			contentLayout,
+			setContentLayout,
+			triggerPosition,
+			setTriggerPosition,
+			styles: props.styles
+		},
+		children: props.children
+	});
+}
+
+//#endregion
+//#region src/primitives/popover/popover-trigger.tsx
+const PopoverTrigger = forwardRef((props, ref) => {
+	const popover = usePopover();
+	const triggerRef = useRef(null);
+	const onTriggerPress = async () => {
+		triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+			popover.setTriggerPosition({
+				height,
+				width,
+				pageX,
+				pageY
+			});
+		});
+		popover.setIsOpen((prev) => !prev);
+	};
+	useImperativeHandle(ref, () => ({
+		open: () => popover.setIsOpen(true),
+		close: () => popover.setIsOpen(false)
+	}));
+	return React.cloneElement(props.children, {
+		ref: triggerRef,
+		onPress: onTriggerPress,
+		role: "button",
+		accessible: true,
+		accessibilityRole: "button",
+		accessibilityState: { expanded: popover.isOpen },
+		...props.children.props
+	});
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+
+//#endregion
+//#region src/primitives/popover/popover-portal.tsx
+function PopoverPortal(props) {
+	const popover = usePopover();
+	if (!popover.isOpen) return null;
+	return /* @__PURE__ */ jsx(Portal, {
+		name: "popover-portal",
+		children: /* @__PURE__ */ jsx(PopoverContext.Provider, {
+			value: popover,
+			children: props.children
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/popover/popover-overlay.tsx
+function PopoverOverlay(props) {
+	const { closeOnPress = true, ...restProps } = props;
+	const popover = usePopover();
+	const composedStyle = [
+		StyleSheet.absoluteFill,
+		popover.styles?.overlay,
+		props.style
+	];
+	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
+		...restProps,
+		onPress: () => {
+			if (closeOnPress) popover.setIsOpen(false);
+			props.onPress?.();
+		},
+		style: composedStyle,
+		children: props.children
+	});
+}
+
+//#endregion
+//#region src/primitives/popover/popover-content.tsx
+function PopoverContent(props) {
+	const popover = usePopover();
+	const composedStyle = [
+		useRelativePosition({
+			align: "start",
+			avoidCollisions: true,
+			triggerPosition: popover.triggerPosition,
+			contentLayout: popover.contentLayout,
+			alignOffset: 0,
+			side: "bottom",
+			sideOffset: 0
+		}),
+		popover.styles?.content,
+		props.style
+	];
+	return /* @__PURE__ */ jsx(props.render ?? View, {
+		...props,
+		onLayout: (e) => {
+			popover.setContentLayout(e.nativeEvent.layout);
+		},
+		style: composedStyle
+	});
+}
+
+//#endregion
+//#region src/primitives/popover/popover-close.tsx
+function PopoverClose(props) {
+	const popover = usePopover();
+	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
+		...props,
+		onPress: () => {
+			popover.setIsOpen(false);
+			props.onPress?.();
+		},
+		style: props.style
+	});
+}
+
+//#endregion
+//#region src/primitives/popover/index.ts
+const PopoverPrimitive = {
+	Root: PopoverRoot,
+	Trigger: PopoverTrigger,
+	Portal: PopoverPortal,
+	Overlay: PopoverOverlay,
+	Content: PopoverContent,
+	Close: PopoverClose
+};
+
+//#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 };

package/dist/{toast-manager-BOORCQn8.mjs → toast-manager-BfoJ-_dB.mjs}

@@ -1,4 +1,4 @@
-import { r as ToastPrimitive } from "./primitives-CyDqzNcp.mjs";
+import { o as ToastPrimitive } from "./primitives-DNeYBN-3.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 };