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

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

@@ -1,9 +1,9 @@
 // import * as ContextMenu from "@radix-ui/react-context-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 ContextMenuContext = React.createContext<{
+// const ContextMenuContext = 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(value: boolean) {
 //     setOpen(value);
@@ -69,14 +69,14 @@
 // Root.displayName = "RootWebContextMenu";
 
 // function useRootContext() {
-//   const context = React.useContext(ContextMenuContext);
+//   const context = useContext(ContextMenuContext);
 //   if (!context) {
 //     throw new Error("ContextMenu compound components cannot be rendered outside the ContextMenu component");
 //   }
 //   return context;
 // }
 
-// const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ disabled = false, ...props }, ref) => {
+// const Trigger = forwardRef<TriggerRef, TriggerProps>(({ disabled = false, ...props }, ref) => {
 //   const { open } = useRootContext();
 //   const augmentedRef = useAugmentedRef({
 //     ref,
@@ -135,7 +135,7 @@
 //   );
 // }
 
-// const Backdrop = React.forwardRef<BackdropRef, BackdropProps>(({ ...props }, ref) => {
+// const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <Component
@@ -147,11 +147,11 @@
 
 // Backdrop.displayName = "BackdropWebContextMenu";
 
-// const ContextMenuContentContext = React.createContext<{
+// const ContextMenuContentContext = createContext<{
 //   close: () => void;
 // } | null>(null);
 
-// const Content = React.forwardRef<ContentRef, ContentProps>(
+// const Content = forwardRef<ContentRef, ContentProps>(
 //   (
 //     {
 //       render = false,
@@ -220,18 +220,18 @@
 // Content.displayName = "ContentWebContextMenu";
 
 // function useContextMenuContentContext() {
-//   const context = React.useContext(ContextMenuContentContext);
+//   const context = useContext(ContextMenuContentContext);
 //   if (!context) {
 //     throw new Error("ContextMenu compound components cannot be rendered outside the ContextMenu component");
 //   }
 //   return context;
 // }
 
-// const Item = React.forwardRef<ItemRef, ItemProps>(({ textValue, closeOnPress = true, onPress: onPressProp, ...props }, ref) => {
+// const Item = forwardRef<ItemRef, ItemProps>(({ textValue, closeOnPress = true, onPress: onPressProp, ...props }, ref) => {
 //   const { close } = useContextMenuContentContext();
 
-//   function onKeyDown(ev: React.KeyboardEvent) {
-//     if (ev.key === "Enter" || ev.key === " ") {
+//   function onKeyDown(event: React.KeyboardEvent) {
+//     if (event.key === "Enter" || event.key === " ") {
 //       onPressProp?.(EmptyGestureResponderEvent);
 //       if (closeOnPress) {
 //         close();
@@ -239,8 +239,8 @@
 //     }
 //   }
 
-//   function onPress(ev: GestureResponderEvent) {
-//     onPressProp?.(ev);
+//   function onPress(event: GestureResponderEvent) {
+//     onPressProp?.(event);
 //     if (closeOnPress) {
 //       close();
 //     }
@@ -267,7 +267,7 @@
 
 // Item.displayName = "ItemWebContextMenu";
 
-// const Group = React.forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
+// const Group = forwardRef<GroupRef, GroupProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <ContextMenu.Group render>
@@ -281,7 +281,7 @@
 
 // Group.displayName = "GroupWebContextMenu";
 
-// const Label = React.forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
+// const Label = forwardRef<LabelRef, LabelProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <ContextMenu.Label render>
@@ -295,13 +295,13 @@
 
 // Label.displayName = "LabelWebContextMenu";
 
-// 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 } = useContextMenuContentContext();
 
-//     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) {
@@ -310,8 +310,8 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
-//       onPressProp?.(ev);
+//     function onPress(event: GestureResponderEvent) {
+//       onPressProp?.(event);
 //       onCheckedChange?.(!checked);
 //       if (closeOnPress) {
 //         close();
@@ -344,12 +344,12 @@
 
 // CheckboxItem.displayName = "CheckboxItemWebContextMenu";
 
-// const ContextMenuRadioGroupContext = React.createContext<{
+// const ContextMenuRadioGroupContext = 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 (
 //     <ContextMenuRadioGroupContext.Provider value={{ value, onValueChange }}>
@@ -370,21 +370,21 @@
 // RadioGroup.displayName = "RadioGroupWebContextMenu";
 
 // function useContextMenuRadioGroupContext() {
-//   const context = React.useContext(ContextMenuRadioGroupContext);
+//   const context = useContext(ContextMenuRadioGroupContext);
 //   if (!context) {
 //     throw new Error("ContextMenu compound components cannot be rendered outside the ContextMenu 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 } = useContextMenuRadioGroupContext();
 //     const { close } = useContextMenuContentContext();
 
-//     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) {
@@ -393,9 +393,9 @@
 //       }
 //     }
 
