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

package/src/menubar/menubar.web.tsx

@@ -1,9 +1,9 @@
 // import * as Menubar from "@radix-ui/react-menubar";
-// 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 {
@@ -42,9 +42,9 @@
 //   TriggerRef,
 // } from "./types";
 
-// const RootContext = React.createContext<RootProps | null>(null);
+// const RootContext = createContext<RootProps | null>(null);
 
-// const Root = React.forwardRef<RootRef, RootProps>(({ value, onValueChange, ...viewProps }, ref) => {
+// const Root = forwardRef<RootRef, RootProps>(({ value, onValueChange, ...viewProps }, ref) => {
 //
 //   return (
 //     <RootContext.Provider value={{ value, onValueChange }}>
@@ -64,16 +64,16 @@
 // Root.displayName = "RootWebMenubar";
 
 // function useRootContext() {
-//   const context = React.useContext(RootContext);
+//   const context = useContext(RootContext);
 //   if (!context) {
 //     throw new Error("Menubar compound components cannot be rendered outside the Menubar component");
 //   }
 //   return context;
 // }
 
-// const MenuContext = React.createContext<MenuProps | null>(null);
+// const MenuContext = createContext<MenuProps | null>(null);
 
-// const Menu = React.forwardRef<MenuRef, MenuProps>(({ value, ...viewProps }, ref) => {
+// const Menu = forwardRef<MenuRef, MenuProps>(({ value, ...viewProps }, ref) => {
 //
 //   return (
 //     <MenuContext.Provider value={{ value }}>
@@ -90,14 +90,14 @@
 // Menu.displayName = "MenuWebMenubar";
 
 // function useMenuContext() {
-//   const context = React.useContext(MenuContext);
+//   const context = useContext(MenuContext);
 //   if (!context) {
 //     throw new Error("Menubar compound components cannot be rendered outside the Menubar component");
 //   }
 //   return context;
 // }
 
-// const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ disabled = false, ...props }, ref) => {
+// const Trigger = forwardRef<TriggerRef, TriggerProps>(({ disabled = false, ...props }, ref) => {
 //   const augmentedRef = useAugmentedRef({ ref });
 //   const { value: menuValue } = useMenuContext();
 //   const { value } = useRootContext();
@@ -147,7 +147,7 @@
 //   );
 // }
 
-// const Backdrop = React.forwardRef<BackdropRef, BackdropProps>(({ ...props }, ref) => {
+// const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <Component
@@ -159,11 +159,11 @@
 
 // Backdrop.displayName = "BackdropWebMenubar";
 
-// const MenubarContentContext = React.createContext<{
+// const MenubarContentContext = createContext<{
 //   close: () => void;
 // } | null>(null);
 
-// const Content = React.forwardRef<ContentRef, ContentProps>(
+// const Content = forwardRef<ContentRef, ContentProps>(
 //   (
 //     {
 //       render = false,
@@ -235,20 +235,20 @@
 // Content.displayName = "ContentWebMenubar";
 
 // function useMenubarContentContext() {
-//   const context = React.useContext(MenubarContentContext);
+//   const context = useContext(MenubarContentContext);
 //   if (!context) {
 //     throw new Error("MenubarContent compound components cannot be rendered outside the MenubarContent 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 } = useMenubarContentContext();
 
-//     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();
@@ -256,8 +256,8 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
-//       onPressProp?.(ev);
+//     function onPress(event: GestureResponderEvent) {
+//       onPressProp?.(event);
 //       if (closeOnPress) {
 //         close();
 //       }
@@ -285,7 +285,7 @@
 
 // Item.displayName = "ItemWebMenubar";
 
-// const Group = React.forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
+// const Group = forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <Menubar.Group render>
@@ -299,7 +299,7 @@
 
 // Group.displayName = "GroupWebMenubar";
 
-// const Label = React.forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
+// const Label = forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <Menubar.Label render>
@@ -313,11 +313,11 @@
 
 // Label.displayName = "LabelWebMenubar";
 
-// 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) => {
-//     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) {
@@ -326,8 +326,8 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
-//       onPressProp?.(ev);
+//     function onPress(event: GestureResponderEvent) {
+//       onPressProp?.(event);
 //       onCheckedChange?.(!checked);
 //       if (closeOnPress) {
 //         close();
@@ -358,12 +358,12 @@
 
 // CheckboxItem.displayName = "CheckboxItemWebMenubar";
 
-// const MenubarRadioGroupContext = React.createContext<{
+// const MenubarRadioGroupContext = 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 (
 //     <MenubarRadioGroupContext.Provider value={{ value, onValueChange }}>
