@brand-map/primitives 0.0.0-broken.0 → 0.0.0-broken.2

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

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { createContext, forwardRef, useId, useState, useContext, useEffect } from "react";
 import { BackHandler, Pressable, Text, View, type GestureResponderEvent, type LayoutChangeEvent, type LayoutRectangle } from "react-native";
 
 import { useAugmentedRef, useControllableState, useRelativePosition, type LayoutPosition } from "../hooks";
 import { Portal as RNPPortal } from "../portal";
-import * as Slot from "../slot";
+import * as Render from "../render";
 
 import type {
   CheckboxItemProps,
@@ -49,13 +49,13 @@ interface RootContextInterface {
   nativeID: string;
 }
 
-const RootContext = React.createContext<RootContextInterface | null>(null);
+const RootContext = createContext<RootContextInterface | null>(null);
 
-const Root = React.forwardRef<RootRef, RootProps>(({ onOpenChange: onOpenChangeProp, ...viewProps }, ref) => {
-  const nativeID = React.useId();
-  const [triggerPosition, setTriggerPosition] = React.useState<LayoutPosition | null>(null);
-  const [contentLayout, setContentLayout] = React.useState<LayoutRectangle | null>(null);
-  const [open, setOpen] = React.useState(false);
+const Root = forwardRef<RootRef, RootProps>(({ onOpenChange: onOpenChangeProp, ...viewProps }, ref) => {
+  const nativeID = useId();
+  const [triggerPosition, setTriggerPosition] = useState<LayoutPosition | null>(null);
+  const [contentLayout, setContentLayout] = useState<LayoutRectangle | null>(null);
+  const [open, setOpen] = useState(false);
 
   function onOpenChange(open: boolean) {
     setOpen(open);
@@ -85,14 +85,14 @@ const Root = React.forwardRef<RootRef, RootProps>(({ onOpenChange: onOpenChangeP
 Root.displayName = "RootNativeDropdownMenu";
 
 function useRootContext() {
-  const context = React.useContext(RootContext);
+  const context = useContext(RootContext);
   if (!context) {
     throw new Error("DropdownMenu compound components cannot be rendered outside the DropdownMenu component");
   }
   return context;
 }
 
-const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, ...props }, ref) => {
+const Trigger = forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, ...props }, ref) => {
   const { open, onOpenChange, setTriggerPosition } = useRootContext();
 
   const augmentedRef = useAugmentedRef({
@@ -111,14 +111,14 @@ const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressPr
     },
   });
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (disabled) return;
     augmentedRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
       setTriggerPosition({ width, pageX, pageY: pageY, height });
     });
     const newValue = !open;
     onOpenChange(newValue);
-    onPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   return (
@@ -162,16 +162,16 @@ function Portal({ keepMounted, hostName, children }: PortalProps) {
   );
 }
 
-const Backdrop = React.forwardRef<BackdropRef, BackdropProps>(({ keepMounted, onPress: OnPressProp, closeOnPress = true, ...props }, ref) => {
+const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ keepMounted, onPress: onPressProp, closeOnPress = true, ...props }, ref) => {
   const { open, onOpenChange, setContentLayout, setTriggerPosition } = useRootContext();
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (closeOnPress) {
       setTriggerPosition(null);
       setContentLayout(null);
       onOpenChange(false);
     }
-    OnPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   if (!keepMounted) {
@@ -194,7 +194,7 @@ Backdrop.displayName = "BackdropNativeDropdownMenu";
 /**
  * @info `position`, `top`, `left`, and `maxWidth` style properties are controlled internally. Opt out of this behavior by setting `disablePositioningStyle` to `true`.
  */
-const Content = React.forwardRef<ContentRef, ContentProps>(
+const Content = forwardRef<ContentRef, ContentProps>(
   (
     {
       render = false,
@@ -214,7 +214,7 @@ const Content = React.forwardRef<ContentRef, ContentProps>(
   ) => {
     const { open, onOpenChange, nativeID, triggerPosition, setTriggerPosition, contentLayout, setContentLayout } = useRootContext();
 
-    React.useEffect(() => {
+    useEffect(() => {
       const backHandler = BackHandler.addEventListener("hardwareBackPress", () => {
         setTriggerPosition(null);
         setContentLayout(null);
@@ -267,16 +267,16 @@ const Content = React.forwardRef<ContentRef, ContentProps>(
 
 Content.displayName = "ContentNativeDropdownMenu";
 
-const Item = React.forwardRef<ItemRef, ItemProps>(({ textValue, onPress: onPressProp, disabled = false, closeOnPress = true, ...props }, ref) => {
+const Item = forwardRef<ItemRef, ItemProps>(({ textValue, onPress: onPressProp, disabled = false, closeOnPress = true, ...props }, ref) => {
   const { onOpenChange, setTriggerPosition, setContentLayout } = useRootContext();
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (closeOnPress) {
       setTriggerPosition(null);
       setContentLayout(null);
       onOpenChange(false);
     }
-    onPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   return (
@@ -295,7 +295,7 @@ const Item = React.forwardRef<ItemRef, ItemProps>(({ textValue, onPress: onPress
 
 Item.displayName = "ItemNativeDropdownMenu";
 
-const Group = React.forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
+const Group = forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
   return (
     <Component
       ref={ref}
@@ -307,7 +307,7 @@ const Group = React.forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
 
 Group.displayName = "GroupNativeDropdownMenu";
 
-const Label = React.forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
+const Label = forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
   return (
     <Component
       ref={ref}
@@ -325,20 +325,20 @@ type FormItemContext =
       onValueChange: (value: string) => void;
     };
 
-const FormItemContext = React.createContext<FormItemContext | null>(null);
+const FormItemContext = createContext<FormItemContext | null>(null);
 
-const CheckboxItem = React.forwardRef<CheckboxItemRef, CheckboxItemProps>(
+const CheckboxItem = forwardRef<CheckboxItemRef, CheckboxItemProps>(
   ({ render, checked, onCheckedChange, textValue, onPress: onPressProp, closeOnPress = true, disabled = false, ...props }, ref) => {
     const { onOpenChange, setContentLayout, setTriggerPosition } = useRootContext();
 
-    function onPress(ev: GestureResponderEvent) {
+    function onPress(event: GestureResponderEvent) {
       onCheckedChange(!checked);
       if (closeOnPress) {
         setTriggerPosition(null);
         setContentLayout(null);
         onOpenChange(false);
       }
-      onPressProp?.(ev);
+      onPressProp?.(event);
     }
 
     return (
@@ -362,14 +362,14 @@ const CheckboxItem = React.forwardRef<CheckboxItemRef, CheckboxItemProps>(
 CheckboxItem.displayName = "CheckboxItemNativeDropdownMenu";
 
 function useFormItemContext() {
-  const context = React.useContext(FormItemContext);
+  const context = useContext(FormItemContext);
   if (!context) {
     throw new Error("CheckboxItem or RadioItem compound components cannot be rendered outside of a CheckboxItem or RadioItem component");
   }
   return context;
 }
 
-const RadioGroup = React.forwardRef<RadioGroupRef, RadioGroupProps>(({ value, onValueChange, ...props }, ref) => {
+const RadioGroup = forwardRef<RadioGroupRef, RadioGroupProps>(({ value, onValueChange, ...props }, ref) => {
   return (
     <FormItemContext.Provider value={{ value, onValueChange }}>
       <Component
@@ -387,21 +387,21 @@ type BothFormItemContext = Exclude<FormItemContext, { checked: boolean }> & {
   checked: boolean;
 };
 
-const RadioItemContext = React.createContext({} as { itemValue: string });
+const RadioItemContext = createContext({} as { itemValue: string });
 
-const RadioItem = React.forwardRef<RadioItemRef, RadioItemProps>(
+const RadioItem = forwardRef<RadioItemRef, RadioItemProps>(
   ({ render, value: itemValue, textValue, onPress: onPressProp, disabled = false, closeOnPress = true, ...props }, ref) => {
     const { onOpenChange, setContentLayout, setTriggerPosition } = useRootContext();
 
     const { value, onValueChange } = useFormItemContext() as BothFormItemContext;
-    function onPress(ev: GestureResponderEvent) {
+    function onPress(event: GestureResponderEvent) {
       onValueChange(itemValue);
       if (closeOnPress) {
         setTriggerPosition(null);
         setContentLayout(null);
         onOpenChange(false);
       }
-      onPressProp?.(ev);
+      onPressProp?.(event);
     }
 
     return (
@@ -427,10 +427,10 @@ const RadioItem = React.forwardRef<RadioItemRef, RadioItemProps>(
 RadioItem.displayName = "RadioItemNativeDropdownMenu";
 
 function useItemIndicatorContext() {
-  return React.useContext(RadioItemContext);
+  return useContext(RadioItemContext);
 }
 
-const ItemIndicator = React.forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
+const ItemIndicator = forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
   const { itemValue } = useItemIndicatorContext();
   const { checked, value } = useFormItemContext() as BothFormItemContext;
 
@@ -454,7 +454,7 @@ const ItemIndicator = React.forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({
 
 ItemIndicator.displayName = "ItemIndicatorNativeDropdownMenu";
 
-const Separator = React.forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
+const Separator = forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
   return (
     <Component
       role={decorative ? "presentation" : "separator"}
@@ -466,14 +466,14 @@ const Separator = React.forwardRef<SeparatorRef, SeparatorProps>(({ decorative,
 
 Separator.displayName = "SeparatorNativeDropdownMenu";
 
-const SubContext = React.createContext<{
+const SubContext = createContext<{
   nativeID: string;
   open: boolean;
   onOpenChange: (value: boolean) => void;
 } | null>(null);
 
-const Sub = React.forwardRef<SubRef, SubProps>(({ defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...props }, ref) => {
-  const nativeID = React.useId();
+const Sub = forwardRef<SubRef, SubProps>(({ defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...props }, ref) => {
+  const nativeID = useId();
   const [open = false, onOpenChange] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen,
@@ -499,19 +499,19 @@ const Sub = React.forwardRef<SubRef, SubProps>(({ defaultOpen, open: openProp, o
 Sub.displayName = "SubNativeDropdownMenu";
 
 function useSubContext() {
-  const context = React.useContext(SubContext);
+  const context = useContext(SubContext);
   if (!context) {
     throw new Error("Sub compound components cannot be rendered outside of a Sub component");
   }
   return context;
 }
 
-const SubTrigger = React.forwardRef<SubTriggerRef, SubTriggerProps>(({ textValue, onPress: onPressProp, disabled = false, ...props }, ref) => {
+const SubTrigger = forwardRef<SubTriggerRef, SubTriggerProps>(({ textValue, onPress: onPressProp, disabled = false, ...props }, ref) => {
   const { nativeID, open, onOpenChange } = useSubContext();
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     onOpenChange(!open);
-    onPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   return (
@@ -532,7 +532,7 @@ const SubTrigger = React.forwardRef<SubTriggerRef, SubTriggerProps>(({ textValue
 
 SubTrigger.displayName = "SubTriggerNativeDropdownMenu";
 
-const SubContent = React.forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
+const SubContent = forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
   const { open, nativeID } = useSubContext();
 
   if (!keepMounted) {

package/src/dropdown-menu/dropdown-menu.web.tsx

@@ -1,9 +1,9 @@
 // import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-// import * as React from "react";
+//
 // import { GestureResponderEvent, Pressable, Text, View } from "react-native";
 
 // import { useAugmentedRef, useControllableState, useIsomorphicLayoutEffect } from "../hooks";
-// import * as Slot from "../slot";
+// import * as Render from "../render";
 // import { EmptyGestureResponderEvent } from "../utils";
 
 // import type {
@@ -40,13 +40,13 @@
 //   TriggerRef,
 // } from "./types";
 
-// const DropdownMenuContext = React.createContext<{
+// const DropdownMenuContext = createContext<{
 //   open: boolean;
 //   onOpenChange: (open: boolean) => void;
 // } | null>(null);
 
-// const Root = React.forwardRef<RootRef, RootProps>(({ onOpenChange: onOpenChangeProp, ...viewProps }, ref) => {
-//   const [open, setOpen] = React.useState(false);
+// const Root = forwardRef<RootRef, RootProps>(({ onOpenChange: onOpenChangeProp, ...viewProps }, ref) => {
+//   const [open, setOpen] = useState(false);
 
 //   function onOpenChange(open: boolean) {
 //     setOpen(open);
@@ -72,14 +72,14 @@
 // Root.displayName = "RootWebDropdownMenu";
 
 // function useRootContext() {
-//   const context = React.useContext(DropdownMenuContext);
+//   const context = useContext(DropdownMenuContext);
 //   if (!context) {
 //     throw new Error("DropdownMenu compound components cannot be rendered outside the DropdownMenu component");
 //   }
 //   return context;
 // }
 
-// const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ disabled = false, ...props }, ref) => {
+// const Trigger = forwardRef<TriggerRef, TriggerProps>(({ disabled = false, ...props }, ref) => {
 //   const { open, onOpenChange } = useRootContext();
 //   const augmentedRef = useAugmentedRef({
 //     ref,
@@ -137,7 +137,7 @@
 //   );
 // }
 
-// const Backdrop = React.forwardRef<BackdropRef, BackdropProps>(({ ...props }, ref) => {
+// const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <Component
@@ -149,11 +149,11 @@
 
 // Backdrop.displayName = "BackdropWebDropdownMenu";
 
-// const DropdownMenuContentContext = React.createContext<{
+// const DropdownMenuContentContext = createContext<{
 //   close: () => void;
 // } | null>(null);
 
-// const Content = React.forwardRef<ContentRef, ContentProps>(
+// const Content = forwardRef<ContentRef, ContentProps>(
 //   (
 //     {
 //       render = false,
@@ -224,20 +224,20 @@
 // Content.displayName = "ContentWebDropdownMenu";
 
 // function useDropdownMenuContentContext() {
-//   const context = React.useContext(DropdownMenuContentContext);
+//   const context = useContext(DropdownMenuContentContext);
 //   if (!context) {
 //     throw new Error("DropdownMenu compound components cannot be rendered outside the DropdownMenu component");
 //   }
 //   return context;
 // }
 
-// const Item = React.forwardRef<ItemRef, ItemProps>(
+// const Item = forwardRef<ItemRef, ItemProps>(
 //   ({ render, textValue, closeOnPress = true, onPress: onPressProp, onKeyDown: onKeyDownProp, ...props }, ref) => {
 //     const { close } = useDropdownMenuContentContext();
 
-//     function onKeyDown(ev: React.KeyboardEvent) {
-//       onKeyDownProp?.(ev);
-//       if (ev.key === "Enter" || ev.key === " ") {
+//     function onKeyDown(event: React.KeyboardEvent) {
+//       onKeyDownProp?.(event);
+//       if (event.key === "Enter" || event.key === " ") {
 //         onPressProp?.(EmptyGestureResponderEvent);
 //         if (closeOnPress) {
 //           close();
@@ -245,8 +245,8 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
-//       onPressProp?.(ev);
+//     function onPress(event: GestureResponderEvent) {
+//       onPressProp?.(event);
 //       if (closeOnPress) {
 //         close();
 //       }
@@ -274,7 +274,7 @@
 
 // Item.displayName = "ItemWebDropdownMenu";
 
-// const Group = React.forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
+// const Group = forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <DropdownMenu.Group render>
@@ -288,7 +288,7 @@
 
 // Group.displayName = "GroupWebDropdownMenu";
 
-// const Label = React.forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
+// const Label = forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <DropdownMenu.Label render>
@@ -302,13 +302,13 @@
 
 // Label.displayName = "LabelWebDropdownMenu";
 
-// const CheckboxItem = React.forwardRef<CheckboxItemRef, CheckboxItemProps>(
+// const CheckboxItem = forwardRef<CheckboxItemRef, CheckboxItemProps>(
 //   ({ render, checked, onCheckedChange, textValue, disabled = false, closeOnPress = true, onPress: onPressProp, onKeyDown: onKeyDownProp, ...props }, ref) => {
 //     const { close } = useDropdownMenuContentContext();
 
-//     function onKeyDown(ev: React.KeyboardEvent) {
-//       onKeyDownProp?.(ev);
-//       if (ev.key === "Enter" || ev.key === " ") {
+//     function onKeyDown(event: React.KeyboardEvent) {
+//       onKeyDownProp?.(event);
+//       if (event.key === "Enter" || event.key === " ") {
 //         onPressProp?.(EmptyGestureResponderEvent);
 //         onCheckedChange?.(!checked);
 //         if (closeOnPress) {
@@ -317,8 +317,8 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
-//       onPressProp?.(ev);
+//     function onPress(event: GestureResponderEvent) {
+//       onPressProp?.(event);
 //       onCheckedChange?.(!checked);
 //       if (closeOnPress) {
 //         close();
@@ -349,12 +349,12 @@
 
 // CheckboxItem.displayName = "CheckboxItemWebDropdownMenu";
 
-// const DropdownMenuRadioGroupContext = React.createContext<{
+// const DropdownMenuRadioGroupContext = createContext<{
 //   value?: string;
 //   onValueChange?: (value: string) => void;
 // } | null>(null);
 
-// const RadioGroup = React.forwardRef<RadioGroupRef, RadioGroupProps>(({ value, onValueChange, ...props }, ref) => {
+// const RadioGroup = forwardRef<RadioGroupRef, RadioGroupProps>(({ value, onValueChange, ...props }, ref) => {
 //
 //   return (
 //     <DropdownMenuRadioGroupContext.Provider value={{ value, onValueChange }}>
@@ -375,21 +375,21 @@
 // RadioGroup.displayName = "RadioGroupWebDropdownMenu";
 
 // function useDropdownMenuRadioGroupContext() {
-//   const context = React.useContext(DropdownMenuRadioGroupContext);
+//   const context = useContext(DropdownMenuRadioGroupContext);
 //   if (!context) {
 //     throw new Error("DropdownMenuRadioGroup compound components cannot be rendered outside the DropdownMenuRadioGroup component");
 //   }
 //   return context;
 // }
 
-// const RadioItem = React.forwardRef<RadioItemRef, RadioItemProps>(
+// const RadioItem = forwardRef<RadioItemRef, RadioItemProps>(
 //   ({ render, value, textValue, closeOnPress = true, onPress: onPressProp, onKeyDown: onKeyDownProp, ...props }, ref) => {
 //     const { onValueChange } = useDropdownMenuRadioGroupContext();
 //     const { close } = useDropdownMenuContentContext();
 
-//     function onKeyDown(ev: React.KeyboardEvent) {
-//       onKeyDownProp?.(ev);
-//       if (ev.key === "Enter" || ev.key === " ") {
+//     function onKeyDown(event: React.KeyboardEvent) {
+//       onKeyDownProp?.(event);
+//       if (event.key === "Enter" || event.key === " ") {
 //         onValueChange?.(value);
 //         onPressProp?.(EmptyGestureResponderEvent);
 //         if (closeOnPress) {
@@ -398,9 +398,9 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
+//     function onPress(event: GestureResponderEvent) {
 //       onValueChange?.(value);
-//       onPressProp?.(ev);
+//       onPressProp?.(event);
 //       if (closeOnPress) {
 //         close();
 //       }
@@ -428,7 +428,7 @@
 
 // RadioItem.displayName = "RadioItemWebDropdownMenu";
 
-// const ItemIndicator = React.forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
+// const ItemIndicator = forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <DropdownMenu.ItemIndicator
@@ -445,7 +445,7 @@
 
 // ItemIndicator.displayName = "ItemIndicatorWebDropdownMenu";
 
-// const Separator = React.forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
+// const Separator = forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
 //
 //   return (
 //     <DropdownMenu.Separator render>
@@ -459,12 +459,12 @@
 
 // Separator.displayName = "SeparatorWebDropdownMenu";
 
-// const DropdownMenuSubContext = React.createContext<{
+// const DropdownMenuSubContext = createContext<{
 //   open: boolean;
 //   onOpenChange: (open: boolean) => void;
 // } | null>(null);
 
-// const Sub = React.forwardRef<SubRef, SubProps>(({ defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...props }, ref) => {
+// const Sub = forwardRef<SubRef, SubProps>(({ defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...props }, ref) => {
 //   const [open = false, onOpenChange] = useControllableState({
 //     prop: openProp,
 //     defaultProp: defaultOpen,
@@ -490,19 +490,19 @@
 // Sub.displayName = "SubWebDropdownMenu";
 
 // function useSubContext() {
-//   const context = React.useContext(DropdownMenuSubContext);
+//   const context = useContext(DropdownMenuSubContext);
 //   if (!context) {
 //     throw new Error("DropdownMenu compound components cannot be rendered outside the DropdownMenu component");
 //   }
 //   return context;
 // }
 
-// const SubTrigger = React.forwardRef<SubTriggerRef, SubTriggerProps>(({ textValue, disabled = false, onPress: onPressProp, ...props }, ref) => {
+// const SubTrigger = forwardRef<SubTriggerRef, SubTriggerProps>(({ textValue, disabled = false, onPress: onPressProp, ...props }, ref) => {
 //   const { onOpenChange } = useSubContext();
 
-//   function onPress(ev: GestureResponderEvent) {
+//   function onPress(event: GestureResponderEvent) {
 //     onOpenChange(true);
-//     onPressProp?.(ev);
+//     onPressProp?.(event);
 //   }
 
 //
@@ -523,7 +523,7 @@
 
 // SubTrigger.displayName = "SubTriggerWebDropdownMenu";
 
-// const SubContent = React.forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
+// const SubContent = forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <DropdownMenu.Portal>
@@ -560,6 +560,6 @@
 //   useSubContext,
 // };
 
-// function onSelected(ev: Event) {
-//   ev.preventDefault();
+// function onSelected(event: Event) {
+//   event.preventDefault();
 // }

package/src/hooks/use-Isomorphic-layout-effect.tsx

@@ -1,9 +1,8 @@
-import * as React from "react";
 import { Platform } from "react-native";
 
 function useIsomorphicLayoutEffect(effect: React.EffectCallback, dependencies?: React.DependencyList) {
   if (Platform.OS === "web" && typeof window === "undefined") {
-    React.useEffect(effect, dependencies);
+    useEffect(effect, dependencies);
   } else {
     React.useLayoutEffect(effect, dependencies);
   }

package/src/hooks/use-relative-position.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { useMemo } from "react";
 import { Dimensions, type LayoutRectangle, type ScaledSize } from "react-native";
 
 import type { Insets } from "../types";
@@ -22,7 +22,7 @@ export function useRelativePosition({
 }: UseRelativePositionArgs) {
   const dimensions = Dimensions.get("screen");
 
-  return React.useMemo(() => {
+  return useMemo(() => {
     if (disablePositioningStyle) {
       return {};
     }