-//     function onPress(ev: GestureResponderEvent) {
+//     function onPress(event: GestureResponderEvent) {
 //       onValueChange?.(value);
-//       onPressProp?.(ev);
+//       onPressProp?.(event);
 //       if (closeOnPress) {
 //         close();
 //       }
@@ -423,7 +423,7 @@
 
 // RadioItem.displayName = "RadioItemWebContextMenu";
 
-// const ItemIndicator = React.forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
+// const ItemIndicator = forwardRef<ItemIndicatorRef, ItemIndicatorProps>(({ keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <ContextMenu.ItemIndicator
@@ -440,7 +440,7 @@
 
 // ItemIndicator.displayName = "ItemIndicatorWebContextMenu";
 
-// const Separator = React.forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
+// const Separator = forwardRef<SeparatorRef, SeparatorProps>(({ decorative, ...props }, ref) => {
 //
 //   return (
 //     <ContextMenu.Separator render>
@@ -454,12 +454,12 @@
 
 // Separator.displayName = "SeparatorWebContextMenu";
 
-// const ContextMenuSubContext = React.createContext<{
+// const ContextMenuSubContext = 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,
@@ -485,19 +485,19 @@
 // Sub.displayName = "SubWebContextMenu";
 
 // function useSubContext() {
-//   const context = React.useContext(ContextMenuSubContext);
+//   const context = useContext(ContextMenuSubContext);
 //   if (!context) {
 //     throw new Error("ContextMenu compound components cannot be rendered outside the ContextMenu 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);
 //   }
 
 //
@@ -518,7 +518,7 @@
 
 // SubTrigger.displayName = "SubTriggerWebContextMenu";
 
-// const SubContent = React.forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
+// const SubContent = forwardRef<SubContentRef, SubContentProps>(({ render = false, keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <ContextMenu.Portal>
@@ -555,6 +555,6 @@
 //   useSubContext,
 // };
 
-// function onSelected(ev: Event) {
-//   ev.preventDefault();
+// function onSelected(event: Event) {
+//   event.preventDefault();
 // }

package/src/dialog/dialog.tsx

@@ -3,7 +3,7 @@ import { BackHandler, GestureResponderEvent, Pressable, Text, View } from "react
 
 import { useControllableState } from "../hooks";
 import { Portal as BrandMapPrimitivesPortal } from "../portal";