@@ -384,21 +384,21 @@
 // RadioGroup.displayName = "RadioGroupWebMenubar";
 
 // function useMenubarRadioGroupContext() {
-//   const context = React.useContext(MenubarRadioGroupContext);
+//   const context = useContext(MenubarRadioGroupContext);
 //   if (!context) {
 //     throw new Error("MenubarRadioGroup compound components cannot be rendered outside the MenubarRadioGroup 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 } = useMenubarRadioGroupContext();
 //     const { close } = useMenubarContentContext();
 
-//     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) {
@@ -407,9 +407,9 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
+//     function onPress(event: GestureResponderEvent) {
 //       onValueChange?.(value);
-//       onPressProp?.(ev);
+//       onPressProp?.(event);
 //       if (closeOnPress) {
 //         close();
 //       }
@@ -437,7 +437,7 @@
 
 // RadioItem.displayName = "RadioItemWebMenubar";
 
-// const ItemIndicator = React.forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
+// const ItemIndicator = forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <Menubar.ItemIndicator
@@ -454,7 +454,7 @@
 
 // ItemIndicator.displayName = "ItemIndicatorWebMenubar";
 
-// const Separator = React.forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
+// const Separator = forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
 //
 //   return (
 //     <Menubar.Separator render>
@@ -468,12 +468,12 @@
 
 // Separator.displayName = "SeparatorWebMenubar";
 
-// const MenubarSubContext = React.createContext<{
+// const MenubarSubContext = 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,
@@ -498,19 +498,19 @@
 // Sub.displayName = "SubWebMenubar";
 
 // function useSubContext() {
-//   const context = React.useContext(MenubarSubContext);
+//   const context = useContext(MenubarSubContext);
 //   if (!context) {
 //     throw new Error("MenubarSub compound components cannot be rendered outside the MenubarSub 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);
 //   }
 
 //
@@ -531,7 +531,7 @@
 
 // SubTrigger.displayName = "SubTriggerWebMenubar";
 
-// const SubContent = React.forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
+// const SubContent = forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <Menubar.Portal>
@@ -570,6 +570,6 @@
 //   useSubContext,
 // };
 
-// function onSelected(ev: Event) {
-//   ev.preventDefault();
+// function onSelected(event: Event) {
+//   event.preventDefault();
 // }

package/src/navigation-menu/navigation-menu.tsx

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { createContext, forwardRef, useId, useState, useContext, useRef, useImperativeHandle, useEffect } from "react";
 import { BackHandler, Pressable, View, type GestureResponderEvent, type LayoutChangeEvent, type LayoutRectangle } from "react-native";
 
 import { useRelativePosition, type LayoutPosition } from "../hooks";
 import { Portal as RNPPortal } from "../portal";
