@korsolutions/ui 0.0.26 → 0.0.27

package/dist/components/index.d.mts

@@ -1,4 +1,4 @@
-import { $ as EmptyStyles, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Et as InputPrimitiveBaseProps, I as TextareaStyles, J as AvatarStyles, Ot as InputStyles, P as TextareaPrimitiveBaseProps, U as ToastStyles, a as CalendarStyles, at as CardStyles, ft as SelectRootBaseProps, jt as FieldStyles, mt as SelectStyles, r as CalendarRootProps, xt as ButtonPrimitiveRootProps, y as PopoverStyles, z as BadgeStyles } from "../index-j_OCsdsx.mjs";
+import { $ as EmptyStyles, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Et as InputPrimitiveBaseProps, I as TextareaStyles, J as AvatarStyles, Ot as InputStyles, P as TextareaPrimitiveBaseProps, U as ToastStyles, a as CalendarStyles, at as CardStyles, ft as SelectRootBaseProps, jt as FieldStyles, mt as SelectStyles, r as CalendarRootProps, xt as ButtonPrimitiveRootProps, y as PopoverStyles, z as BadgeStyles } from "../index-_EJRToiG.mjs";
 import "../use-relative-position-DBzhrBU7.mjs";
 import "../portal.constants-ClRV24_C.mjs";
 import { t as NumericMaskFormat } from "../use-numeric-mask-D4zqPOnE.mjs";

package/dist/components/index.mjs

@@ -1,5 +1,5 @@
-import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-Bn8NB8Ie.mjs";
-import { a as TextareaPrimitive, c as AvatarPrimitive, d as SelectPrimitive, f as ButtonPrimitive, i as DropdownMenuPrimitive, l as EmptyPrimitive, m as FieldPrimitive, n as PopoverPrimitive, o as BadgePrimitive, p as InputPrimitive, r as usePopover, t as CalendarPrimitive, u as CardPrimitive } from "../primitives-CB1VBoeH.mjs";
+import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-B5sELMqc.mjs";
+import { a as TextareaPrimitive, c as AvatarPrimitive, d as SelectPrimitive, f as ButtonPrimitive, i as DropdownMenuPrimitive, l as EmptyPrimitive, m as FieldPrimitive, n as PopoverPrimitive, o as BadgePrimitive, p as InputPrimitive, r as usePopover, t as CalendarPrimitive, u as CardPrimitive } from "../primitives-8eataXpJ.mjs";
 import "../use-relative-position-BTKEyT1F.mjs";
 import { t as useNumericMask } from "../use-numeric-mask-BQlz1Pus.mjs";
 import React, { forwardRef, useEffect, useState } from "react";
