@korsolutions/ui 0.0.19 → 0.0.21

package/dist/components/index.d.mts

@@ -1,6 +1,8 @@
-import { $ as FieldStyles, D as CardStyles, G as ButtonStyles, I as SelectStyles, J as InputPrimitiveBaseProps, P as SelectRootBaseProps, X as InputStyles, d as ToastStyles, g as AvatarStyles, i as TextareaStyles, n as TextareaPrimitiveBaseProps, s as BadgeStyles, x as EmptyStyles } from "../index-BLsiF42Z.mjs";
+import { D as BadgeStyles, I as AvatarStyles, S as TextareaPrimitiveBaseProps, V as EmptyStyles, d as PopoverTriggerRef, dt as ButtonStyles, et as SelectRootBaseProps, gt as InputStyles, h as DropdownMenuStyles, j as ToastStyles, lt as ButtonPrimitiveRootProps, mt as InputPrimitiveBaseProps, nt as SelectStyles, q as CardStyles, s as PopoverStyles, w as TextareaStyles, yt as FieldStyles } from "../index-pCM7YTs1.mjs";
+import "../use-relative-position-DBzhrBU7.mjs";
+import { t as NumericMaskFormat } from "../use-numeric-mask-B9WZG25o.mjs";
 import React from "react";
-import { ImageSource, TextProps, TextStyle } from "react-native";
+import { ImageSource, PressableProps, TextProps, TextStyle } from "react-native";
 
 //#region src/components/button/variants/index.d.ts
 declare const ButtonVariants: {
@@ -10,8 +12,9 @@ declare const ButtonVariants: {
 //#endregion
 //#region src/components/button/button.d.ts
 interface ButtonProps {
-  onPress?: () => void;
   children?: string;
+  onPress?: ButtonPrimitiveRootProps["onPress"];
+  onLayout?: ButtonPrimitiveRootProps["onLayout"];
   isDisabled?: boolean;
   isLoading?: boolean;
   variant?: keyof typeof ButtonVariants;
@@ -48,6 +51,35 @@ interface InputProps extends InputPrimitiveBaseProps {
 }
 declare function Input(props: InputProps): React.JSX.Element;
 //#endregion
+//#region src/components/input/numeric-input.d.ts
+interface NumericInputProps extends Omit<InputPrimitiveBaseProps, "value" | "onChange" | "keyboardType"> {
+  variant?: "default";
+  value?: number | null;
+  onChange?: (value: number | null) => void;
+  format?: NumericMaskFormat;
+  locale?: string;
+  currency?: string;
+  precision?: number;
+  min?: number;
+  max?: number;
+  allowNegative?: boolean;
+}
+declare function NumericInput({
+  value,
+  onChange,
+  format,
+  locale,
+  currency,
+  precision,
+  min,
+  max,
+  allowNegative,
+  variant,
+  onBlur,
+  onFocus,
+  ...props
+}: NumericInputProps): React.JSX.Element;
+//#endregion
 //#region src/components/field/variants/index.d.ts
 declare const FieldVariants: {
   default: () => FieldStyles;
@@ -224,4 +256,41 @@ interface TextareaProps extends TextareaPrimitiveBaseProps {
 }
 declare function Textarea(props: TextareaProps): React.JSX.Element;
 //#endregion
-export { Avatar, AvatarProps, Badge, Button, Card, Empty, EmptyProps, Field, FieldProps, Input, Link, LinkProps, Select, SelectOption, SelectProps, Textarea, Toast, Typography, TypographyProps };
+//#region src/components/dropdown-menu/variants/index.d.ts
+declare const DropdownMenuVariants: {
+  default: () => DropdownMenuStyles;
+};
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+type DropdownMenuOption = {
+  type: "button";
+  label: string;
+  onPress: () => void;
+} | {
+  type: "divider";
+};
+interface DropdownMenuProps {
+  trigger: React.ReactElement<PressableProps>;
+  options: DropdownMenuOption[];
+  variant?: keyof typeof DropdownMenuVariants;
+}
+declare function DropdownMenu(props: DropdownMenuProps): React.JSX.Element;
+//#endregion
+//#region src/components/popover/variants/index.d.ts
+declare const PopoverVariants: {
+  default: () => PopoverStyles;
+};
+//#endregion
+//#region src/components/popover/popover.d.ts
+interface PopoverChildrenProps {
+  close: () => void;
+}
+interface PopoverProps {
+  children: ((props: PopoverChildrenProps) => React.ReactNode) | React.ReactNode;
+  trigger: React.ReactElement<PressableProps>;
+  closeOnOverlayPress?: boolean;
+  variant?: keyof typeof PopoverVariants;
+}
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<PopoverTriggerRef>>;
+//#endregion
+export { Avatar, AvatarProps, Badge, Button, Card, DropdownMenu, Empty, EmptyProps, Field, FieldProps, Input, Link, LinkProps, NumericInput, NumericInputProps, Popover, PopoverProps, Select, SelectOption, SelectProps, Textarea, Toast, Typography, TypographyProps };

package/dist/components/index.mjs

@@ -1,6 +1,8 @@
-import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-BOORCQn8.mjs";
-import { a as EmptyPrimitive, c as ButtonPrimitive, i as AvatarPrimitive, l as InputPrimitive, n as BadgePrimitive, o as CardPrimitive, s as SelectPrimitive, t as TextareaPrimitive, u as FieldPrimitive } from "../primitives-CyDqzNcp.mjs";
-import React, { useState } from "react";
+import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-BfoJ-_dB.mjs";
+import { a as BadgePrimitive, c as EmptyPrimitive, d as ButtonPrimitive, f as InputPrimitive, i as TextareaPrimitive, l as CardPrimitive, n as usePopover, 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";
+import { t as useNumericMask } from "../use-numeric-mask-BQlz1Pus.mjs";
+import React, { forwardRef, useEffect, useState } from "react";
 import { Linking, Text } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -110,11 +112,11 @@ const ButtonVariants = {
 //#endregion
 //#region src/components/button/button.tsx
 function Button(props) {
-	const variantStyles = (props.variant ? ButtonVariants[props.variant] : ButtonVariants["default"])();
+	const { children, variant = "default", ...rootProps } = props;
+	const useVariantStyles = ButtonVariants[variant];
+	const variantStyles = useVariantStyles();
 	return /* @__PURE__ */ jsxs(ButtonPrimitive.Root, {
-		onPress: props.onPress,
-		isDisabled: props.isDisabled,
-		isLoading: props.isLoading,
+		...rootProps,
 		styles: variantStyles,
 		children: [props.isLoading && /* @__PURE__ */ jsx(ButtonPrimitive.Spinner, {}), /* @__PURE__ */ jsx(ButtonPrimitive.Label, { children: props.children })]
 	});
@@ -205,6 +207,41 @@ function Input(props) {
 	});
 }
 
+//#endregion
+//#region src/components/input/numeric-input.tsx
+function NumericInput({ value, onChange, format = "decimal", locale = "en-US", currency = "USD", precision = 2, min, max, allowNegative = true, variant = "default", onBlur, onFocus, ...props }) {
+	const numericMask = useNumericMask({
+		format,
+		locale,
+		currency,
+		precision,
+		min,
+		max,
+		allowNegative,
+		onChange
+	});
+	useEffect(() => {
+		if (value !== numericMask.numericValue) numericMask.setValue(value ?? null);
+	}, [value]);
+	const handleBlur = (e) => {
+		numericMask.onBlur();
+		onBlur?.(e);
+	};
+	const handleFocus = (e) => {
+		numericMask.onFocus();
+		onFocus?.(e);
+	};
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		variant,
+		value: numericMask.value,
+		onChange: numericMask.onChangeText,
+		onBlur: handleBlur,
+		onFocus: handleFocus,
+		keyboardType: numericMask.keyboardType
+	});
+}
+
 //#endregion
 //#region src/components/field/variants/default.tsx
 const useFieldVariantDefault = () => {
@@ -679,4 +716,115 @@ function Textarea(props) {
 }
 
 //#endregion
-export { Avatar, Badge, Button, Card, Empty, Field, Input, Link, Select, Textarea, Toast, Typography };
+//#region src/components/dropdown-menu/variants/default.tsx
+const useDropdownMenuVariantDefault = () => {
+	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
+		overlay: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
+		content: {
+			overflow: "hidden",
+			backgroundColor: colors.surface,
+			borderRadius: radius,
+			borderWidth: 1,
+			borderColor: colors.border,
+			shadowColor: "#000",
+			shadowOffset: {
+				width: 0,
+				height: 4
+			},
+			shadowOpacity: .15,
+			shadowRadius: 12,
+			elevation: 8
+		},
+		button: {
+			default: {
+				paddingVertical: 12,
+				paddingHorizontal: 16,
+				fontFamily,
+				fontSize,
+				color: colors.foreground
+			},
+			hovered: { backgroundColor: colors.muted }
+		},
+		divider: {
+			height: 1,
+			backgroundColor: colors.border
+		}
+	}));
+};
+
+//#endregion
+//#region src/components/dropdown-menu/variants/index.ts
+const DropdownMenuVariants = { default: useDropdownMenuVariantDefault };
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+function DropdownMenu(props) {
+	const useVariantStyles = DropdownMenuVariants[props.variant || "default"];
+	const styles = useVariantStyles();
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Root, {
+		styles,
+		children: [/* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { children: props.trigger }), /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Overlay, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { children: props.options.map((option) => {
+			if (option.type === "button") return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Button, {
+				onPress: option.onPress,
+				children: option.label
+			}, option.label);
+			else if (option.type === "divider") return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Divider, {}, Math.random().toString());
+		}) }) }) })]
+	});
+}
+
+//#endregion
+//#region src/components/popover/variants/default.tsx
+const usePopoverVariantDefault = () => {
+	return useThemedStyles(({ colors, radius }) => ({
+		overlay: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
+		content: {
+			backgroundColor: colors.surface,
+			borderRadius: radius,
+			borderWidth: 1,
+			borderColor: colors.border,
+			padding: 16,
+			minWidth: 280,
+			maxWidth: 320,
+			shadowColor: "#000",
+			shadowOffset: {
+				width: 0,
+				height: 4
+			},
+			shadowOpacity: .15,
+			shadowRadius: 12,
+			elevation: 8
+		}
+	}));
+};
+
+//#endregion
+//#region src/components/popover/variants/index.ts
+const PopoverVariants = { default: usePopoverVariantDefault };
+
+//#endregion
+//#region src/components/popover/popover.tsx
+const PopoverContentComponent = (props) => {
+	const popover = usePopover();
+	if (typeof props.children === "function") return /* @__PURE__ */ jsx(PopoverPrimitive.Content, { children: props.children({ close: () => popover.setIsOpen(false) }) });
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Content, { children: props.children });
+};
+const PopoverComponent = forwardRef((props, ref) => {
+	const useVariantStyles = PopoverVariants[props.variant || "default"];
+	const styles = useVariantStyles();
+	return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
+		styles,
+		children: [/* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+			ref,
+			children: props.trigger
+		}), /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Overlay, {
+			closeOnPress: props.closeOnOverlayPress,
+			children: /* @__PURE__ */ jsx(PopoverContentComponent, { children: props.children })
+		}) })]
+	});
+});
+PopoverComponent.displayName = "Popover";
+const Popover = PopoverComponent;
+
+//#endregion
+export { Avatar, Badge, Button, Card, DropdownMenu, Empty, Field, Input, Link, NumericInput, Popover, Select, Textarea, Toast, Typography };