-import * as Slot from "../slot";
+import * as Render from "../render";
 import { RenderViewProps } from "../types";
 
 import type {
@@ -50,7 +50,7 @@ Root.displayName = "RootNativeDialog";
 const Popup = ({ render, ref, ...props }: RenderViewProps) => {
   if (render) {
     return (
-      <Slot.View
+      <Render.View
         render={render}
         ref={ref}
         {...props}
@@ -70,16 +70,16 @@ Popup.displayName = "PopupNativeDialog";
 const Trigger = forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, ...props }, ref) => {
   const { open, onOpenChange } = useRootContext();
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (disabled) return;
     const newValue = !open;
     onOpenChange(newValue);
-    onPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   if (render) {
     return (
-      <Slot.Pressable
+      <Render.Pressable
         render={render}
         ref={ref}
         aria-disabled={disabled ?? undefined}
@@ -126,14 +126,14 @@ function Portal({ keepMounted, hostName, children }: PortalProps) {
   );
 }
 
-const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ keepMounted, closeOnPress = true, onPress: OnPressProp, ...props }, ref) => {
+const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ keepMounted, closeOnPress = true, onPress: onPressProp, ...props }, ref) => {
   const { open, onOpenChange } = useRootContext();
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (closeOnPress) {
       onOpenChange(!open);
     }
-    OnPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   if (!keepMounted) {
@@ -144,7 +144,7 @@ const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ keepMounted, closeOnP
 
   if (render) {
     return (
-      <Slot.Pressable
+      <Render.Pressable
         render={render}
         ref={ref}
         onPress={onPress}
@@ -186,7 +186,7 @@ const Content = forwardRef<ContentRef, ContentProps>(({ keepMounted, ...props },
 
   if (render) {
     return (
-      <Slot.Pressable
+      <Render.Pressable
         render={render}
         ref={ref}
         role="dialog"
@@ -227,7 +227,7 @@ const Close = forwardRef<CloseRef, CloseProps>(({ onPress: onPressProp, disabled
 
   if (render) {
     return (
-      <Slot.Pressable
+      <Render.Pressable
         ref={ref}
         aria-disabled={disabled ?? undefined}
         role="button"

package/src/dialog/dialog.web.tsx

@@ -1,11 +1,11 @@
 // // @ts-nocheck
 
 // import * as Dialog from "@radix-ui/react-dialog";
-// import * as React from "react";
+//
 // import { Pressable, Text, View, type GestureResponderEvent } from "react-native";
 
 // import { useAugmentedRef, useControllableState, useIsomorphicLayoutEffect } from "../hooks";
-// import * as Slot from "../slot";
+// import * as Render from "../render";
 
 // import type {
 //   CloseProps,
@@ -26,9 +26,9 @@
 //   TriggerRef,
 // } from "./types";
 
-// const DialogContext = React.createContext<RootContext | null>(null);
+// const DialogContext = createContext<RootContext | null>(null);
 
-// const Root = React.forwardRef<RootRef, RootProps>(({ open: openProp, defaultOpen, onOpenChange: onOpenChangeProp, ...viewProps }, ref) => {
+// const Root = forwardRef<RootRef, RootProps>(({ open: openProp, defaultOpen, onOpenChange: onOpenChangeProp, ...viewProps }, ref) => {
 //   const [open = false, onOpenChange] = useControllableState({
 //     prop: openProp,
 //     defaultProp: defaultOpen,
@@ -54,19 +54,19 @@
 // Root.displayName = "RootWebDialog";
 
 // function useRootContext() {
-//   const context = React.useContext(DialogContext);
+//   const context = useContext(DialogContext);
 //   if (!context) {
 //     throw new Error("Dialog compound components cannot be rendered outside the Dialog component");
 //   }
 //   return context;
 // }
 
-// const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, role: _role, disabled, ...props }, ref) => {
+// const Trigger = forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, role: _role, disabled, ...props }, ref) => {
 //   const augmentedRef = useAugmentedRef({ ref });
 //   const { onOpenChange, open } = useRootContext();
-//   function onPress(ev: GestureResponderEvent) {
+//   function onPress(event: GestureResponderEvent) {
 //     if (onPressProp) {
-//       onPressProp(ev);
+//       onPressProp(event);
 //     }
 //     onOpenChange(!open);
 //   }
@@ -108,7 +108,7 @@
 //   );
 // }
 
-// const Backdrop = React.forwardRef<BackdropRef, BackdropProps>(({ keepMounted, ...props }, ref) => {
+// const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <Dialog.Backdrop keepMounted={keepMounted}>
@@ -122,7 +122,7 @@
 
 // Backdrop.displayName = "BackdropWebDialog";
 
-// const Content = React.forwardRef<ContentRef, ContentProps>(
+// const Content = forwardRef<ContentRef, ContentProps>(
 //   ({ render, keepMounted, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ...props }, ref) => {
 //
 //     return (
@@ -145,13 +145,13 @@
 
 // Content.displayName = "ContentWebDialog";
 
-// const Close = React.forwardRef<CloseRef, CloseProps>(({ onPress: onPressProp, disabled, ...props }, ref) => {
+// const Close = forwardRef<CloseRef, CloseProps>(({ onPress: onPressProp, disabled, ...props }, ref) => {
 //   const augmentedRef = useAugmentedRef({ ref });
 //   const { onOpenChange, open } = useRootContext();
 
-//   function onPress(ev: GestureResponderEvent) {
+//   function onPress(event: GestureResponderEvent) {
 //     if (onPressProp) {
-//       onPressProp(ev);
+//       onPressProp(event);
 //     }
 //     onOpenChange(!open);
 //   }
@@ -184,7 +184,7 @@
 
 // Close.displayName = "CloseWebDialog";
 
-// const Title = React.forwardRef<TitleRef, TitleProps>(({ ...props }, ref) => {
+// const Title = forwardRef<TitleRef, TitleProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <Dialog.Title render>
@@ -198,7 +198,7 @@
 
 // Title.displayName = "TitleWebDialog";
 
-// const Description = React.forwardRef<DescriptionRef, DescriptionProps>(({ ...props }, ref) => {
+// const Description = forwardRef<DescriptionRef, DescriptionProps>(({ ...props }, ref) => {
 //
 //   return (
 //     <Dialog.Description render>

package/src/dialog/types.ts

@@ -36,27 +36,27 @@ type ContentProps = KeepMountable &
     /**
      * @platform: WEB ONLY
      */
-    onOpenAutoFocus?: (ev: Event) => void;
+    onOpenAutoFocus?: (event: Event) => void;
 
     /**
      * @platform: WEB ONLY
      */
-    onCloseAutoFocus?: (ev: Event) => void;
+    onCloseAutoFocus?: (event: Event) => void;
 
     /**
      * @platform: WEB ONLY
      */
-    onEscapeKeyDown?: (ev: Event) => void;
+    onEscapeKeyDown?: (event: Event) => void;
 
     /**
      * @platform: WEB ONLY
      */
-    onInteractOutside?: (ev: Event) => void;
+    onInteractOutside?: (event: Event) => void;
 
     /**
      * @platform: WEB ONLY
      */
-    onPointerDownOutside?: (ev: Event) => void;
+    onPointerDownOutside?: (event: Event) => void;
   };
 
 type TriggerProps = RenderPressableProps;