@@ -777,7 +777,10 @@ function DropdownMenu(props) {
 //#region src/components/popover/variants/default.tsx
 const usePopoverVariantDefault = () => {
 	return useThemedStyles(({ colors, radius }) => ({
-		overlay: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
+		overlay: {
+			backgroundColor: "rgba(0, 0, 0, 0.5)",
+			zIndex: 999
+		},
 		content: {
 			backgroundColor: colors.surface,
 			borderRadius: radius,

package/dist/{index-j_OCsdsx.d.mts → index-_EJRToiG.d.mts}

@@ -1,6 +1,6 @@
 import { r as LayoutPosition } from "./use-relative-position-DBzhrBU7.mjs";
 import { n as PortalHostProps, r as PortalProps } from "./portal.constants-ClRV24_C.mjs";
-import * as react9 from "react";
+import * as react10 from "react";
 import React$1, { Dispatch, RefAttributes } from "react";
 import { ImageSource, ImageStyle, LayoutRectangle, PressableProps, StyleProp, TextInput, TextInputProps, TextProps, TextStyle, View, ViewProps, ViewStyle } from "react-native";
 
@@ -68,7 +68,7 @@ interface InputPrimitiveProps extends InputPrimitiveBaseProps {
   render?: (props: InputPrimitiveProps) => React.ReactNode;
   styles?: InputStyles;
 }
-declare const InputPrimitive: react9.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "ref"> & react9.RefAttributes<TextInput>>;
+declare const InputPrimitive: react10.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "ref"> & react10.RefAttributes<TextInput>>;
 //#endregion
 //#region src/primitives/button/button-label.d.ts
 interface ButtonPrimitiveLabelProps {
@@ -154,7 +154,7 @@ interface SelectOptionProps {
   render?: (props: SelectOptionProps) => React.ReactElement;
   style?: StyleProp<TextStyle>;
 }
-declare function SelectOption(props: SelectOptionProps): react9.JSX.Element;
+declare function SelectOption(props: SelectOptionProps): react10.JSX.Element;
 //#endregion
 //#region src/primitives/select/types.d.ts
 type SelectState = "default" | "disabled";
@@ -435,7 +435,7 @@ interface TextareaPrimitiveProps extends TextareaPrimitiveBaseProps {
   render?: (props: TextareaPrimitiveProps) => React.ReactNode;
   styles?: TextareaStyles;
 }
-declare function TextareaPrimitive(props: TextareaPrimitiveProps): react9.JSX.Element;
+declare function TextareaPrimitive(props: TextareaPrimitiveProps): react10.JSX.Element;
 //#endregion
 //#region src/primitives/dropdown-menu/dropdown-menu-trigger.d.ts
 interface DropdownMenuTriggerProps extends PressableProps {
@@ -506,7 +506,7 @@ declare function DropdownMenuPortal(props: DropdownMenuPortalProps): React$1.JSX
 //#region src/primitives/dropdown-menu/index.d.ts
 declare const DropdownMenuPrimitive: {
   Root: typeof DropdownMenuRoot;
-  Trigger: react9.ForwardRefExoticComponent<DropdownMenuTriggerProps & react9.RefAttributes<DropdownMenuTriggerRef>>;
+  Trigger: react10.ForwardRefExoticComponent<DropdownMenuTriggerProps & react10.RefAttributes<DropdownMenuTriggerRef>>;
   Portal: typeof DropdownMenuPortal;
   Overlay: typeof DropdownMenuOverlay;
   Content: typeof DropdownMenuContent;
@@ -580,13 +580,13 @@ interface PopoverContext {
   setTriggerPosition: Dispatch<React.SetStateAction<LayoutPosition>>;
   styles?: PopoverStyles;
 }
-declare const PopoverContext: react9.Context<PopoverContext | undefined>;
+declare const PopoverContext: react10.Context<PopoverContext | undefined>;
 declare const usePopover: () => PopoverContext;
 //#endregion
 //#region src/primitives/popover/index.d.ts
 declare const PopoverPrimitive: {
   Root: typeof PopoverRoot;
-  Trigger: react9.ForwardRefExoticComponent<PopoverTriggerProps & react9.RefAttributes<PopoverTriggerRef>>;
+  Trigger: react10.ForwardRefExoticComponent<PopoverTriggerProps & react10.RefAttributes<PopoverTriggerRef>>;
   Portal: typeof PopoverPortal;
   Overlay: typeof PopoverOverlay;
   Content: typeof PopoverContent;
@@ -597,13 +597,13 @@ declare const PopoverPrimitive: {
 declare function NativePortalHost({
   name,
   container
-}: PortalHostProps): react9.JSX.Element | null;
+}: PortalHostProps): react10.JSX.Element | null;
 declare const PortalHost: typeof NativePortalHost;
 declare function NativePortal({
   name,
   hostName,
   children
-}: PortalProps): react9.JSX.Element;
+}: PortalProps): react10.JSX.Element;
 declare const Portal: typeof NativePortal;
 //#endregion
 //#region src/primitives/calendar/calendar-weeks.d.ts

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { n as PortalHostProps } from "./portal.constants-ClRV24_C.mjs";
-import * as react4 from "react";
+import * as react7 from "react";
 
 //#region src/themes/types.d.ts
 type ThemeName = "default";
@@ -38,7 +38,7 @@ interface ThemeContext {
   setTheme: (themeName: ThemeName) => void;
   themeName: ThemeName;
 }
-declare const ThemeContext: react4.Context<ThemeContext | null>;
+declare const ThemeContext: react7.Context<ThemeContext | null>;
 declare const useTheme: () => ThemeContext;
 //#endregion
 //#region src/index.d.ts
@@ -49,6 +49,6 @@ interface ProviderProps {
 declare const UniversalUIProvider: ({
   children,
   portalContainer
-}: ProviderProps) => react4.JSX.Element;
+}: ProviderProps) => react7.JSX.Element;
 //#endregion
 export { ProviderProps, UniversalUIProvider, useTheme };

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { a as ThemeProvider, n as ToastContainer, o as useTheme } from "./toast-manager-Bn8NB8Ie.mjs";
-import { g as PortalHost } from "./primitives-CB1VBoeH.mjs";
+import { a as ThemeProvider, n as ToastContainer, o as useTheme } from "./toast-manager-B5sELMqc.mjs";
+import { g as PortalHost } from "./primitives-8eataXpJ.mjs";
 import "./use-relative-position-BTKEyT1F.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/primitives/index.d.mts

@@ -1,4 +1,4 @@
-import { $ as EmptyStyles, A as DropdownMenuButtonProps, At as FieldPrimitiveRootProps, B as BadgeLabelProps, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Dt as InputPrimitiveProps, E as DropdownMenuRootProps, Et as InputPrimitiveBaseProps, F as TextareaPrimitiveProps, G as ToastTitleProps, H as ToastRootProps, I as TextareaStyles, J as AvatarStyles, K as AvatarPrimitive, L as BadgePrimitive, M as DropdownMenuTriggerProps, Mt as FieldErrorProps, N as TextareaPrimitive, Nt as FieldDescriptionProps, O as DropdownMenuOverlayProps, Ot as InputStyles, P as TextareaPrimitiveBaseProps, Pt as FieldLabelProps, Q as EmptyRootProps, R as BadgeRootProps, S as PopoverTriggerProps, St as ButtonState, T as DropdownMenuPortalProps, Tt as InputPrimitive, U as ToastStyles, V as ToastPrimitive, W as ToastDescriptionProps, X as AvatarFallbackProps, Y as AvatarImageProps, Z as EmptyPrimitive, _ as PopoverPortalProps, _t as SelectOverlayProps, a as CalendarStyles, at as CardStyles, b as PopoverOverlayProps, bt as ButtonPrimitive, c as CalendarDayProps, ct as CardTitleProps, d as Portal, dt as SelectPortalProps, et as EmptyTitleProps, f as PortalHost, ft as SelectRootBaseProps, g as PopoverCloseProps, gt as SelectContentProps, h as usePopover, ht as SelectOptionProps, i as CalendarDayState, it as CardRootProps, j as DropdownMenuContentProps, jt as FieldStyles, k as DropdownMenuDividerProps, kt as FieldPrimitive, l as CalendarWeekLabelsProps, lt as CardHeaderProps, m as PopoverContext, mt as SelectStyles, n as CalendarNavButtonProps, nt as EmptyDescriptionProps, o as CalendarTitleProps, ot as CardFooterProps, p as PopoverPrimitive, pt as SelectRootProps, q as AvatarRootProps, r as CalendarRootProps, rt as CardPrimitive, s as CalendarHeaderProps, st as CardBodyProps, t as CalendarPrimitive, tt as EmptyMediaProps, u as CalendarWeeksProps, ut as SelectPrimitive, v as PopoverRootProps, vt as SelectValueProps, w as DropdownMenuPrimitive, wt as ButtonPrimitiveLabelProps, x as PopoverContentProps, xt as ButtonPrimitiveRootProps, yt as SelectTriggerProps, z as BadgeStyles } from "../index-j_OCsdsx.mjs";
+import { $ as EmptyStyles, A as DropdownMenuButtonProps, At as FieldPrimitiveRootProps, B as BadgeLabelProps, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Dt as InputPrimitiveProps, E as DropdownMenuRootProps, Et as InputPrimitiveBaseProps, F as TextareaPrimitiveProps, G as ToastTitleProps, H as ToastRootProps, I as TextareaStyles, J as AvatarStyles, K as AvatarPrimitive, L as BadgePrimitive, M as DropdownMenuTriggerProps, Mt as FieldErrorProps, N as TextareaPrimitive, Nt as FieldDescriptionProps, O as DropdownMenuOverlayProps, Ot as InputStyles, P as TextareaPrimitiveBaseProps, Pt as FieldLabelProps, Q as EmptyRootProps, R as BadgeRootProps, S as PopoverTriggerProps, St as ButtonState, T as DropdownMenuPortalProps, Tt as InputPrimitive, U as ToastStyles, V as ToastPrimitive, W as ToastDescriptionProps, X as AvatarFallbackProps, Y as AvatarImageProps, Z as EmptyPrimitive, _ as PopoverPortalProps, _t as SelectOverlayProps, a as CalendarStyles, at as CardStyles, b as PopoverOverlayProps, bt as ButtonPrimitive, c as CalendarDayProps, ct as CardTitleProps, d as Portal, dt as SelectPortalProps, et as EmptyTitleProps, f as PortalHost, ft as SelectRootBaseProps, g as PopoverCloseProps, gt as SelectContentProps, h as usePopover, ht as SelectOptionProps, i as CalendarDayState, it as CardRootProps, j as DropdownMenuContentProps, jt as FieldStyles, k as DropdownMenuDividerProps, kt as FieldPrimitive, l as CalendarWeekLabelsProps, lt as CardHeaderProps, m as PopoverContext, mt as SelectStyles, n as CalendarNavButtonProps, nt as EmptyDescriptionProps, o as CalendarTitleProps, ot as CardFooterProps, p as PopoverPrimitive, pt as SelectRootProps, q as AvatarRootProps, r as CalendarRootProps, rt as CardPrimitive, s as CalendarHeaderProps, st as CardBodyProps, t as CalendarPrimitive, tt as EmptyMediaProps, u as CalendarWeeksProps, ut as SelectPrimitive, v as PopoverRootProps, vt as SelectValueProps, w as DropdownMenuPrimitive, wt as ButtonPrimitiveLabelProps, x as PopoverContentProps, xt as ButtonPrimitiveRootProps, yt as SelectTriggerProps, z as BadgeStyles } from "../index-_EJRToiG.mjs";
 import "../use-relative-position-DBzhrBU7.mjs";
 import { n as PortalHostProps, r as PortalProps, t as DEFAULT_PORTAL_HOST } from "../portal.constants-ClRV24_C.mjs";
 export { AvatarFallbackProps, AvatarImageProps, AvatarPrimitive, AvatarRootProps, AvatarStyles, BadgeLabelProps, BadgePrimitive, BadgeRootProps, BadgeStyles, ButtonPrimitive, ButtonPrimitiveLabelProps, ButtonPrimitiveRootProps, ButtonState, ButtonStyles, CalendarDayProps, CalendarDayState, CalendarHeaderProps, CalendarNavButtonProps, CalendarPrimitive, CalendarRootProps, CalendarStyles, CalendarTitleProps, CalendarWeekLabelsProps, CalendarWeeksProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardPrimitive, CardRootProps, CardStyles, CardTitleProps, DEFAULT_PORTAL_HOST, 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, Portal, PortalHost, PortalHostProps, PortalProps, 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,4 +1,4 @@
-import { _ as DEFAULT_PORTAL_HOST, a as TextareaPrimitive, c as AvatarPrimitive, d as SelectPrimitive, f as ButtonPrimitive, g as PortalHost, h as Portal, i as DropdownMenuPrimitive, l as EmptyPrimitive, m as FieldPrimitive, n as PopoverPrimitive, o as BadgePrimitive, p as InputPrimitive, r as usePopover, s as ToastPrimitive, t as CalendarPrimitive, u as CardPrimitive } from "../primitives-CB1VBoeH.mjs";
+import { _ as DEFAULT_PORTAL_HOST, a as TextareaPrimitive, c as AvatarPrimitive, d as SelectPrimitive, f as ButtonPrimitive, g as PortalHost, h as Portal, i as DropdownMenuPrimitive, l as EmptyPrimitive, m as FieldPrimitive, n as PopoverPrimitive, o as BadgePrimitive, p as InputPrimitive, r as usePopover, s as ToastPrimitive, t as CalendarPrimitive, u as CardPrimitive } from "../primitives-8eataXpJ.mjs";
 import "../use-relative-position-BTKEyT1F.mjs";
 
 export { AvatarPrimitive, BadgePrimitive, ButtonPrimitive, CalendarPrimitive, CardPrimitive, DEFAULT_PORTAL_HOST, DropdownMenuPrimitive, EmptyPrimitive, FieldPrimitive, InputPrimitive, PopoverPrimitive, Portal, PortalHost, SelectPrimitive, TextareaPrimitive, ToastPrimitive, usePopover };

package/dist/{primitives-CB1VBoeH.mjs → primitives-8eataXpJ.mjs}

@@ -1002,7 +1002,7 @@ const PopoverTrigger = forwardRef((props, ref) => {
 	const popover = usePopover();
 	const triggerRef = useRef(null);
 	const onTriggerPress = async () => {
-		triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+		triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
 			popover.setTriggerPosition({
 				height,
 				width,

package/dist/{toast-manager-Bn8NB8Ie.mjs → toast-manager-B5sELMqc.mjs}

@@ -1,4 +1,4 @@
-import { h as Portal, s as ToastPrimitive } from "./primitives-CB1VBoeH.mjs";
+import { h as Portal, s as ToastPrimitive } from "./primitives-8eataXpJ.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "license": "MIT",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

package/src/components/popover/variants/default.tsx

@@ -6,6 +6,7 @@ export const usePopoverVariantDefault = (): PopoverStyles => {
     ({ colors, radius }): PopoverStyles => ({
       overlay: {
         backgroundColor: "rgba(0, 0, 0, 0.5)",
+        zIndex: 999,
       },
       content: {
         backgroundColor: colors.surface,

package/src/primitives/popover/popover-trigger.tsx

@@ -16,7 +16,7 @@ export const PopoverTrigger = forwardRef<PopoverTriggerRef, PopoverTriggerProps>
   const triggerRef = useRef<View>(null);
 
   const onTriggerPress = async () => {
-    triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+    triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
       popover.setTriggerPosition({
         height,
         width,