@korsolutions/ui 0.0.18 → 0.0.20

package/dist/components/index.d.mts

@@ -1,6 +1,6 @@
-import { B as InputPrimitiveBaseProps, E as SelectRootBaseProps, G as FieldStyles, H as InputStyles, L as ButtonStyles, O as SelectStyles, c as AvatarStyles, p as EmptyStyles, r as ToastStyles, y as CardStyles } from "../index-Bfae0NgJ.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-CGY0mO6z.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 +10,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;
@@ -196,4 +197,69 @@ declare const Toast: typeof ToastComponent & {
   dismiss: (id: string) => void;
 };
 //#endregion
-export { Avatar, AvatarProps, Button, Card, Empty, EmptyProps, Field, FieldProps, Input, Link, LinkProps, Select, SelectOption, SelectProps, Toast, Typography, TypographyProps };
+//#region src/components/badge/variants/index.d.ts
+declare const BadgeVariants: {
+  default: () => BadgeStyles;
+  secondary: () => BadgeStyles;
+};
+//#endregion
+//#region src/components/badge/badge.d.ts
+interface BadgeProps {
+  children: string;
+  variant?: keyof typeof BadgeVariants;
+  color?: string;
+}
+declare function Badge(props: BadgeProps): React.JSX.Element;
+//#endregion
+//#region src/components/textarea/variants/default.d.ts
+declare function useTextareaVariantDefault(): TextareaStyles;
+//#endregion
+//#region src/components/textarea/variants/index.d.ts
+declare const TextareaVariants: {
+  default: typeof useTextareaVariantDefault;
+};
+//#endregion
+//#region src/components/textarea/textarea.d.ts
+interface TextareaProps extends TextareaPrimitiveBaseProps {
+  variant?: keyof typeof TextareaVariants;
+}
+declare function Textarea(props: TextareaProps): React.JSX.Element;
+//#endregion
+//#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, Popover, PopoverProps, Select, SelectOption, SelectProps, Textarea, Toast, Typography, TypographyProps };

package/dist/components/index.mjs

@@ -1,6 +1,6 @@
-import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-Vq38WK76.mjs";
-import { a as SelectPrimitive, c as FieldPrimitive, i as CardPrimitive, n as AvatarPrimitive, o as ButtonPrimitive, r as EmptyPrimitive, s as InputPrimitive } from "../primitives-B4L9y32H.mjs";
-import React, { useState } from "react";
+import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-DSo9oN8w.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-P_8clvQr.mjs";
+import React, { forwardRef, useState } from "react";
 import { Linking, Text } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -110,11 +110,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 })]
 	});
@@ -574,4 +574,220 @@ const Toast = Object.assign(ToastComponent, {
 });
 
 //#endregion