package/dist/hooks/index.d.mts

@@ -1,4 +1,7 @@
-//#region src/hooks/useScreenSize.d.ts
+import { i as useRelativePosition, n as DEFAULT_POSITION, r as LayoutPosition, t as DEFAULT_LAYOUT } from "../use-relative-position-DBzhrBU7.mjs";
+import { i as useNumericMask, n as UseNumericMaskOptions, r as UseNumericMaskReturn, t as NumericMaskFormat } from "../use-numeric-mask-B9WZG25o.mjs";
+
+//#region src/hooks/use-screen-size.d.ts
 type ScreenSize = "mobile" | "tablet" | "desktop";
 interface Response {
   readonly size: ScreenSize;
@@ -14,4 +17,31 @@ interface Response {
 }
 declare function useScreenSize(): Response;
 //#endregion
-export { ScreenSize, useScreenSize };
+//#region src/hooks/use-currency-mask.d.ts
+interface UseCurrencyMaskOptions {
+  locale?: string;
+  currency?: string;
+  precision?: number;
+  min?: number;
+  max?: number;
+  onValueChange?: (value: number | null) => void;
+}
+interface UseCurrencyMaskReturn {
+  value: string;
+  numericValue: number | null;
+  onChangeText: (text: string) => void;
+  onBlur: () => void;
+  onFocus: () => void;
+  keyboardType: "decimal-pad";
+  setValue: (value: number | null) => void;
+}
+declare function useCurrencyMask({
+  locale,
+  currency,
+  precision,
+  min,
+  max,
+  onValueChange
+}?: UseCurrencyMaskOptions): UseCurrencyMaskReturn;
+//#endregion
+export { DEFAULT_LAYOUT, DEFAULT_POSITION, LayoutPosition, NumericMaskFormat, ScreenSize, UseCurrencyMaskOptions, UseCurrencyMaskReturn, UseNumericMaskOptions, UseNumericMaskReturn, useCurrencyMask, useNumericMask, useRelativePosition, useScreenSize };

package/dist/hooks/index.mjs

@@ -1,6 +1,9 @@
+import { n as DEFAULT_POSITION, r as useRelativePosition, t as DEFAULT_LAYOUT } from "../use-relative-position-BTKEyT1F.mjs";
+import { t as useNumericMask } from "../use-numeric-mask-BQlz1Pus.mjs";
+import { useCallback, useState } from "react";
 import { useWindowDimensions } from "react-native";
 
-//#region src/hooks/useScreenSize.ts
+//#region src/hooks/use-screen-size.ts
 function useScreenSize() {
 	const windowDimensions = useWindowDimensions();
 	const size = windowDimensions.width < 768 ? "mobile" : windowDimensions.width < 1024 ? "tablet" : "desktop";
@@ -23,4 +26,78 @@ function useScreenSize() {
 }
 
 //#endregion
-export { useScreenSize };
+//#region src/hooks/use-currency-mask.ts
+function useCurrencyMask({ locale = "en-US", currency = "USD", precision = 2, min, max, onValueChange } = {}) {
+	const [numericValue, setNumericValue] = useState(null);
+	const [displayValue, setDisplayValue] = useState("");
+	const [isFocused, setIsFocused] = useState(false);
+	const formatCurrency = useCallback((num) => {
+		if (num === null || isNaN(num)) return "";
+		return new Intl.NumberFormat(locale, {
+			style: "currency",
+			currency,
+			minimumFractionDigits: precision,
+			maximumFractionDigits: precision
+		}).format(num);
+	}, [
+		locale,
+		currency,
+		precision
+	]);
+	const parseCurrency = useCallback((text) => {
+		const cleaned = text.replace(/[^\d.-]/g, "");
+		const parsed = parseFloat(cleaned);
+		if (isNaN(parsed) || 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]);
+	return {
+		value: displayValue,
+		numericValue,
+		onChangeText: useCallback((text) => {
+			if (isFocused) {
+				const cleaned = text.replace(/[^\d.-]/g, "");
+				const decimalIndex = cleaned.indexOf(".");
+				if (decimalIndex !== -1) {
+					if (cleaned.substring(decimalIndex + 1).length > precision) return;
+				}
+				if ((cleaned.match(/\./g) || []).length > 1) return;
+			}
+			setDisplayValue(text);
+			const value = parseCurrency(text);
+			setNumericValue(value);
+			onValueChange?.(value);
+		}, [
+			parseCurrency,
+			onValueChange,
+			isFocused,
+			precision
+		]),
+		onBlur: useCallback(() => {
+			setIsFocused(false);
+			if (numericValue !== null) setDisplayValue(formatCurrency(numericValue));
+			else setDisplayValue("");
+		}, [numericValue, formatCurrency]),
+		onFocus: useCallback(() => {
+			setIsFocused(true);
+			if (numericValue !== null) setDisplayValue(numericValue.toString());
+		}, [numericValue]),
+		keyboardType: "decimal-pad",
+		setValue: useCallback((value) => {
+			setNumericValue(value);
+			if (value !== null) if (isFocused) setDisplayValue(value.toString());
+			else setDisplayValue(formatCurrency(value));
+			else setDisplayValue("");
+			onValueChange?.(value);
+		}, [
+			isFocused,
+			formatCurrency,
+			onValueChange
+		])
+	};
+}
+
+//#endregion
+export { DEFAULT_LAYOUT, DEFAULT_POSITION, useCurrencyMask, useNumericMask, useRelativePosition, useScreenSize };

package/dist/{index-BLsiF42Z.d.mts → index-pCM7YTs1.d.mts}

@@ -1,6 +1,7 @@
-import * as react2 from "react";
-import React$1 from "react";
-import { ImageSource, ImageStyle, StyleProp, TextInputProps, TextProps, TextStyle, ViewStyle } from "react-native";
+import { r as LayoutPosition } from "./use-relative-position-DBzhrBU7.mjs";
+import * as react7 from "react";
+import React$1, { Dispatch, RefAttributes } from "react";
+import { ImageSource, ImageStyle, LayoutRectangle, PressableProps, StyleProp, TextInputProps, TextProps, TextStyle, View, ViewStyle } from "react-native";
 
 //#region src/primitives/field/field-label.d.ts
 interface FieldLabelProps {
@@ -65,7 +66,7 @@ interface InputPrimitiveProps extends InputPrimitiveBaseProps {
   render?: (props: InputPrimitiveProps) => React.ReactNode;
   styles?: InputStyles;
 }
-declare function InputPrimitive(props: InputPrimitiveProps): react2.JSX.Element;
+declare function InputPrimitive(props: InputPrimitiveProps): react7.JSX.Element;
 //#endregion
 //#region src/primitives/button/button-label.d.ts
 interface ButtonPrimitiveLabelProps {
@@ -84,9 +85,8 @@ interface ButtonStyles {
 }
 //#endregion
 //#region src/primitives/button/button-root.d.ts
-interface ButtonPrimitiveRootProps {
+interface ButtonPrimitiveRootProps extends PressableProps {
   children?: React$1.ReactNode;
-  onPress?: () => void;
   isDisabled?: boolean;
   isLoading?: boolean;
   style?: StyleProp<ViewStyle>;
@@ -152,7 +152,7 @@ interface SelectOptionProps {
   render?: (props: SelectOptionProps) => React.ReactElement;
   style?: StyleProp<TextStyle>;
 }
-declare function SelectOption(props: SelectOptionProps): react2.JSX.Element;
+declare function SelectOption(props: SelectOptionProps): react7.JSX.Element;
 //#endregion
 //#region src/primitives/select/types.d.ts
 type SelectState = "default" | "disabled";
@@ -433,6 +433,162 @@ interface TextareaPrimitiveProps extends TextareaPrimitiveBaseProps {
   render?: (props: TextareaPrimitiveProps) => React.ReactNode;
   styles?: TextareaStyles;
 }
-declare function TextareaPrimitive(props: TextareaPrimitiveProps): react2.JSX.Element;
+declare function TextareaPrimitive(props: TextareaPrimitiveProps): react7.JSX.Element;
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-trigger.d.ts
+interface DropdownMenuTriggerProps extends PressableProps {
+  children: React$1.ReactElement<RefAttributes<View> & PressableProps>;
+}
+interface DropdownMenuTriggerRef {
+  open: () => void;
+  close: () => void;
+}
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-content.d.ts
+interface DropdownMenuContentProps {
+  children?: React$1.ReactNode;
+  render?: (props: DropdownMenuContentProps) => React$1.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+declare function DropdownMenuContent(props: DropdownMenuContentProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-button.d.ts
+interface DropdownMenuButtonProps {
+  children?: string;
+  onPress?: () => void;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
+  render?: (props: DropdownMenuButtonProps) => React$1.ReactElement;
+  style?: StyleProp<TextStyle>;
+}
+declare function DropdownMenuButton(props: DropdownMenuButtonProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-divider.d.ts
+interface DropdownMenuDividerProps {
+  render?: (props: DropdownMenuDividerProps) => React$1.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+declare function DropdownMenuDivider(props: DropdownMenuDividerProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-overlay.d.ts
+interface DropdownMenuOverlayProps {
+  children?: React$1.ReactNode;
+  render?: (props: DropdownMenuOverlayProps) => React$1.ReactElement;
+  style?: StyleProp<ViewStyle>;
+}
+declare function DropdownMenuOverlay(props: DropdownMenuOverlayProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/dropdown-menu/types.d.ts
+type DropdownMenuButtonState = "default" | "hovered";
+interface DropdownMenuStyles {
+  content?: DropdownMenuContentProps["style"];
+  button?: Partial<Record<DropdownMenuButtonState, DropdownMenuButtonProps["style"]>>;
+  divider?: DropdownMenuDividerProps["style"];
+  overlay?: DropdownMenuOverlayProps["style"];
+}
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-root.d.ts
+interface DropdownMenuRootProps {
+  children?: React$1.ReactNode;
+  render?: (props: DropdownMenuRootProps) => React$1.ReactNode;
+  styles?: DropdownMenuStyles;
+}
+declare function DropdownMenuRoot(props: DropdownMenuRootProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/dropdown-menu/dropdown-menu-portal.d.ts
+interface DropdownMenuPortalProps {
+  children?: React$1.ReactNode;
+}
+declare function DropdownMenuPortal(props: DropdownMenuPortalProps): React$1.JSX.Element | null;
+//#endregion
+//#region src/primitives/dropdown-menu/index.d.ts
+declare const DropdownMenuPrimitive: {
+  Root: typeof DropdownMenuRoot;
+  Trigger: react7.ForwardRefExoticComponent<DropdownMenuTriggerProps & react7.RefAttributes<DropdownMenuTriggerRef>>;
+  Portal: typeof DropdownMenuPortal;
+  Overlay: typeof DropdownMenuOverlay;
+  Content: typeof DropdownMenuContent;
+  Button: typeof DropdownMenuButton;
+  Divider: typeof DropdownMenuDivider;
+};
+//#endregion
+//#region src/primitives/popover/popover-trigger.d.ts
+interface PopoverTriggerProps extends PressableProps {
+  children: React$1.ReactElement<RefAttributes<View> & PressableProps>;
+}
+interface PopoverTriggerRef {
+  open: () => void;
+  close: () => void;
+}
+//#endregion
+//#region src/primitives/popover/popover-content.d.ts
+interface PopoverContentProps {
+  children?: React$1.ReactNode;
+  render?: (props: PopoverContentProps) => React$1.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+declare function PopoverContent(props: PopoverContentProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/popover/popover-overlay.d.ts
+interface PopoverOverlayProps extends Omit<PressableProps, "onPress"> {
+  children?: React$1.ReactNode;
+  onPress?: () => void;
+  closeOnPress?: boolean;
+  render?: (props: PopoverOverlayProps) => React$1.ReactElement;
+  style?: StyleProp<ViewStyle>;
+}
+declare function PopoverOverlay(props: PopoverOverlayProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/popover/types.d.ts
+interface PopoverStyles {
+  overlay?: PopoverOverlayProps["style"];
+  content?: PopoverContentProps["style"];
+}
+//#endregion
+//#region src/primitives/popover/popover-root.d.ts
+interface PopoverRootProps {
+  children?: React$1.ReactNode;
+  render?: (props: PopoverRootProps) => React$1.ReactNode;
+  styles?: PopoverStyles;
+}
+declare function PopoverRoot(props: PopoverRootProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/popover/popover-portal.d.ts
+interface PopoverPortalProps {
+  children?: React$1.ReactNode;
+}
+declare function PopoverPortal(props: PopoverPortalProps): React$1.JSX.Element | null;
+//#endregion
+//#region src/primitives/popover/popover-close.d.ts
+interface PopoverCloseProps extends Omit<PressableProps, "onPress"> {
+  children?: React$1.ReactNode;
+  onPress?: () => void;
+  render?: (props: PopoverCloseProps) => React$1.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+declare function PopoverClose(props: PopoverCloseProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/popover/context.d.ts
+interface PopoverContext {
+  isOpen: boolean;
+  setIsOpen: Dispatch<React.SetStateAction<boolean>>;
+  contentLayout: LayoutRectangle;
+  setContentLayout: Dispatch<React.SetStateAction<LayoutRectangle>>;
+  triggerPosition: LayoutPosition;
+  setTriggerPosition: Dispatch<React.SetStateAction<LayoutPosition>>;
+  styles?: PopoverStyles;
+}
+declare const PopoverContext: react7.Context<PopoverContext | undefined>;
+declare const usePopover: () => PopoverContext;
+//#endregion
+//#region src/primitives/popover/index.d.ts
+declare const PopoverPrimitive: {
+  Root: typeof PopoverRoot;
+  Trigger: react7.ForwardRefExoticComponent<PopoverTriggerProps & react7.RefAttributes<PopoverTriggerRef>>;
+  Portal: typeof PopoverPortal;
+  Overlay: typeof PopoverOverlay;
+  Content: typeof PopoverContent;
+  Close: typeof PopoverClose;
+};
 //#endregion
-export { FieldStyles as $, CardTitleProps as A, SelectValueProps as B, EmptyMediaProps as C, CardStyles as D, CardRootProps as E, SelectRootProps as F, ButtonStyles as G, ButtonPrimitive as H, SelectStyles as I, InputPrimitiveBaseProps as J, ButtonPrimitiveLabelProps as K, SelectOptionProps as L, SelectPrimitive as M, SelectPortalProps as N, CardFooterProps as O, SelectRootBaseProps as P, FieldPrimitiveRootProps as Q, SelectContentProps as R, EmptyTitleProps as S, CardPrimitive as T, ButtonPrimitiveRootProps as U, SelectTriggerProps as V, ButtonState as W, InputStyles as X, InputPrimitiveProps as Y, FieldPrimitive as Z, AvatarImageProps as _, BadgePrimitive as a, EmptyRootProps as b, BadgeLabelProps as c, ToastStyles as d, FieldErrorProps as et, ToastDescriptionProps as f, AvatarStyles as g, AvatarRootProps as h, TextareaStyles as i, CardHeaderProps as j, CardBodyProps as k, ToastPrimitive as l, AvatarPrimitive as m, TextareaPrimitiveBaseProps as n, FieldLabelProps as nt, BadgeRootProps as o, ToastTitleProps as p, InputPrimitive as q, TextareaPrimitiveProps as r, BadgeStyles as s, TextareaPrimitive as t, FieldDescriptionProps as tt, ToastRootProps as u, AvatarFallbackProps as v, EmptyDescriptionProps as w, EmptyStyles as x, EmptyPrimitive as y, SelectOverlayProps as z };
+export { SelectPortalProps as $, ToastRootProps as A, EmptyRootProps as B, TextareaPrimitiveProps as C, BadgeStyles as D, BadgeRootProps as E, AvatarRootProps as F, CardPrimitive as G, EmptyTitleProps as H, AvatarStyles as I, CardFooterProps as J, CardRootProps as K, AvatarImageProps as L, ToastDescriptionProps as M, ToastTitleProps as N, BadgeLabelProps as O, AvatarPrimitive as P, SelectPrimitive as Q, AvatarFallbackProps as R, TextareaPrimitiveBaseProps as S, FieldLabelProps as St, BadgePrimitive as T, EmptyMediaProps as U, EmptyStyles as V, EmptyDescriptionProps as W, CardTitleProps as X, CardBodyProps as Y, CardHeaderProps as Z, DropdownMenuDividerProps as _, FieldPrimitive as _t, PopoverPortalProps as a, SelectOverlayProps as at, DropdownMenuTriggerProps as b, FieldErrorProps as bt, PopoverOverlayProps as c, ButtonPrimitive as ct, PopoverTriggerRef as d, ButtonStyles as dt, SelectRootBaseProps as et, DropdownMenuPrimitive as f, ButtonPrimitiveLabelProps as ft, DropdownMenuOverlayProps as g, InputStyles as gt, DropdownMenuStyles as h, InputPrimitiveProps as ht, PopoverCloseProps as i, SelectContentProps as it, ToastStyles as j, ToastPrimitive as k, PopoverContentProps as l, ButtonPrimitiveRootProps as lt, DropdownMenuRootProps as m, InputPrimitiveBaseProps as mt, PopoverContext as n, SelectStyles as nt, PopoverRootProps as o, SelectValueProps as ot, DropdownMenuPortalProps as p, InputPrimitive as pt, CardStyles as q, usePopover as r, SelectOptionProps as rt, PopoverStyles as s, SelectTriggerProps as st, PopoverPrimitive as t, SelectRootProps as tt, PopoverTriggerProps as u, ButtonState as ut, DropdownMenuButtonProps as v, FieldPrimitiveRootProps as vt, TextareaStyles as w, TextareaPrimitive as x, FieldDescriptionProps as xt, DropdownMenuContentProps as y, FieldStyles as yt, EmptyPrimitive as z };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react4 from "react";
 
 //#region src/themes/types.d.ts
 type ThemeName = "default";
@@ -37,7 +37,7 @@ interface ThemeContext {
   setTheme: (themeName: ThemeName) => void;
   themeName: ThemeName;
 }
-declare const ThemeContext: react0.Context<ThemeContext | null>;
+declare const ThemeContext: react4.Context<ThemeContext | null>;
 declare const useTheme: () => ThemeContext;
 //#endregion
 //#region src/index.d.ts
@@ -45,6 +45,6 @@ declare const UniversalUIProvider: ({
   children
 }: {
   children: React.ReactNode;
-}) => react0.JSX.Element;
+}) => react4.JSX.Element;
 //#endregion
 export { UniversalUIProvider, useTheme };

package/dist/index.mjs

@@ -1,5 +1,6 @@
-import { a as ThemeProvider, n as ToastContainer, o as useTheme } from "./toast-manager-BOORCQn8.mjs";
-import { d as PortalHost } from "./primitives-CyDqzNcp.mjs";
+import { a as ThemeProvider, n as ToastContainer, o as useTheme } from "./toast-manager-BfoJ-_dB.mjs";
+import { m as PortalHost } from "./primitives-DNeYBN-3.mjs";
+import "./use-relative-position-BTKEyT1F.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/index.tsx