-import * as Slot from "../slot";
+import * as Render from "../render";
 
 import type {
   ContentProps,
@@ -33,12 +33,12 @@ interface INavigationMenuRootContext extends RootProps {
   nativeID: string;
 }
 
-const RootContext = React.createContext<INavigationMenuRootContext | null>(null);
+const RootContext = createContext<INavigationMenuRootContext | null>(null);
 
-const Root = React.forwardRef<RootRef, RootProps>(({ value, onValueChange, ...viewProps }, ref) => {
-  const nativeID = React.useId();
-  const [triggerPosition, setTriggerPosition] = React.useState<LayoutPosition | null>(null);
-  const [contentLayout, setContentLayout] = React.useState<LayoutRectangle | null>(null);
+const Root = forwardRef<RootRef, RootProps>(({ value, onValueChange, ...viewProps }, ref) => {
+  const nativeID = useId();
+  const [triggerPosition, setTriggerPosition] = useState<LayoutPosition | null>(null);
+  const [contentLayout, setContentLayout] = useState<LayoutRectangle | null>(null);
 
   return (
     <RootContext.Provider
@@ -64,14 +64,14 @@ const Root = React.forwardRef<RootRef, RootProps>(({ value, onValueChange, ...vi
 Root.displayName = "RootNativeNavigationMenu";
 
 function useRootContext() {
-  const context = React.useContext(RootContext);
+  const context = useContext(RootContext);
   if (!context) {
     throw new Error("NavigationMenu compound components cannot be rendered outside the NavigationMenu component");
   }
   return context;
 }
 
-const List = React.forwardRef<ListRef, ListProps>(({ ...viewProps }, ref) => {
+const List = forwardRef<ListRef, ListProps>(({ ...viewProps }, ref) => {
   return (
     <Component
       ref={ref}
@@ -83,10 +83,10 @@ const List = React.forwardRef<ListRef, ListProps>(({ ...viewProps }, ref) => {
 
 List.displayName = "ListNativeNavigationMenu";
 
-const ItemContext = React.createContext<(ItemProps & { nativeID: string }) | null>(null);
+const ItemContext = createContext<(ItemProps & { nativeID: string }) | null>(null);
 
-const Item = React.forwardRef<ItemRef, ItemProps>(({ value, ...viewProps }, ref) => {
-  const nativeID = React.useId();
+const Item = forwardRef<ItemRef, ItemProps>(({ value, ...viewProps }, ref) => {
+  const nativeID = useId();
 
   return (
     <ItemContext.Provider
@@ -107,33 +107,33 @@ const Item = React.forwardRef<ItemRef, ItemProps>(({ value, ...viewProps }, ref)
 Item.displayName = "ItemNativeNavigationMenu";
 
 function useItemContext() {
-  const context = React.useContext(ItemContext);
+  const context = useContext(ItemContext);
   if (!context) {
     throw new Error("NavigationMenu compound components cannot be rendered outside the NavigationMenu component");
   }
   return context;
 }
 
-const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, ...props }, ref) => {
-  const triggerRef = React.useRef<View>(null);
+const Trigger = forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, ...props }, ref) => {
+  const triggerRef = useRef<View>(null);
   const { value, onValueChange, setTriggerPosition } = useRootContext();
   const { value: menuValue } = useItemContext();
 
-  React.useImperativeHandle(ref, () => {
+  useImperativeHandle(ref, () => {
     if (!triggerRef.current) {
       return new View({});
     }
     return triggerRef.current;
   }, [triggerRef.current]);
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (disabled) return;
     triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
       setTriggerPosition({ width, pageX, pageY: pageY, height });
     });
 
     onValueChange(menuValue === value ? "" : menuValue);
-    onPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   return (
@@ -186,7 +186,7 @@ function Portal({ keepMounted, hostName, children }: PortalProps) {
 /**
  * @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,
@@ -207,7 +207,7 @@ const Content = React.forwardRef<ContentRef, ContentProps>(
     const { value, onValueChange, triggerPosition, setTriggerPosition, contentLayout, setContentLayout } = useRootContext();
     const { value: menuValue, nativeID } = useItemContext();
 
-    React.useEffect(() => {
+    useEffect(() => {
       const backHandler = BackHandler.addEventListener("hardwareBackPress", () => {
         setTriggerPosition(null);
         setContentLayout(null);
@@ -261,7 +261,7 @@ const Content = React.forwardRef<ContentRef, ContentProps>(
 
 Content.displayName = "ContentNativeNavigationMenu";
 
-const Link = React.forwardRef<LinkRef, LinkProps>(({ ...props }, ref) => {
+const Link = forwardRef<LinkRef, LinkProps>(({ ...props }, ref) => {
   return (
     <Component
       ref={ref}
@@ -273,7 +273,7 @@ const Link = React.forwardRef<LinkRef, LinkProps>(({ ...props }, ref) => {
 
 Link.displayName = "LinkNativeNavigationMenu";
 
-const Viewport = React.forwardRef<ViewportRef, ViewportProps>((props, ref) => {
+const Viewport = forwardRef<ViewportRef, ViewportProps>((props, ref) => {
   return (
     <View
       ref={ref}
@@ -284,7 +284,7 @@ const Viewport = React.forwardRef<ViewportRef, ViewportProps>((props, ref) => {
 
 Viewport.displayName = "ViewportNativeNavigationMenu";
 
-const Indicator = React.forwardRef<IndicatorRef, IndicatorProps>(({ ...props }, ref) => {
+const Indicator = forwardRef<IndicatorRef, IndicatorProps>(({ ...props }, ref) => {
   return (
     <Component
       ref={ref}

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

@@ -1,9 +1,9 @@
 // import * as NavigationMenu from "@radix-ui/react-navigation-menu";
-// import * as React from "react";
+//
 // import { GestureResponderEvent, Pressable, View } from "react-native";
 
 // import { useAugmentedRef, useIsomorphicLayoutEffect } from "../hooks";
-// import * as Slot from "../slot";
+// import * as Render from "../render";
 // import { EmptyGestureResponderEvent } from "../utils";
 
 // import type {
@@ -26,9 +26,9 @@
 //   ViewportRef,
 // } from "./types";
 
-// const NavigationMenuContext = React.createContext<RootProps | null>(null);
+// const NavigationMenuContext = createContext<RootProps | null>(null);
 
-// const Root = React.forwardRef<RootRef, RootProps>(
+// const Root = forwardRef<RootRef, RootProps>(
 //   ({ render, value, onValueChange, delayDuration, skipDelayDuration, dir, orientation, ...viewProps }, ref) => {
 //
 //     return (
@@ -54,14 +54,14 @@
 // Root.displayName = "RootWebNavigationMenu";
 
 // function useRootContext() {
-//   const context = React.useContext(NavigationMenuContext);
+//   const context = useContext(NavigationMenuContext);
 //   if (!context) {
 //     throw new Error("NavigationMenu compound components cannot be rendered outside the NavigationMenu component");
 //   }
 //   return context;
 // }
 
-// const List = React.forwardRef<ListRef, ListProps>(({ ...viewProps }, ref) => {
+// const List = forwardRef<ListRef, ListProps>(({ ...viewProps }, ref) => {
 //   const augmentedRef = useAugmentedRef({ ref });
 //   const { orientation } = useRootContext();
 
@@ -85,9 +85,9 @@
 
 // List.displayName = "ListWebNavigationMenu";
 
-// const ItemContext = React.createContext<ItemProps | null>(null);
+// const ItemContext = createContext<ItemProps | null>(null);
 
-// const Item = React.forwardRef<ItemRef, ItemProps>(({ value, ...props }, ref) => {
+// const Item = forwardRef<ItemRef, ItemProps>(({ value, ...props }, ref) => {
 //
 //   return (
 //     <ItemContext.Provider value={{ value }}>
@@ -107,26 +107,26 @@
 // Item.displayName = "ItemWebNavigationMenu";
 
 // function useItemContext() {
-//   const context = React.useContext(ItemContext);
+//   const context = useContext(ItemContext);
 //   if (!context) {
 //     throw new Error("NavigationMenu compound components cannot be rendered outside the NavigationMenu component");
 //   }
 //   return context;
 // }
 
-// const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, onKeyDown: onKeyDownProp, ...props }, ref) => {
+// const Trigger = forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, onKeyDown: onKeyDownProp, ...props }, ref) => {
 //   const { value: rootValue, onValueChange } = useRootContext();
 //   const { value } = useItemContext();
-//   function onKeyDown(ev: React.KeyboardEvent) {
-//     onKeyDownProp?.(ev);
-//     if (ev.key === " ") {
+//   function onKeyDown(event: React.KeyboardEvent) {
+//     onKeyDownProp?.(event);
+//     if (event.key === " ") {
 //       onPressProp?.(EmptyGestureResponderEvent);
 //       onValueChange(value === rootValue ? "" : value);
 //     }
 //   }
 
-//   function onPress(ev: GestureResponderEvent) {
-//     onPressProp?.(ev);
+//   function onPress(event: GestureResponderEvent) {
+//     onPressProp?.(event);
 //     onValueChange(value === rootValue ? "" : value);
 //   }
 
@@ -153,7 +153,7 @@
 //   return <>{children}</>;
 // }
 
-// const Content = React.forwardRef<ContentRef, ContentProps>(
+// const Content = forwardRef<ContentRef, ContentProps>(
 //   (
 //     {
 //       render = false,
@@ -194,18 +194,18 @@
 
 // Content.displayName = "ContentWebNavigationMenu";
 
-// const Link = React.forwardRef<LinkRef, LinkProps>(({ active, onPress: onPressProp, onKeyDown: onKeyDownProp, ...props }, ref) => {
+// const Link = forwardRef<LinkRef, LinkProps>(({ active, onPress: onPressProp, onKeyDown: onKeyDownProp, ...props }, ref) => {
 //   const { onValueChange } = useRootContext();
-//   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);
 //       onValueChange("");
 //     }
 //   }
 
-//   function onPress(ev: GestureResponderEvent) {
-//     onPressProp?.(ev);
+//   function onPress(event: GestureResponderEvent) {
+//     onPressProp?.(event);
 //     onValueChange("");
 //   }
 
@@ -229,20 +229,20 @@
 
 // Link.displayName = "LinkWebNavigationMenu";
 
-// const Viewport = React.forwardRef<ViewportRef, ViewportProps>((props, ref) => {
+// const Viewport = forwardRef<ViewportRef, ViewportProps>((props, ref) => {
 //   return (
-//     <Slot.View
+//     <Render.View
 //       ref={ref}
 //       {...props}
 //     >
 //       <NavigationMenu.Viewport />
-//     </Slot.View>
+//     </Render.View>
 //   );
 // });
 
 // Viewport.displayName = "ViewportWebNavigationMenu";
 
-// const Indicator = React.forwardRef<IndicatorRef, IndicatorProps>(({ ...props }, ref) => {
+// const Indicator = forwardRef<IndicatorRef, IndicatorProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <NavigationMenu.Indicator render>