-export { Avatar, Button, Card, Empty, Field, Input, Link, Select, Toast, Typography };
+//#region src/components/badge/variants/default.tsx
+const useBadgeVariantDefault = () => {
+	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
+		root: { default: {
+			backgroundColor: colors.primary,
+			paddingVertical: 4,
+			paddingHorizontal: 8,
+			borderRadius: radius,
+			alignSelf: "flex-start"
+		} },
+		label: { default: {
+			color: colors.primaryForeground,
+			fontSize: fontSize * .75,
+			fontWeight: "600",
+			fontFamily
+		} }
+	}));
+};
+
+//#endregion
+//#region src/components/badge/variants/secondary.tsx
+const useBadgeVariantSecondary = () => {
+	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
+		root: { default: {
+			backgroundColor: colors.secondary,
+			paddingVertical: 4,
+			paddingHorizontal: 8,
+			borderRadius: radius,
+			alignSelf: "flex-start"
+		} },
+		label: { default: {
+			color: colors.secondaryForeground,
+			fontSize: fontSize * .75,
+			fontWeight: "600",
+			fontFamily
+		} }
+	}));
+};
+
+//#endregion
+//#region src/components/badge/variants/index.ts
+const BadgeVariants = {
+	default: useBadgeVariantDefault,
+	secondary: useBadgeVariantSecondary
+};
+
+//#endregion
+//#region src/components/badge/badge.tsx
+function Badge(props) {
+	const useVariantStyles = BadgeVariants[props.variant || "default"];
+	const styles = useVariantStyles();
+	const customStyle = props.color ? { backgroundColor: props.color } : void 0;
+	return /* @__PURE__ */ jsx(BadgePrimitive.Root, {
+		styles,
+		style: customStyle,
+		children: /* @__PURE__ */ jsx(BadgePrimitive.Label, { children: props.children })
+	});
+}
+
+//#endregion
+//#region src/components/textarea/variants/default.tsx
+function useTextareaVariantDefault() {
+	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
+		default: {
+			placeholderTextColor: colors.mutedForeground,
+			selectionColor: colors.primary,
+			style: {
+				borderWidth: 1,
+				borderColor: colors.border,
+				borderRadius: radius,
+				backgroundColor: colors.surface,
+				paddingVertical: 12,
+				paddingHorizontal: 16,
+				outlineWidth: 0,
+				fontFamily,
+				fontSize,
+				minHeight: 120,
+				textAlignVertical: "top",
+				color: colors.foreground
+			}
+		},
+		focused: { style: { borderColor: colors.primary } },
+		disabled: { style: {
+			color: colors.mutedForeground,
+			backgroundColor: colors.muted
+		} }
+	}));
+}
+
+//#endregion
+//#region src/components/textarea/variants/index.ts
+const TextareaVariants = { default: useTextareaVariantDefault };
+
+//#endregion
+//#region src/components/textarea/textarea.tsx
+function Textarea(props) {
+	const useVariantStyles = TextareaVariants[props.variant ?? "default"];
+	const variantStyles = useVariantStyles();
+	return /* @__PURE__ */ jsx(TextareaPrimitive, {
+		...props,
+		styles: variantStyles
+	});
+}
+
+//#endregion
+//#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, Popover, Select, Textarea, Toast, Typography };

package/dist/{index-Bfae0NgJ.d.mts → index-CGY0mO6z.d.mts}

@@ -1,6 +1,6 @@
-import * as react2 from "react";
-import React$1 from "react";
-import { ImageSource, ImageStyle, StyleProp, TextInputProps, TextProps, TextStyle, ViewStyle } from "react-native";
+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 +65,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 +84,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 +151,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";
@@ -390,4 +389,213 @@ declare const ToastPrimitive: {
   Description: typeof ToastDescription;
 };
 //#endregion
