@korsolutions/ui 0.0.29 → 0.0.31

package/src/components/typography/variants/heading-lg.tsx

@@ -1,5 +1,5 @@
 import { useThemedStyles } from "@/utils/use-themed-styles";
-import { TextStyle } from "react-native";
+import { type TextStyle } from "react-native";
 
 export function useTextVariantHeadingLg(): TextStyle {
   return useThemedStyles(

package/src/components/typography/variants/heading-md.tsx

@@ -1,5 +1,5 @@
 import { useThemedStyles } from "@/utils/use-themed-styles";
-import { TextStyle } from "react-native";
+import { type TextStyle } from "react-native";
 
 export function useTextVariantHeadingMd(): TextStyle {
   return useThemedStyles(

package/src/components/typography/variants/heading-sm.tsx

@@ -1,5 +1,5 @@
 import { useThemedStyles } from "@/utils/use-themed-styles";
-import { TextStyle } from "react-native";
+import { type TextStyle } from "react-native";
 
 export function useTextVariantHeadingSm(): TextStyle {
   return useThemedStyles(

package/src/index.tsx

@@ -1,7 +1,7 @@
 import { ThemeProvider } from "@/themes";
-import { PortalHost } from "./primitives/portal";
 import { ToastContainer } from "./components/toast/toast-manager";
-import { PortalHostProps } from "./primitives/portal/portal.constants";
+import { PortalHost } from "./primitives/portal";
+import { type PortalHostProps } from "./primitives/portal/portal.constants";
 
 export interface ProviderProps {
   children: React.ReactNode;
@@ -19,6 +19,6 @@ export const UniversalUIProvider = ({ children, portalContainer }: ProviderProps
   );
 };
 
-export { useTheme } from "./themes/provider";
 export * from "./themes/adapters";
+export { useTheme } from "./themes/provider";
 export * from "./themes/types";

package/src/primitives/avatar/avatar-fallback.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, TextStyle, View } from "react-native";
+import { type StyleProp, type TextStyle, View } from "react-native";
 import { useAvatar } from "./context";
 
 export interface AvatarFallbackProps {

package/src/primitives/avatar/avatar-image.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Image, ImageSource, ImageStyle, StyleProp } from "react-native";
+import { Image, type ImageSource, type ImageStyle, type StyleProp } from "react-native";
 import { useAvatar } from "./context";
 
 export interface AvatarImageProps {

package/src/primitives/avatar/avatar-root.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { AvatarContext } from "./context";
-import { AvatarStyles } from "./types";
+import type { AvatarStyles } from "./types";
 
 export interface AvatarRootProps {
   children: React.ReactNode;

package/src/primitives/avatar/context.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { AvatarStyles } from "./types";
+import type { AvatarStyles } from "./types";
 
 export interface AvatarContext {
   styles?: AvatarStyles;

package/src/primitives/avatar/types.ts

@@ -1,6 +1,6 @@
-import { AvatarFallbackProps } from "./avatar-fallback";
-import { AvatarImageProps } from "./avatar-image";
-import { AvatarRootProps } from "./avatar-root";
+import type { AvatarFallbackProps } from "./avatar-fallback";
+import type { AvatarImageProps } from "./avatar-image";
+import type { AvatarRootProps } from "./avatar-root";
 
 export type AvatarStyles = {
   root?: AvatarRootProps["style"];

package/src/primitives/badge/badge-label.tsx

@@ -1,7 +1,7 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useBadge } from "./context";
-import { calculateComposedStyles } from "@/utils/calculate-styles";
 
 export interface BadgeLabelProps {
   children?: string;

package/src/primitives/badge/badge-root.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
-import { BadgeStyles } from "./types";
 import { calculateComposedStyles } from "@/utils/calculate-styles";
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { BadgeContext } from "./context";
+import type { BadgeStyles } from "./types";
 
 export interface BadgeRootProps {
   children?: React.ReactNode;

package/src/primitives/badge/context.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { BadgeState, BadgeStyles } from "./types";
+import type { BadgeState, BadgeStyles } from "./types";
 
 export interface BadgeContext {
   state: BadgeState;

package/src/primitives/badge/types.ts

@@ -1,5 +1,5 @@
-import { BadgeRootProps } from "./badge-root";
-import { BadgeLabelProps } from "./badge-label";
+import type { BadgeLabelProps } from "./badge-label";
+import type { BadgeRootProps } from "./badge-root";
 
 export type BadgeState = "default";
 

package/src/primitives/button/button-context.tsx

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { ButtonState, ButtonStyles } from "./types";
+import type { ButtonState, ButtonStyles } from "./types";
 
 export interface ButtonPrimitiveContext {
   disabled?: boolean;

package/src/primitives/button/button-label.tsx

@@ -1,7 +1,7 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useButtonPrimitive } from "./button-context";
-import { calculateComposedStyles } from "@/utils/calculate-styles";
 
 export interface ButtonPrimitiveLabelProps {
   children?: string;

package/src/primitives/button/button-root.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
-import { Pressable, PressableProps, StyleProp, ViewStyle } from "react-native";
-import { ButtonStyles, ButtonState } from "./types";
+import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
 import { ButtonPrimitiveContext } from "./button-context";
+import type { ButtonState, ButtonStyles } from "./types";
 
 export interface ButtonPrimitiveRootProps extends PressableProps {
   children?: React.ReactNode;

package/src/primitives/button/button-spinner.tsx

@@ -1,7 +1,7 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
-import { ActivityIndicator, StyleProp, ViewStyle } from "react-native";
+import { ActivityIndicator, type StyleProp, type ViewStyle } from "react-native";
 import { useButtonPrimitive } from "./button-context";
-import { calculateComposedStyles } from "@/utils/calculate-styles";
 
 interface ButtonSpinnerProps {
   style?: StyleProp<ViewStyle>;

package/src/primitives/button/types.ts

@@ -1,5 +1,5 @@
-import { ButtonPrimitiveRootProps } from "./button-root";
-import { ButtonPrimitiveLabelProps } from "./button-label";
+import type { ButtonPrimitiveLabelProps } from "./button-label";
+import type { ButtonPrimitiveRootProps } from "./button-root";
 
 export type ButtonState = "default" | "disabled" | "loading" | "hovered";
 

package/src/primitives/calendar/calendar-day.tsx

@@ -1,8 +1,8 @@
+import { formatDate, isDateAfter, isDateBefore, isDateSameDay, isDateToday, isSameMonth } from "@/utils/date-utils";
 import React, { useMemo, useState } from "react";
-import { Text, StyleProp, TextStyle, ViewStyle, Pressable } from "react-native";
-import { formatDate, isDateSameDay, isDateToday, isDateBefore, isDateAfter, isSameMonth } from "@/utils/date-utils";
+import { Pressable, Text, type StyleProp, type TextStyle, type ViewStyle } from "react-native";
 import { useCalendarContext } from "./context";
-import { CalendarDayState } from "./types";
+import type { CalendarDayState } from "./types";
 
 export interface CalendarDayProps {
   date: Date;

package/src/primitives/calendar/calendar-header.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { View, ViewProps, StyleProp, ViewStyle } from "react-native";
+import { View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 import { useCalendarContext } from "./context";
 
 export interface CalendarHeaderProps extends ViewProps {

package/src/primitives/calendar/calendar-nav-button.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
-import { Pressable, PressableProps, Text, StyleProp, ViewStyle, TextStyle } from "react-native";
+import { Pressable, Text, type PressableProps, type StyleProp, type TextStyle, type ViewStyle } from "react-native";
 import { addMonths, subMonths } from "../../utils/date-utils";
 import { useCalendarContext } from "./context";
-import { CalendarNavButtonState } from "./types";
+import type { CalendarNavButtonState } from "./types";
 
 export interface CalendarNavButtonProps extends PressableProps {
   children?: React.ReactNode;

package/src/primitives/calendar/calendar-root.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
-import { View, StyleProp, ViewStyle } from "react-native";
-import { CalendarStyles } from "./types";
+import { View, type StyleProp, type ViewStyle } from "react-native";
 import { CalendarContext } from "./context";
+import type { CalendarStyles } from "./types";
 
 export interface CalendarRootProps {
   children?: React.ReactNode;

package/src/primitives/calendar/calendar-title.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Text, TextProps, StyleProp, TextStyle } from "react-native";
+import { Text, type StyleProp, type TextProps, type TextStyle } from "react-native";
 import { formatDate } from "../../utils/date-utils";
 import { useCalendarContext } from "./context";
 

package/src/primitives/calendar/calendar-week-labels.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { View, Text, StyleProp, ViewStyle, TextStyle } from "react-native";
+import { Text, View, type StyleProp, type TextStyle, type ViewStyle } from "react-native";
 import { useCalendarContext } from "./context";
 
 export interface CalendarWeekLabelProps {

package/src/primitives/calendar/calendar-weeks.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import { View, ViewProps, StyleProp, ViewStyle } from "react-native";
 import { getWeekDays, getWeeksInMonth } from "@/utils/date-utils";
-import { useCalendarContext } from "./context";
+import React from "react";
+import { View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 import { CalendarDay } from "./calendar-day";
+import { useCalendarContext } from "./context";
 
 export interface CalendarWeekProps extends ViewProps {
   index: number;

package/src/primitives/calendar/context.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CalendarStyles } from "./types";
+import type { CalendarStyles } from "./types";
 
 export interface CalendarContextValue {
   value?: Date | null;

package/src/primitives/calendar/types.ts

@@ -1,10 +1,10 @@
-import { ViewStyle, TextStyle } from "react-native";
-import { CalendarWeekProps, CalendarWeeksProps } from "./calendar-weeks";
-import { CalendarWeekLabelProps, CalendarWeekLabelsProps } from "./calendar-week-labels";
-import { CalendarDayProps } from "./calendar-day";
-import { CalendarRootProps } from "./calendar-root";
-import { CalendarHeaderProps } from "./calendar-header";
-import { CalendarTitleProps } from "./calendar-title";
+import type { TextStyle, ViewStyle } from "react-native";
+import type { CalendarDayProps } from "./calendar-day";
+import type { CalendarHeaderProps } from "./calendar-header";
+import type { CalendarRootProps } from "./calendar-root";
+import type { CalendarTitleProps } from "./calendar-title";
+import type { CalendarWeekLabelProps, CalendarWeekLabelsProps } from "./calendar-week-labels";
+import type { CalendarWeekProps, CalendarWeeksProps } from "./calendar-weeks";
 
 export type CalendarDayState = "default" | "selected" | "today" | "disabled" | "deprioritized" | "hovered";
 export type CalendarNavButtonState = "default" | "disabled" | "hovered";

package/src/primitives/card/card-body.tsx

@@ -1,7 +1,7 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { useCard } from "./context";
-import { calculateComposedStyles } from "@/utils/calculate-styles";
 
 export interface CardBodyProps {
   children?: React.ReactNode;

package/src/primitives/card/card-footer.tsx

@@ -1,7 +1,7 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { useCard } from "./context";
-import { calculateComposedStyles } from "@/utils/calculate-styles";
 
 export interface CardFooterProps {
   children?: React.ReactNode;

package/src/primitives/card/card-header.tsx

@@ -1,7 +1,7 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { useCard } from "./context";
-import { calculateComposedStyles } from "@/utils/calculate-styles";
 
 export interface CardHeaderProps {
   children?: React.ReactNode;

package/src/primitives/card/card-root.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
-import { CardStyles } from "./types";
 import { calculateComposedStyles } from "@/utils/calculate-styles";
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { CardContext } from "./context";
+import type { CardStyles } from "./types";
 
 export interface CardRootProps {
   children?: React.ReactNode;

package/src/primitives/card/card-title.tsx

@@ -1,7 +1,7 @@
+import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useCard } from "./context";
-import { calculateComposedStyles } from "@/utils/calculate-styles";
 
 export interface CardTitleProps {
   children?: string;

package/src/primitives/card/context.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { CardState, CardStyles } from "./types";
+import type { CardState, CardStyles } from "./types";
 
 export interface CardContext {
   state: CardState;

package/src/primitives/card/types.ts

@@ -1,8 +1,8 @@
-import { CardRootProps } from "./card-root";
-import { CardHeaderProps } from "./card-header";
-import { CardTitleProps } from "./card-title";
-import { CardBodyProps } from "./card-body";
-import { CardFooterProps } from "./card-footer";
+import type { CardBodyProps } from "./card-body";
+import type { CardFooterProps } from "./card-footer";
+import type { CardHeaderProps } from "./card-header";
+import type { CardRootProps } from "./card-root";
+import type { CardTitleProps } from "./card-title";
 
 export type CardState = "default";
 

package/src/primitives/dropdown-menu/context.ts

@@ -1,7 +1,7 @@
-import { createContext, Dispatch, useContext } from "react";
-import { LayoutRectangle } from "react-native";
-import { DropdownMenuStyles } from "./types";
-import { LayoutPosition } from "@/hooks/use-relative-position";
+import type { LayoutPosition } from "@/hooks/use-relative-position";
+import { createContext, type Dispatch, useContext } from "react";
+import type { LayoutRectangle } from "react-native";
+import type { DropdownMenuStyles } from "./types";
 
 export interface DropdownMenuContext {
   isOpen: boolean;

package/src/primitives/dropdown-menu/dropdown-menu-button.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useDropdownMenu } from "./context";
-import { DropdownMenuButtonState } from "./types";
+import type { DropdownMenuButtonState } from "./types";
 
 export interface DropdownMenuButtonProps {
   children?: string;

package/src/primitives/dropdown-menu/dropdown-menu-content.tsx

@@ -1,7 +1,7 @@
+import { useRelativePosition } from "@/hooks/use-relative-position";
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { useDropdownMenu } from "./context";
-import { useRelativePosition } from "@/hooks/use-relative-position";
 
 export interface DropdownMenuContentProps {
   children?: React.ReactNode;

package/src/primitives/dropdown-menu/dropdown-menu-divider.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { useDropdownMenu } from "./context";
 
 export interface DropdownMenuDividerProps {

package/src/primitives/dropdown-menu/dropdown-menu-overlay.tsx

@@ -1,6 +1,6 @@
 import React from "react";
+import { Pressable, type StyleProp, StyleSheet, type ViewStyle } from "react-native";
 import { useDropdownMenu } from "./context";
-import { Pressable, StyleProp, StyleSheet, ViewStyle } from "react-native";
 
 export interface DropdownMenuOverlayProps {
   children?: React.ReactNode;

package/src/primitives/dropdown-menu/dropdown-menu-root.tsx

@@ -1,8 +1,8 @@
+import { DEFAULT_LAYOUT, DEFAULT_POSITION, type LayoutPosition } from "@/hooks/use-relative-position";
 import React, { useState } from "react";
-import { LayoutRectangle } from "react-native";
-import { DropdownMenuStyles } from "./types";
+import { type LayoutRectangle } from "react-native";
 import { DropdownMenuContext } from "./context";
-import { DEFAULT_LAYOUT, DEFAULT_POSITION, LayoutPosition } from "@/hooks/use-relative-position";
+import type { DropdownMenuStyles } from "./types";
 
 export interface DropdownMenuRootProps {
   children?: React.ReactNode;

package/src/primitives/dropdown-menu/dropdown-menu-trigger.tsx

@@ -1,9 +1,10 @@
-import React, { forwardRef, RefAttributes, useImperativeHandle, useRef } from "react";
-import { PressableProps, View } from "react-native";
+import type { ViewRef } from "@/types/element.types";
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
+import { type PressableProps } from "react-native";
 import { useDropdownMenu } from "./context";
 
 export interface DropdownMenuTriggerProps extends PressableProps {
-  children: React.ReactElement<RefAttributes<View> & PressableProps>;
+  children: React.ReactElement<PressableProps & React.RefAttributes<ViewRef>>;
 }
 
 export interface DropdownMenuTriggerRef {
@@ -13,23 +14,36 @@ export interface DropdownMenuTriggerRef {
 
 export const DropdownMenuTrigger = forwardRef<DropdownMenuTriggerRef, DropdownMenuTriggerProps>((props, ref) => {
   const dropdownMenu = useDropdownMenu();
-  const triggerRef = useRef<View>(null);
+  const triggerRef = useRef<ViewRef>(null);
 
   const onTriggerPress = async () => {
-    triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
-      dropdownMenu.setTriggerPosition({
-        height,
-        width,
-        pageX,
-        pageY,
+    if (!dropdownMenu.isOpen) {
+      triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
+        dropdownMenu.setTriggerPosition({
+          height,
+          width,
+          pageX,
+          pageY,
+        });
+        dropdownMenu.setIsOpen(true);
       });
-    });
-
-    dropdownMenu.setIsOpen((prev) => !prev);
+    } else {
+      dropdownMenu.setIsOpen(false);
+    }
   };
 
   useImperativeHandle(ref, () => ({
-    open: () => dropdownMenu.setIsOpen(true),
+    open: () => {
+      triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
+        dropdownMenu.setTriggerPosition({
+          height,
+          width,
+          pageX,
+          pageY,
+        });
+        dropdownMenu.setIsOpen(true);
+      });
+    },
     close: () => dropdownMenu.setIsOpen(false),
   }));
 

package/src/primitives/dropdown-menu/types.ts

@@ -1,7 +1,7 @@
-import { DropdownMenuContentProps } from "./dropdown-menu-content";
-import { DropdownMenuButtonProps } from "./dropdown-menu-button";
-import { DropdownMenuDividerProps } from "./dropdown-menu-divider";
-import { DropdownMenuOverlayProps } from "./dropdown-menu-overlay";
+import type { DropdownMenuButtonProps } from "./dropdown-menu-button";
+import type { DropdownMenuContentProps } from "./dropdown-menu-content";
+import type { DropdownMenuDividerProps } from "./dropdown-menu-divider";
+import type { DropdownMenuOverlayProps } from "./dropdown-menu-overlay";
 
 export type DropdownMenuButtonState = "default" | "hovered";
 

package/src/primitives/empty/context.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { EmptyStyles } from "./types";
+import type { EmptyStyles } from "./types";
 
 export interface EmptyContext {
   styles?: EmptyStyles;

package/src/primitives/empty/empty-description.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useEmpty } from "./context";
 
 export interface EmptyDescriptionProps {

package/src/primitives/empty/empty-media.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { useEmpty } from "./context";
 
 export interface EmptyMediaProps {

package/src/primitives/empty/empty-root.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { EmptyContext } from "./context";
-import { EmptyStyles } from "./types";
+import type { EmptyStyles } from "./types";
 
 export interface EmptyRootProps {
   children: React.ReactNode;

package/src/primitives/empty/empty-title.tsx

@@ -1,6 +1,6 @@
 import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useEmpty } from "./context";
-import { StyleProp, Text, TextStyle } from "react-native";
 
 export interface EmptyTitleProps {
   children: string;

package/src/primitives/empty/types.ts

@@ -1,7 +1,7 @@
-import { EmptyDescriptionProps } from "./empty-description";
-import { EmptyMediaProps } from "./empty-media";
-import { EmptyRootProps } from "./empty-root";
-import { EmptyTitleProps } from "./empty-title";
+import type { EmptyDescriptionProps } from "./empty-description";
+import type { EmptyMediaProps } from "./empty-media";
+import type { EmptyRootProps } from "./empty-root";
+import type { EmptyTitleProps } from "./empty-title";
 
 export type EmptyStyles = {
   root?: EmptyRootProps["style"];

package/src/primitives/field/context.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { FieldStyles } from "./types";
+import type { FieldStyles } from "./types";
 
 export interface FieldContext {
   styles?: FieldStyles;

package/src/primitives/field/field-description.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useField } from "./context";
 
 export interface FieldDescriptionProps {

package/src/primitives/field/field-error.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useField } from "./context";
 
 export interface FieldErrorProps {

package/src/primitives/field/field-label.tsx

@@ -1,6 +1,6 @@
 import React from "react";
+import { Text, type TextProps } from "react-native";
 import { useField } from "./context";
-import { Text, TextProps } from "react-native";
 
 export interface FieldLabelProps {
   children: string;

package/src/primitives/field/field-root.tsx

@@ -1,7 +1,7 @@
 import React, { useId } from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 import { FieldContext } from "./context";
-import { FieldStyles } from "./types";
+import type { FieldStyles } from "./types";
 
 export interface FieldPrimitiveRootProps {
   children?: React.ReactNode;