-export { SelectContentProps as A, InputPrimitiveBaseProps as B, CardHeaderProps as C, SelectRootProps as D, SelectRootBaseProps as E, ButtonPrimitiveRootProps as F, FieldStyles as G, InputStyles as H, ButtonState as I, FieldLabelProps as J, FieldErrorProps as K, ButtonStyles as L, SelectValueProps as M, SelectTriggerProps as N, SelectStyles as O, ButtonPrimitive as P, ButtonPrimitiveLabelProps as R, CardTitleProps as S, SelectPortalProps as T, FieldPrimitive as U, InputPrimitiveProps as V, FieldPrimitiveRootProps as W, CardPrimitive as _, ToastTitleProps as a, CardFooterProps as b, AvatarStyles as c, EmptyPrimitive as d, EmptyRootProps as f, EmptyDescriptionProps as g, EmptyMediaProps as h, ToastDescriptionProps as i, SelectOverlayProps as j, SelectOptionProps as k, AvatarImageProps as l, EmptyTitleProps as m, ToastRootProps as n, AvatarPrimitive as o, EmptyStyles as p, FieldDescriptionProps as q, ToastStyles as r, AvatarRootProps as s, ToastPrimitive as t, AvatarFallbackProps as u, CardRootProps as v, SelectPrimitive as w, CardBodyProps as x, CardStyles as y, InputPrimitive as z };
+//#region src/primitives/badge/badge-label.d.ts
+interface BadgeLabelProps {
+  children?: string;
+  render?: (props: BadgeLabelProps) => React$1.ReactNode;
+  style?: StyleProp<TextStyle>;
+}
+declare function BadgeLabel(props: BadgeLabelProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/badge/types.d.ts
+type BadgeState = "default";
+interface BadgeStyles {
+  root?: Partial<Record<BadgeState, BadgeRootProps["style"]>>;
+  label?: Partial<Record<BadgeState, BadgeLabelProps["style"]>>;
+}
+//#endregion
+//#region src/primitives/badge/badge-root.d.ts
+interface BadgeRootProps {
+  children?: React$1.ReactNode;
+  render?: (props: BadgeRootProps) => React$1.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  styles?: BadgeStyles;
+}
+declare function BadgeRoot(props: BadgeRootProps): React$1.JSX.Element;
+//#endregion
+//#region src/primitives/badge/index.d.ts
+declare const BadgePrimitive: {
+  Root: typeof BadgeRoot;
+  Label: typeof BadgeLabel;
+};
+//#endregion
+//#region src/primitives/textarea/types.d.ts
+type TextareaState = "default" | "focused" | "disabled";
+type TextareaStyles = Partial<Record<TextareaState, TextareaPrimitiveBaseProps>>;
+//#endregion
+//#region src/primitives/textarea/textarea.d.ts
+type TextareaPrimitiveBaseProps = Omit<TextInputProps, "onChange"> & {
+  onChange?: TextInputProps["onChangeText"];
+  isDisabled?: boolean;
+};
+interface TextareaPrimitiveProps extends TextareaPrimitiveBaseProps {
+  render?: (props: TextareaPrimitiveProps) => React.ReactNode;
+  styles?: TextareaStyles;
+}
+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/hooks/useRelativePosition.d.ts
+interface LayoutPosition {
+  pageY: number;
+  pageX: number;
+  width: number;
+  height: number;
+}
+//#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 { 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,5 @@
-import { a as ThemeProvider, n as ToastContainer, o as useTheme } from "./toast-manager-Vq38WK76.mjs";
-import { l as PortalHost } from "./primitives-B4L9y32H.mjs";
+import { a as ThemeProvider, n as ToastContainer, o as useTheme } from "./toast-manager-DSo9oN8w.mjs";
+import { m as PortalHost } from "./primitives-P_8clvQr.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/index.tsx

package/dist/primitives/index.d.mts

@@ -1,2 +1,2 @@
-import { A as SelectContentProps, B as InputPrimitiveBaseProps, C as CardHeaderProps, D as SelectRootProps, E as SelectRootBaseProps, F as ButtonPrimitiveRootProps, G as FieldStyles, H as InputStyles, I as ButtonState, J as FieldLabelProps, K as FieldErrorProps, L as ButtonStyles, M as SelectValueProps, N as SelectTriggerProps, O as SelectStyles, P as ButtonPrimitive, R as ButtonPrimitiveLabelProps, S as CardTitleProps, T as SelectPortalProps, U as FieldPrimitive, V as InputPrimitiveProps, W as FieldPrimitiveRootProps, _ as CardPrimitive, a as ToastTitleProps, b as CardFooterProps, c as AvatarStyles, d as EmptyPrimitive, f as EmptyRootProps, g as EmptyDescriptionProps, h as EmptyMediaProps, i as ToastDescriptionProps, j as SelectOverlayProps, k as SelectOptionProps, l as AvatarImageProps, m as EmptyTitleProps, n as ToastRootProps, o as AvatarPrimitive, p as EmptyStyles, q as FieldDescriptionProps, r as ToastStyles, s as AvatarRootProps, t as ToastPrimitive, u as AvatarFallbackProps, v as CardRootProps, w as SelectPrimitive, x as CardBodyProps, y as CardStyles, z as InputPrimitive } from "../index-Bfae0NgJ.mjs";
-export { AvatarFallbackProps, AvatarImageProps, AvatarPrimitive, AvatarRootProps, AvatarStyles, 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, 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-CGY0mO6z.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,3 @@
-import { a as SelectPrimitive, c as FieldPrimitive, i as CardPrimitive, n as AvatarPrimitive, o as ButtonPrimitive, r as EmptyPrimitive, s as InputPrimitive, t as ToastPrimitive } from "../primitives-B4L9y32H.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-P_8clvQr.mjs";
 
-export { AvatarPrimitive, ButtonPrimitive, CardPrimitive, EmptyPrimitive, FieldPrimitive, InputPrimitive, SelectPrimitive, ToastPrimitive };
+export { AvatarPrimitive, BadgePrimitive, ButtonPrimitive, CardPrimitive, DropdownMenuPrimitive, EmptyPrimitive, FieldPrimitive, InputPrimitive, PopoverPrimitive, SelectPrimitive, TextareaPrimitive, ToastPrimitive, usePopover };