From bc5c9133a62febea043cb97356121e257cbea51c Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 10:44:16 -0700
Subject: [PATCH 01/10] add spectre to gitignore

---
 .gitignore                                    |   2 +
 .../components/ui/menubar.tsx-E               | 263 ++++++++++++++++++
 2 files changed, 265 insertions(+)
 create mode 100644 apps/expo-nativewind/components/ui/menubar.tsx-E

diff --git a/.gitignore b/.gitignore
index be6d1ab9..5383b806 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,6 +34,8 @@ package-lock.json
 .*.swo
 .*.swn
 .*.swm
+.*.swm
+*-E
 
 # Sublime Text
 *.sublime-project
diff --git a/apps/expo-nativewind/components/ui/menubar.tsx-E b/apps/expo-nativewind/components/ui/menubar.tsx-E
new file mode 100644
index 00000000..c36e488a
--- /dev/null
+++ b/apps/expo-nativewind/components/ui/menubar.tsx-E
@@ -0,0 +1,263 @@
+import * as MenubarPrimitive from '@rn-primitives/menubar';
+import * as React from 'react';
+import { Platform, Text, View } from 'react-native';
+import { Check } from '~/lib/icons/Check';
+import { ChevronDown } from '~/lib/icons/ChevronDown';
+import { ChevronRight } from '~/lib/icons/ChevronRight';
+import { ChevronUp } from '~/lib/icons/ChevronUp';
+import { cn } from '~/lib/utils';
+import { TextClassContext } from '~/components/ui/text';
+
+const MenubarMenu = MenubarPrimitive.Menu;
+
+const MenubarGroup = MenubarPrimitive.Group;
+
+const MenubarPortal = MenubarPrimitive.Portal;
+
+const MenubarSub = MenubarPrimitive.Sub;
+
+const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+
+const Menubar = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Root
+    ref={ref}
+    className={cn(
+      'flex flex-row h-10 native:h-12 items-center space-x-1 rounded-md border border-border bg-background p-1',
+      className
+    )}
+    {...props}
+  />
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+
+const MenubarTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
+>(({ className, ...props }, ref) => {
+  const { value } = MenubarPrimitive.useRootContext();
+  const { value: itemValue } = MenubarPrimitive.useMenuContext();
+
+  return (
+    <MenubarPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        'flex flex-row web:cursor-default web:select-none items-center rounded-sm px-3 py-1.5 text-sm native:h-10 native:px-5 native:py-0 font-medium web:outline-none web:focus:bg-accent active:bg-accent web:focus:text-accent-foreground',
+        value === itemValue && 'bg-accent text-accent-foreground',
+        className
+      )}
+      {...props}
+    />
+  );
+});
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+
+const MenubarSubTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }
+>(({ className, inset, children, ...props }, ref) => {
+  const { open } = MenubarPrimitive.useSubContext();
+  const Icon = Platform.OS === 'web' ? ChevronRight : open ? ChevronUp : ChevronDown;
+  return (
+    <TextClassContext.Provider
+      value={cn(
+        'select-none text-sm native:text-lg text-primary',
+        open && 'native:text-accent-foreground'
+      )}
+    >
+      <MenubarPrimitive.SubTrigger
+        ref={ref}
+        className={cn(
+          'flex flex-row web:cursor-default web:select-none items-center gap-2 web:focus:bg-accent active:bg-accent web:hover:bg-accent rounded-sm px-2 py-1.5 native:py-2 web:outline-none',
+          open && 'bg-accent',
+          inset && 'pl-8',
+          className
+        )}
+        {...props}
+      >
+        <>{children}</>
+        <Icon size={18} className='ml-auto text-foreground' />
+      </MenubarPrimitive.SubTrigger>
+    </TextClassContext.Provider>
+  );
+});
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+
+const MenubarSubContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>
+>(({ className, ...props }, ref) => {
+  const { open } = MenubarPrimitive.useSubContext();
+  return (
+    <MenubarPrimitive.SubContent
+      ref={ref}
+      className={cn(
+        'z-50 min-w-[8rem] overflow-hidden rounded-md border mt-1 border-border bg-popover p-1 shadow-md shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        open
+          ? 'web:animate-in web:fade-in-0 web:zoom-in-95'
+          : 'web:animate-out web:fade-out-0 web:zoom-out ',
+        className
+      )}
+      {...props}
+    />
+  );
+});
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+
+const MenubarContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & { portalHost?: string }
+>(({ className, portalHost, ...props }, ref) => {
+  const { value } = MenubarPrimitive.useRootContext();
+  const { value: itemValue } = MenubarPrimitive.useMenuContext();
+  return (
+    <MenubarPrimitive.Portal hostName={portalHost}>
+      <MenubarPrimitive.Content
+        ref={ref}
+        className={cn(
+          'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 shadow-md shadow-foreground/5 ',
+          value === itemValue
+            ? 'web:animate-in web:fade-in-0 web:zoom-in-95'
+            : 'web:animate-out web:fade-out-0 web:zoom-out-95',
+          className
+        )}
+        {...props}
+      />
+    </MenubarPrimitive.Portal>
+  );
+});
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+
+const MenubarItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <TextClassContext.Provider value='select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground'>
+    <MenubarPrimitive.Item
+      ref={ref}
+      className={cn(
+        'relative flex flex-row web:cursor-default items-center gap-2 rounded-sm px-2 py-1.5 native:py-2 web:outline-none web:focus:bg-accent active:bg-accent web:hover:bg-accent group',
+        inset && 'pl-8',
+        props.disabled && 'opacity-50 web:pointer-events-none',
+        className
+      )}
+      {...props}
+    />
+  </TextClassContext.Provider>
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+
+const MenubarCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <MenubarPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      'relative flex flex-row web:cursor-default items-center web:group rounded-sm py-1.5 native:py-2 pl-8 pr-2 web:outline-none web:focus:bg-accent active:bg-accent',
+      props.disabled && 'web:pointer-events-none opacity-50',
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <View className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
+      <MenubarPrimitive.ItemIndicator>
+        <Check size={14} strokeWidth={3} className='text-foreground' />
+      </MenubarPrimitive.ItemIndicator>
+    </View>
+    <>{children}</>
+  </MenubarPrimitive.CheckboxItem>
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+
+const MenubarRadioItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <MenubarPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      'relative flex flex-row web:cursor-default web:group items-center rounded-sm py-1.5 native:py-2 pl-8 pr-2 web:outline-none web:focus:bg-accent active:bg-accent',
+      props.disabled && 'web:pointer-events-none opacity-50',
+      className
+    )}
+    {...props}
+  >
+    <View className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
+      <MenubarPrimitive.ItemIndicator>
+        <View className='bg-foreground h-2 w-2 rounded-full' />
+      </MenubarPrimitive.ItemIndicator>
+    </View>
+    <>{children}</>
+  </MenubarPrimitive.RadioItem>
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+
+const MenubarLabel = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Label
+    ref={ref}
+    className={cn(
+      'px-2 py-1.5 text-sm native:text-base font-semibold text-foreground web:cursor-default',
+      inset && 'pl-8',
+      className
+    )}
+    {...props}
+  />
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+
+const MenubarSeparator = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Separator
+    ref={ref}
+    className={cn('-mx-1 my-1 h-px bg-border', className)}
+    {...props}
+  />
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+
+const MenubarShortcut = ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Text>) => {
+  return (
+    <Text
+      className={cn(
+        'ml-auto text-xs native:text-sm tracking-widest text-muted-foreground',
+        className
+      )}
+      {...props}
+    />
+  );
+};
+MenubarShortcut.displayName = 'MenubarShortcut';
+
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+};

From 4a98b7eb177e63797297878b8b1cc4e38c37750c Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 10:48:33 -0700
Subject: [PATCH 02/10] replace brand to

---
 apps/docs/astro.config.mjs                    |   6 +-
 apps/docs/package.json                        |  66 +--
 apps/docs/src/components/Head.astro           |   4 +-
 apps/docs/src/content/docs/accordion.mdx      |  12 +-
 apps/docs/src/content/docs/alert-dialog.mdx   |  16 +-
 apps/docs/src/content/docs/aspect-ratio.mdx   |   6 +-
 apps/docs/src/content/docs/avatar.mdx         |   8 +-
 apps/docs/src/content/docs/checkbox.mdx       |  12 +-
 apps/docs/src/content/docs/collapsible.mdx    |  12 +-
 apps/docs/src/content/docs/context-menu.mdx   |  16 +-
 apps/docs/src/content/docs/dialog.mdx         |  16 +-
 apps/docs/src/content/docs/dropdown-menu.mdx  |  16 +-
 apps/docs/src/content/docs/hooks.mdx          |  22 +-
 apps/docs/src/content/docs/hover-card.mdx     |  16 +-
 apps/docs/src/content/docs/label.mdx          |  14 +-
 apps/docs/src/content/docs/menubar.mdx        |  16 +-
 .../docs/src/content/docs/navigation-menu.mdx |  16 +-
 apps/docs/src/content/docs/popover.mdx        |  16 +-
 apps/docs/src/content/docs/portal.mdx         |  10 +-
 apps/docs/src/content/docs/progress.mdx       |  12 +-
 apps/docs/src/content/docs/radio-group.mdx    |  12 +-
 apps/docs/src/content/docs/select.mdx         |  16 +-
 apps/docs/src/content/docs/separator.mdx      |   8 +-
 apps/docs/src/content/docs/slider.mdx         |  14 +-
 apps/docs/src/content/docs/slot.mdx           |  12 +-
 apps/docs/src/content/docs/switch.mdx         |  12 +-
 apps/docs/src/content/docs/table.mdx          |   6 +-
 apps/docs/src/content/docs/tabs.mdx           |  12 +-
 apps/docs/src/content/docs/toast.mdx          |  14 +-
 apps/docs/src/content/docs/toggle-group.mdx   |  12 +-
 apps/docs/src/content/docs/toggle.mdx         |  12 +-
 apps/docs/src/content/docs/toolbar.mdx        |  12 +-
 apps/docs/src/content/docs/tooltip.mdx        |  16 +-
 apps/docs/src/content/docs/types.mdx          |   4 +-
 apps/docs/src/content/docs/utils.mdx          |  12 +-
 apps/docs/src/lib/utils.ts                    |   2 +-
 .../app/(components)/navigation-menu.tsx      |   2 +-
 .../app/(components)/slider.tsx               |   2 +-
 .../app/(components)/toolbar.tsx              |   2 +-
 apps/expo-nativewind/app/_layout.tsx          |   2 +-
 .../components/ui/accordion.tsx               |   2 +-
 .../components/ui/alert-dialog.tsx            |   2 +-
 .../components/ui/aspect-ratio.tsx            |   2 +-
 apps/expo-nativewind/components/ui/avatar.tsx |   2 +-
 apps/expo-nativewind/components/ui/card.tsx   |   2 +-
 .../components/ui/checkbox.tsx                |   2 +-
 .../components/ui/collapsible.tsx             |   2 +-
 .../components/ui/context-menu.tsx            |   2 +-
 apps/expo-nativewind/components/ui/dialog.tsx |   2 +-
 .../components/ui/dropdown-menu.tsx           |   2 +-
 .../components/ui/hover-card.tsx              |   2 +-
 apps/expo-nativewind/components/ui/label.tsx  |   2 +-
 .../expo-nativewind/components/ui/menubar.tsx |   2 +-
 .../components/ui/navigation-menu.tsx         |   2 +-
 .../expo-nativewind/components/ui/popover.tsx |   2 +-
 .../components/ui/progress.tsx                |   2 +-
 .../components/ui/radio-group.tsx             |   2 +-
 apps/expo-nativewind/components/ui/select.tsx |   2 +-
 .../components/ui/separator.tsx               |   2 +-
 apps/expo-nativewind/components/ui/switch.tsx |   2 +-
 apps/expo-nativewind/components/ui/table.tsx  |   2 +-
 apps/expo-nativewind/components/ui/tabs.tsx   |   2 +-
 apps/expo-nativewind/components/ui/text.tsx   |   4 +-
 .../components/ui/toggle-group.tsx            |   2 +-
 apps/expo-nativewind/components/ui/toggle.tsx |   2 +-
 .../expo-nativewind/components/ui/tooltip.tsx |   2 +-
 .../components/ui/typography.tsx              |   4 +-
 apps/expo-nativewind/package.json             |  62 +--
 apps/expo-stylesheet/app/_layout.tsx          |   2 +-
 apps/expo-stylesheet/components/ui/select.tsx |   2 +-
 apps/expo-stylesheet/package.json             |  62 +--
 apps/nextjs-nativewind/next.config.mjs        |  60 +--
 apps/nextjs-nativewind/package.json           |  62 +--
 apps/nextjs-nativewind/src/app/page.tsx       |   2 +-
 .../src/components/NavigationMenuExample.tsx  |   2 +-
 .../src/components/SliderExample.tsx          |   2 +-
 .../src/components/ui/accordion.tsx           |   2 +-
 .../src/components/ui/alert-dialog.tsx        |   2 +-
 .../src/components/ui/aspect-ratio.tsx        |   2 +-
 .../src/components/ui/avatar.tsx              |   2 +-
 .../src/components/ui/card.tsx                |   2 +-
 .../src/components/ui/checkbox.tsx            |   2 +-
 .../src/components/ui/collapsible.tsx         |   2 +-
 .../src/components/ui/context-menu.tsx        |   2 +-
 .../src/components/ui/dialog.tsx              |   2 +-
 .../src/components/ui/dropdown-menu.tsx       |   2 +-
 .../src/components/ui/hover-card.tsx          |   2 +-
 .../src/components/ui/label.tsx               |   2 +-
 .../src/components/ui/menubar.tsx             |   2 +-
 .../src/components/ui/navigation-menu.tsx     |   2 +-
 .../src/components/ui/popover.tsx             |   2 +-
 .../src/components/ui/progress.tsx            |   2 +-
 .../src/components/ui/radio-group.tsx         |   2 +-
 .../src/components/ui/select.tsx              |   2 +-
 .../src/components/ui/separator.tsx           |   2 +-
 .../src/components/ui/switch.tsx              |   2 +-
 .../src/components/ui/table.tsx               |   2 +-
 .../src/components/ui/tabs.tsx                |   2 +-
 .../src/components/ui/text.tsx                |   4 +-
 .../src/components/ui/toggle-group.tsx        |   2 +-
 .../src/components/ui/toggle.tsx              |   2 +-
 .../src/components/ui/tooltip.tsx             |   2 +-
 .../src/components/ui/typography.tsx          |   4 +-
 package.json                                  |   2 +-
 packages/accordion/package.json               |   8 +-
 packages/accordion/src/accordion.tsx          |   4 +-
 packages/accordion/src/accordion.web.tsx      |   4 +-
 packages/accordion/src/types.ts               |   2 +-
 packages/alert-dialog/package.json            |  12 +-
 packages/alert-dialog/src/alert-dialog.tsx    |   6 +-
 .../alert-dialog/src/alert-dialog.web.tsx     |   4 +-
 packages/alert-dialog/src/types.ts            |   2 +-
 packages/aspect-ratio/package.json            |   6 +-
 packages/aspect-ratio/src/aspect-ratio.tsx    |   4 +-
 packages/avatar/package.json                  |   8 +-
 packages/avatar/src/avatar.tsx                |   4 +-
 packages/avatar/src/types.ts                  |   2 +-
 packages/checkbox/package.json                |   8 +-
 packages/checkbox/src/checkbox.tsx            |   4 +-
 packages/checkbox/src/checkbox.web.tsx        |   4 +-
 packages/checkbox/src/types.ts                |   2 +-
 packages/collapsible/package.json             |   8 +-
 packages/collapsible/src/collapsible.tsx      |   4 +-
 packages/collapsible/src/collapsible.web.tsx  |   4 +-
 packages/collapsible/src/types.ts             |   2 +-
 packages/context-menu/package.json            |  14 +-
 packages/context-menu/src/context-menu.tsx    |   6 +-
 .../context-menu/src/context-menu.web.tsx     |   6 +-
 packages/context-menu/src/types.ts            |   2 +-
 packages/dialog/package.json                  |  12 +-
 packages/dialog/src/dialog.tsx                |   6 +-
 packages/dialog/src/dialog.web.tsx            |   4 +-
 packages/dialog/src/types.ts                  |   2 +-
 packages/dropdown-menu/package.json           |  14 +-
 packages/dropdown-menu/src/dropdown-menu.tsx  |   6 +-
 .../dropdown-menu/src/dropdown-menu.web.tsx   |   6 +-
 packages/dropdown-menu/src/types.ts           |   2 +-
 packages/hooks/package.json                   |   4 +-
 packages/hooks/src/useRelativePosition.tsx    |   2 +-
 packages/hover-card/package.json              |  14 +-
 packages/hover-card/src/hover-card.tsx        |   6 +-
 packages/hover-card/src/hover-card.web.tsx    |   4 +-
 packages/hover-card/src/types.ts              |   2 +-
 packages/label/package.json                   |   6 +-
 packages/label/src/label.tsx                  |   2 +-
 packages/label/src/label.web.tsx              |   2 +-
 packages/label/src/types.ts                   |   2 +-
 packages/menubar/package.json                 |  14 +-
 packages/menubar/src/menubar.tsx              |   6 +-
 packages/menubar/src/menubar.web.tsx          |   6 +-
 packages/menubar/src/types.ts                 |   2 +-
 packages/navigation-menu/package.json         |  14 +-
 .../navigation-menu/src/navigation-menu.tsx   |   6 +-
 .../src/navigation-menu.web.tsx               |   6 +-
 packages/navigation-menu/src/types.ts         |   2 +-
 packages/popover/package.json                 |  12 +-
 packages/popover/src/popover.tsx              |   6 +-
 packages/popover/src/popover.web.tsx          |   4 +-
 packages/popover/src/types.ts                 |   2 +-
 packages/portal/package.json                  |   2 +-
 packages/progress/package.json                |   6 +-
 packages/progress/src/progress.tsx            |   2 +-
 packages/progress/src/progress.web.tsx        |   2 +-
 packages/progress/src/types.ts                |   2 +-
 packages/radio-group/package.json             |   6 +-
 packages/radio-group/src/radio-group.tsx      |   2 +-
 packages/radio-group/src/radio-group.web.tsx  |   2 +-
 packages/radio-group/src/types.ts             |   2 +-
 packages/select/package.json                  |  12 +-
 packages/select/src/select.tsx                |   6 +-
 packages/select/src/select.web.tsx            |   4 +-
 packages/select/src/types.ts                  |   2 +-
 packages/separator/package.json               |   6 +-
 packages/separator/src/separator.tsx          |   2 +-
 packages/separator/src/types.ts               |   2 +-
 packages/slider/package.json                  |   6 +-
 packages/slider/src/slider.tsx                |   2 +-
 packages/slider/src/slider.web.tsx            |   2 +-
 packages/slider/src/types.ts                  |   2 +-
 packages/slot/package.json                    |   2 +-
 packages/switch/package.json                  |   6 +-
 packages/switch/src/switch.tsx                |   2 +-
 packages/switch/src/switch.web.tsx            |   2 +-
 packages/switch/src/types.ts                  |   2 +-
 packages/table/package.json                   |   6 +-
 packages/table/src/table.tsx                  |   4 +-
 packages/tabs/package.json                    |   6 +-
 packages/tabs/src/tabs.tsx                    |   2 +-
 packages/tabs/src/tabs.web.tsx                |   2 +-
 packages/tabs/src/types.ts                    |   2 +-
 packages/toast/package.json                   |   6 +-
 packages/toast/src/toast.tsx                  |   2 +-
 packages/toast/src/types.ts                   |   2 +-
 packages/toggle-group/package.json            |   8 +-
 packages/toggle-group/src/toggle-group.tsx    |   4 +-
 .../toggle-group/src/toggle-group.web.tsx     |   4 +-
 packages/toggle-group/src/types.ts            |   2 +-
 packages/toggle/package.json                  |   6 +-
 packages/toggle/src/toggle.tsx                |   2 +-
 packages/toggle/src/toggle.web.tsx            |   2 +-
 packages/toggle/src/types.ts                  |   2 +-
 packages/toolbar/package.json                 |   8 +-
 packages/toolbar/src/toolbar.tsx              |   4 +-
 packages/toolbar/src/toolbar.web.tsx          |   4 +-
 packages/toolbar/src/types.ts                 |   2 +-
 packages/tooltip/package.json                 |  12 +-
 packages/tooltip/src/tooltip.tsx              |   6 +-
 packages/tooltip/src/tooltip.web.tsx          |   4 +-
 packages/tooltip/src/types.ts                 |   2 +-
 packages/types/package.json                   |   2 +-
 packages/utils/package.json                   |   2 +-
 pnpm-lock.yaml                                | 416 +++++++++---------
 212 files changed, 893 insertions(+), 893 deletions(-)

diff --git a/apps/docs/astro.config.mjs b/apps/docs/astro.config.mjs
index 92bd1a40..c10a78bd 100644
--- a/apps/docs/astro.config.mjs
+++ b/apps/docs/astro.config.mjs
@@ -11,14 +11,14 @@ export default defineConfig({
   integrations: [
     starlight({
       favicon: '/favicon.png',
-      title: 'rn-primitives',
-      description: 'Documentation for rn-primitives',
+      title: 'rnr-method',
+      description: 'Documentation for rnr-method',
       components: {
         ThemeSelect: './src/components/ThemeSelect.astro',
         Head: './src/components/Head.astro',
       },
       social: {
-        github: 'https://github.com/roninoss/rn-primitives',
+        github: 'https://github.com/roninoss/rnr-method',
       },
       sidebar: [
         {
diff --git a/apps/docs/package.json b/apps/docs/package.json
index c861e885..e54da954 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/docs",
+  "name": "@rnr-method/docs",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
@@ -20,38 +20,38 @@
     "@radix-ui/react-collapsible": "^1.1.0",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-slot": "^1.1.0",
-    "@rn-primitives/accordion": "workspace:*",
-    "@rn-primitives/alert-dialog": "workspace:*",
-    "@rn-primitives/aspect-ratio": "workspace:*",
-    "@rn-primitives/avatar": "workspace:*",
-    "@rn-primitives/checkbox": "workspace:*",
-    "@rn-primitives/collapsible": "workspace:*",
-    "@rn-primitives/context-menu": "workspace:*",
-    "@rn-primitives/dialog": "workspace:*",
-    "@rn-primitives/dropdown-menu": "workspace:*",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/hover-card": "workspace:*",
-    "@rn-primitives/label": "workspace:*",
-    "@rn-primitives/menubar": "workspace:*",
-    "@rn-primitives/navigation-menu": "workspace:*",
-    "@rn-primitives/popover": "workspace:*",
-    "@rn-primitives/portal": "workspace:*",
-    "@rn-primitives/progress": "workspace:*",
-    "@rn-primitives/radio-group": "workspace:*",
-    "@rn-primitives/select": "workspace:*",
-    "@rn-primitives/separator": "workspace:*",
-    "@rn-primitives/slider": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/switch": "workspace:*",
-    "@rn-primitives/table": "workspace:*",
-    "@rn-primitives/tabs": "workspace:*",
-    "@rn-primitives/toast": "workspace:*",
-    "@rn-primitives/toggle": "workspace:*",
-    "@rn-primitives/toggle-group": "workspace:*",
-    "@rn-primitives/toolbar": "workspace:*",
-    "@rn-primitives/tooltip": "workspace:*",
-    "@rn-primitives/types": "workspace:*",
-    "@rn-primitives/utils": "workspace:*",
+    "@rnr-method/accordion": "workspace:*",
+    "@rnr-method/alert-dialog": "workspace:*",
+    "@rnr-method/aspect-ratio": "workspace:*",
+    "@rnr-method/avatar": "workspace:*",
+    "@rnr-method/checkbox": "workspace:*",
+    "@rnr-method/collapsible": "workspace:*",
+    "@rnr-method/context-menu": "workspace:*",
+    "@rnr-method/dialog": "workspace:*",
+    "@rnr-method/dropdown-menu": "workspace:*",
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/hover-card": "workspace:*",
+    "@rnr-method/label": "workspace:*",
+    "@rnr-method/menubar": "workspace:*",
+    "@rnr-method/navigation-menu": "workspace:*",
+    "@rnr-method/popover": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
+    "@rnr-method/progress": "workspace:*",
+    "@rnr-method/radio-group": "workspace:*",
+    "@rnr-method/select": "workspace:*",
+    "@rnr-method/separator": "workspace:*",
+    "@rnr-method/slider": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/switch": "workspace:*",
+    "@rnr-method/table": "workspace:*",
+    "@rnr-method/tabs": "workspace:*",
+    "@rnr-method/toast": "workspace:*",
+    "@rnr-method/toggle": "workspace:*",
+    "@rnr-method/toggle-group": "workspace:*",
+    "@rnr-method/toolbar": "workspace:*",
+    "@rnr-method/tooltip": "workspace:*",
+    "@rnr-method/types": "workspace:*",
+    "@rnr-method/utils": "workspace:*",
     "@types/react": "~18.3.12",
     "@types/react-dom": "^18.2.19",
     "@vercel/analytics": "^1.3.1",
diff --git a/apps/docs/src/components/Head.astro b/apps/docs/src/components/Head.astro
index f216f6d7..397d9cd5 100644
--- a/apps/docs/src/components/Head.astro
+++ b/apps/docs/src/components/Head.astro
@@ -7,8 +7,8 @@ import Default from '@astrojs/starlight/components/Head.astro'
 <Default {...Astro.props}><slot /></Default>
 
 <!-- Render the <meta/> tags for the Open Graph images. -->
-<meta property="og:image" content="https://rn-primitives.vercel.app/rn-primitives-og.png" />
-<meta name="twitter:image" content="https://rn-primitives.vercel.app/rn-primitives-og.png" />
+<meta property="og:image" content="https://rnr-method.vercel.app/rnr-method-og.png" />
+<meta name="twitter:image" content="https://rnr-method.vercel.app/rnr-method-og.png" />
 <script>
     import { inject } from '@vercel/analytics';
     inject();
diff --git a/apps/docs/src/content/docs/accordion.mdx b/apps/docs/src/content/docs/accordion.mdx
index cb2f3ab6..34f3ad5b 100644
--- a/apps/docs/src/content/docs/accordion.mdx
+++ b/apps/docs/src/content/docs/accordion.mdx
@@ -9,10 +9,10 @@ description: A vertically stacked set of interactive headings that each reveal a
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/accordion/src/accordion.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/accordion/src/accordion.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/accordion/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/accordion/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/accordion/src/accordion.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/accordion/src/accordion.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/accordion/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/accordion/src/index.ts?raw';
 
 A vertically stacked set of interactive headings that each reveal a section of content.
 
@@ -24,7 +24,7 @@ A vertically stacked set of interactive headings that each reveal a section of c
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/accordion
+    npx expo install @rnr-method/accordion
     ```
 
   </TabItem>
@@ -84,7 +84,7 @@ A vertically stacked set of interactive headings that each reveal a section of c
 ## Usage
 
 ```tsx
-import * as AccordionPrimitive from '@rn-primitives/accordion';
+import * as AccordionPrimitive from '@rnr-method/accordion';
 
 function Example() {
   return (
diff --git a/apps/docs/src/content/docs/alert-dialog.mdx b/apps/docs/src/content/docs/alert-dialog.mdx
index 28f52c32..b80585b6 100644
--- a/apps/docs/src/content/docs/alert-dialog.mdx
+++ b/apps/docs/src/content/docs/alert-dialog.mdx
@@ -9,10 +9,10 @@ description: A modal dialog that interrupts the user with important content and
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/alert-dialog/src/alert-dialog.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/alert-dialog/src/alert-dialog.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/alert-dialog/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/alert-dialog/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/alert-dialog/src/alert-dialog.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/alert-dialog/src/alert-dialog.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/alert-dialog/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/alert-dialog/src/index.ts?raw';
 
 A modal dialog that interrupts the user with important content and expects a response.
 
@@ -25,14 +25,14 @@ A modal dialog that interrupts the user with important content and expects a res
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/alert-dialog
+    npx expo install @rnr-method/alert-dialog
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -93,7 +93,7 @@ A modal dialog that interrupts the user with important content and expects a res
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -109,7 +109,7 @@ A modal dialog that interrupts the user with important content and expects a res
 </Aside>
 
 ```tsx
-import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
+import * as AlertDialogPrimitive from '@rnr-method/alert-dialog';
 import { Text } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/aspect-ratio.mdx b/apps/docs/src/content/docs/aspect-ratio.mdx
index 5695ca39..69f096ac 100644
--- a/apps/docs/src/content/docs/aspect-ratio.mdx
+++ b/apps/docs/src/content/docs/aspect-ratio.mdx
@@ -9,7 +9,7 @@ description: Presents content within a chosen aspect ratio.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedCode from '@/../node_modules/@rn-primitives/aspect-ratio/src/aspect-ratio.tsx?raw';
+import importedCode from '@/../node_modules/@rnr-method/aspect-ratio/src/aspect-ratio.tsx?raw';
 
 
 Presents content within a chosen aspect ratio.
@@ -22,7 +22,7 @@ Presents content within a chosen aspect ratio.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/aspect-ratio
+    npx expo install @rnr-method/aspect-ratio
     ```
 
   </TabItem>
@@ -47,7 +47,7 @@ Presents content within a chosen aspect ratio.
 ## Usage
 
 ```tsx
-import * as AspectRatio from '@rn-primitives/aspect-ratio';
+import * as AspectRatio from '@rnr-method/aspect-ratio';
 
 function Example() {
   return (
diff --git a/apps/docs/src/content/docs/avatar.mdx b/apps/docs/src/content/docs/avatar.mdx
index 02dd1f04..f93921aa 100644
--- a/apps/docs/src/content/docs/avatar.mdx
+++ b/apps/docs/src/content/docs/avatar.mdx
@@ -9,8 +9,8 @@ description: An image component featuring an alternative representation for depi
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/avatar/src/avatar.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/avatar/src/types.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/avatar/src/avatar.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/avatar/src/types.ts?raw';
 
 
 An image component featuring an alternative representation for depicting the user.
@@ -23,7 +23,7 @@ An image component featuring an alternative representation for depicting the use
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/avatar
+    npx expo install @rnr-method/avatar
     ```
 
   </TabItem>
@@ -52,7 +52,7 @@ An image component featuring an alternative representation for depicting the use
 ## Usage
 
 ```tsx
-import * as AvatarPrimitive from '@rn-primitives/avatar';
+import * as AvatarPrimitive from '@rnr-method/avatar';
 
 const GITHUB_AVATAR_URI = 'https://github.com/mrzachnugent.png';
 
diff --git a/apps/docs/src/content/docs/checkbox.mdx b/apps/docs/src/content/docs/checkbox.mdx
index aee81171..09c3c632 100644
--- a/apps/docs/src/content/docs/checkbox.mdx
+++ b/apps/docs/src/content/docs/checkbox.mdx
@@ -9,10 +9,10 @@ description: A box that is a checked (ticked) indicator when activated.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/checkbox/src/checkbox.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/checkbox/src/checkbox.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/checkbox/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/checkbox/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/checkbox/src/checkbox.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/checkbox/src/checkbox.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/checkbox/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/checkbox/src/index.ts?raw';
 
 
 A box that is a checked (ticked) indicator when activated.
@@ -25,7 +25,7 @@ A box that is a checked (ticked) indicator when activated.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/checkbox
+    npx expo install @rnr-method/checkbox
     ```
 
   </TabItem>
@@ -80,7 +80,7 @@ A box that is a checked (ticked) indicator when activated.
 ## Usage
 
 ```tsx
-import * as CheckboxPrimitive from '@rn-primitives/checkbox';
+import * as CheckboxPrimitive from '@rnr-method/checkbox';
 
 function Example() {
   const [checked, setChecked] = React.useState(false);
diff --git a/apps/docs/src/content/docs/collapsible.mdx b/apps/docs/src/content/docs/collapsible.mdx
index ebe6873a..3833eadb 100644
--- a/apps/docs/src/content/docs/collapsible.mdx
+++ b/apps/docs/src/content/docs/collapsible.mdx
@@ -9,10 +9,10 @@ description: A dynamic element that facilitates the expansion or collapse of a p
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/collapsible/src/collapsible.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/collapsible/src/collapsible.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/collapsible/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/collapsible/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/collapsible/src/collapsible.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/collapsible/src/collapsible.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/collapsible/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/collapsible/src/index.ts?raw';
 
 
 A dynamic element that facilitates the expansion or collapse of a panel.
@@ -25,7 +25,7 @@ A dynamic element that facilitates the expansion or collapse of a panel.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/collapsible
+    npx expo install @rnr-method/collapsible
     ```
 
   </TabItem>
@@ -78,7 +78,7 @@ A dynamic element that facilitates the expansion or collapse of a panel.
 ## Usage
 
 ```tsx
-import * as CollapsiblePrimitive from '@rn-primitives/collapsible';
+import * as CollapsiblePrimitive from '@rnr-method/collapsible';
 
 function Example() {
   return (
diff --git a/apps/docs/src/content/docs/context-menu.mdx b/apps/docs/src/content/docs/context-menu.mdx
index 2d5f68e5..b1780c48 100644
--- a/apps/docs/src/content/docs/context-menu.mdx
+++ b/apps/docs/src/content/docs/context-menu.mdx
@@ -9,10 +9,10 @@ description: Shows a menu activated by either a right-click or a long-press.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/context-menu/src/context-menu.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/context-menu/src/context-menu.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/context-menu/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/context-menu/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/context-menu/src/context-menu.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/context-menu/src/context-menu.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/context-menu/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/context-menu/src/index.ts?raw';
 
 
 Shows a menu activated by either a right-click or a long-press.
@@ -25,7 +25,7 @@ Shows a menu activated by either a right-click or a long-press.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/context-menu
+    npx expo install @rnr-method/context-menu
     ```
 
 
@@ -33,7 +33,7 @@ Shows a menu activated by either a right-click or a long-press.
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -95,7 +95,7 @@ Shows a menu activated by either a right-click or a long-press.
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -112,7 +112,7 @@ Shows a menu activated by either a right-click or a long-press.
 
 ```tsx
 import * as React from 'react';
-import * as ContextMenuPrimitive from '@rn-primitives/context-menu';
+import * as ContextMenuPrimitive from '@rnr-method/context-menu';
 import { Text } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/dialog.mdx b/apps/docs/src/content/docs/dialog.mdx
index 6c818991..40c05bad 100644
--- a/apps/docs/src/content/docs/dialog.mdx
+++ b/apps/docs/src/content/docs/dialog.mdx
@@ -9,10 +9,10 @@ description: A modal dialog that interrupts the user with important content and
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/dialog/src/dialog.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/dialog/src/dialog.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/dialog/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/dialog/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/dialog/src/dialog.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/dialog/src/dialog.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/dialog/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/dialog/src/index.ts?raw';
 
 A modal dialog that interrupts the user with important content and expects a response.
 
@@ -24,14 +24,14 @@ A modal dialog that interrupts the user with important content and expects a res
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/dialog
+    npx expo install @rnr-method/dialog
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -89,7 +89,7 @@ A modal dialog that interrupts the user with important content and expects a res
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -105,7 +105,7 @@ A modal dialog that interrupts the user with important content and expects a res
 </Aside>
 
 ```tsx
-import * as DialogPrimitive from '@rn-primitives/dialog';
+import * as DialogPrimitive from '@rnr-method/dialog';
 import { Text } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/dropdown-menu.mdx b/apps/docs/src/content/docs/dropdown-menu.mdx
index dd3519c1..8857654a 100644
--- a/apps/docs/src/content/docs/dropdown-menu.mdx
+++ b/apps/docs/src/content/docs/dropdown-menu.mdx
@@ -9,10 +9,10 @@ description: Shows a menu with options or actions when a user clicks the trigger
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/dropdown-menu/src/dropdown-menu.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/dropdown-menu/src/dropdown-menu.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/dropdown-menu/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/dropdown-menu/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/dropdown-menu/src/dropdown-menu.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/dropdown-menu/src/dropdown-menu.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/dropdown-menu/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/dropdown-menu/src/index.ts?raw';
 
 Shows a menu with options or actions when a user clicks the trigger button.
 
@@ -24,14 +24,14 @@ Shows a menu with options or actions when a user clicks the trigger button.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/dropdown-menu
+    npx expo install @rnr-method/dropdown-menu
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -91,7 +91,7 @@ Shows a menu with options or actions when a user clicks the trigger button.
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -107,7 +107,7 @@ Shows a menu with options or actions when a user clicks the trigger button.
 </Aside>
 
 ```tsx
-import * as DropdownMenuPrimitive from "@rn-primitives/dropdown-menu";
+import * as DropdownMenuPrimitive from "@rnr-method/dropdown-menu";
 import * as React from "react";
 import { StyleSheet, Text, ViewStyle } from "react-native";
 
diff --git a/apps/docs/src/content/docs/hooks.mdx b/apps/docs/src/content/docs/hooks.mdx
index 232da728..9151b7ed 100644
--- a/apps/docs/src/content/docs/hooks.mdx
+++ b/apps/docs/src/content/docs/hooks.mdx
@@ -9,10 +9,10 @@ description: A collection of hooks for core primitives.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Card, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedIndexCode from '@/../node_modules/@rn-primitives/hooks/src/index.ts?raw';
-import importedUseAugmentedRefCode from '@/../node_modules/@rn-primitives/hooks/src/useAugmentedRef.tsx?raw';
-import importedUseControllableStateCode from '@/../node_modules/@rn-primitives/hooks/src/useControllableState.tsx?raw';
-import importedUseRelativePositionCode from '@/../node_modules/@rn-primitives/hooks/src/useRelativePosition.tsx?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/hooks/src/index.ts?raw';
+import importedUseAugmentedRefCode from '@/../node_modules/@rnr-method/hooks/src/useAugmentedRef.tsx?raw';
+import importedUseControllableStateCode from '@/../node_modules/@rnr-method/hooks/src/useControllableState.tsx?raw';
+import importedUseRelativePositionCode from '@/../node_modules/@rnr-method/hooks/src/useRelativePosition.tsx?raw';
 
 <LinkButton href="/primitives/types">
   Types Primitives
@@ -38,7 +38,7 @@ A collection of hooks for core primitives.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/hooks
+    npx expo install @rnr-method/hooks
     ```
 
   </TabItem>
@@ -79,8 +79,8 @@ A collection of hooks for core primitives.
 ### useAugmentedRef
 
 ```tsx
-import { useAugmentedRef } from '@rn-primitives/hooks';
-import type { PressableRef, SlottablePressableProps } from '@rn-primitives/types';
+import { useAugmentedRef } from '@rnr-method/hooks';
+import type { PressableRef, SlottablePressableProps } from '@rnr-method/types';
 
 const Thing = React.forwardRef<PressableRef, SlottablePressableProps>(
   (props, ref) => {
@@ -105,8 +105,8 @@ const Thing = React.forwardRef<PressableRef, SlottablePressableProps>(
 ### useControllableState
 
 ```tsx
-import { useControllableState } from '@rn-primitives/hooks';
-import type { PressableRef, SlottablePressableProps } from '@rn-primitives/types';
+import { useControllableState } from '@rnr-method/hooks';
+import type { PressableRef, SlottablePressableProps } from '@rnr-method/types';
 
 const Thing = React.forwardRef<PressableRef, SlottablePressableProps & { defaultOpen?: boolean, open?: boolean, onOpenChange?: (open: boolean) => void }>(
   ({ defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, onPress: onPressProp, ...props}, ref) => {
@@ -135,8 +135,8 @@ const Thing = React.forwardRef<PressableRef, SlottablePressableProps & { default
 ### useRelativePosition
 
 ```tsx
-import { useRelativePosition } from '@rn-primitives/hooks';
-import type { PositionedContentProps, SlottablePressableProps, ViewRef } from '@rn-primitives/types';
+import { useRelativePosition } from '@rnr-method/hooks';
+import type { PositionedContentProps, SlottablePressableProps, ViewRef } from '@rnr-method/types';
 
 const Content = React.forwardRef<ViewRef, SlottableViewProps & PositionedContentProps>(
   (
diff --git a/apps/docs/src/content/docs/hover-card.mdx b/apps/docs/src/content/docs/hover-card.mdx
index 8a595e02..9419c0c7 100644
--- a/apps/docs/src/content/docs/hover-card.mdx
+++ b/apps/docs/src/content/docs/hover-card.mdx
@@ -9,10 +9,10 @@ description: Allows users with vision to preview the content hidden behind an el
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/hover-card/src/hover-card.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/hover-card/src/hover-card.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/hover-card/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/hover-card/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/hover-card/src/hover-card.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/hover-card/src/hover-card.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/hover-card/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/hover-card/src/index.ts?raw';
 
 Allows users with vision to preview the content hidden behind an element before hovering or pressing.
 
@@ -24,14 +24,14 @@ Allows users with vision to preview the content hidden behind an element before
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/hover-card
+    npx expo install @rnr-method/hover-card
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -90,7 +90,7 @@ Allows users with vision to preview the content hidden behind an element before
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -106,7 +106,7 @@ Allows users with vision to preview the content hidden behind an element before
 </Aside>
 
 ```tsx
-import * as HoverCardPrimitive from '@rn-primitives/hover-card';
+import * as HoverCardPrimitive from '@rnr-method/hover-card';
 import { Text, View } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/label.mdx b/apps/docs/src/content/docs/label.mdx
index 16fc6992..788c7ec1 100644
--- a/apps/docs/src/content/docs/label.mdx
+++ b/apps/docs/src/content/docs/label.mdx
@@ -9,10 +9,10 @@ description: A user-friendly label linked to controls for improved accessibility
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/label/src/label.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/label/src/label.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/label/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/label/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/label/src/label.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/label/src/label.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/label/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/label/src/index.ts?raw';
 
 A user-friendly label linked to controls for improved accessibility.
 
@@ -24,14 +24,14 @@ A user-friendly label linked to controls for improved accessibility.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/label
+    npx expo install @rnr-method/label
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -84,7 +84,7 @@ A user-friendly label linked to controls for improved accessibility.
 ## Usage
 
 ```tsx
-import * as LabelPrimitive from '@rn-primitives/label';
+import * as LabelPrimitive from '@rnr-method/label';
 
 function Example() {
   const [checked, setChecked] = React.useState(false);
diff --git a/apps/docs/src/content/docs/menubar.mdx b/apps/docs/src/content/docs/menubar.mdx
index 1cf9a2bb..2c619cc7 100644
--- a/apps/docs/src/content/docs/menubar.mdx
+++ b/apps/docs/src/content/docs/menubar.mdx
@@ -9,10 +9,10 @@ description: A menu that stays visible on the screen, often seen in desktop apps
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/menubar/src/menubar.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/menubar/src/menubar.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/menubar/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/menubar/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/menubar/src/menubar.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/menubar/src/menubar.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/menubar/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/menubar/src/index.ts?raw';
 
 A menu that stays visible on the screen, often seen in desktop apps, offering easy access to a standard set of commands.
 
@@ -24,14 +24,14 @@ A menu that stays visible on the screen, often seen in desktop apps, offering ea
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/menubar
+    npx expo install @rnr-method/menubar
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -92,7 +92,7 @@ A menu that stays visible on the screen, often seen in desktop apps, offering ea
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -111,7 +111,7 @@ A menu that stays visible on the screen, often seen in desktop apps, offering ea
 import * as React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import Animated, { FadeIn } from 'react-native-reanimated';
-import * as MenubarPrimitive from '@rn-primitives/menubar';
+import * as MenubarPrimitive from '@rnr-method/menubar';
 
 function Example() {
   const [value, setValue] = React.useState<string | undefined>();
diff --git a/apps/docs/src/content/docs/navigation-menu.mdx b/apps/docs/src/content/docs/navigation-menu.mdx
index e3797b22..a8d2525a 100644
--- a/apps/docs/src/content/docs/navigation-menu.mdx
+++ b/apps/docs/src/content/docs/navigation-menu.mdx
@@ -9,10 +9,10 @@ description: A collection of navigation links.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/navigation-menu/src/navigation-menu.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/navigation-menu/src/navigation-menu.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/navigation-menu/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/navigation-menu/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/navigation-menu/src/navigation-menu.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/navigation-menu/src/navigation-menu.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/navigation-menu/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/navigation-menu/src/index.ts?raw';
 
 A collection of navigation links.
 
@@ -25,14 +25,14 @@ A collection of navigation links.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/navigation-menu
+    npx expo install @rnr-method/navigation-menu
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -93,7 +93,7 @@ A collection of navigation links.
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -111,7 +111,7 @@ A collection of navigation links.
 ```tsx
 import * as React from 'react';
 import { Platform, StyleSheet, Pressable, Text } from 'react-native';
-import * as NavigationMenuPrimitive from '@rn-primitives/navigation-menu';
+import * as NavigationMenuPrimitive from '@rnr-method/navigation-menu';
 
 function Example() {
   const [value, setValue] = React.useState<string>();
diff --git a/apps/docs/src/content/docs/popover.mdx b/apps/docs/src/content/docs/popover.mdx
index 2a7d3f6a..c5512f58 100644
--- a/apps/docs/src/content/docs/popover.mdx
+++ b/apps/docs/src/content/docs/popover.mdx
@@ -9,10 +9,10 @@ description: Dynamic content within a portal, activated by a button press.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/popover/src/popover.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/popover/src/popover.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/popover/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/popover/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/popover/src/popover.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/popover/src/popover.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/popover/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/popover/src/index.ts?raw';
 
 
 Dynamic content within a portal, activated by a button press.
@@ -25,14 +25,14 @@ Dynamic content within a portal, activated by a button press.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/popover
+    npx expo install @rnr-method/popover
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -91,7 +91,7 @@ Dynamic content within a portal, activated by a button press.
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -107,7 +107,7 @@ Dynamic content within a portal, activated by a button press.
 </Aside>
 
 ```tsx
-import * as PopoverPrimitive from '@rn-primitives/popover';
+import * as PopoverPrimitive from '@rnr-method/popover';
 import { Text } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/portal.mdx b/apps/docs/src/content/docs/portal.mdx
index ffa5d77d..2e8b6b94 100644
--- a/apps/docs/src/content/docs/portal.mdx
+++ b/apps/docs/src/content/docs/portal.mdx
@@ -9,7 +9,7 @@ description: Portals let you render its children into a different part of your a
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Card, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedPortalCode from '@/../node_modules/@rn-primitives/portal/src/portal.tsx?raw';
+import importedPortalCode from '@/../node_modules/@rnr-method/portal/src/portal.tsx?raw';
 
 Portals let you render its children into a different part of your app.
 
@@ -29,7 +29,7 @@ Portals let you render its children into a different part of your app.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/portal
+    npx expo install @rnr-method/portal
     ```
 
   </TabItem>
@@ -57,7 +57,7 @@ Portals let you render its children into a different part of your app.
 Add the `<PortalHost />` as the last child of your `<Root/>` component (for expo-router, the default export in the root `_layout.tsx`)
 
 ```tsx
-import { PortalHost } from '@rn-primitives/portal';
+import { PortalHost } from '@rnr-method/portal';
 
 function Root() {
   return (
@@ -73,7 +73,7 @@ function Root() {
 Then, from any component, add a `<Portal />` and its content will be rendered as a child of `<PortalHost />`
 
 ```tsx
-import { Portal } from '@rn-primitives/portal';
+import { Portal } from '@rnr-method/portal';
 
 function Card() {
   return (
@@ -109,7 +109,7 @@ function Card() {
 Add the `<PortalHost name="unique-host-name"/>` with a unique name where you want the contents of `<Portal />` to render. Then, from any component, add a `<Portal />` and its content will be rendered as a child of `<PortalHost />`
 
 ```tsx
-import { Portal, PortalHost } from '@rn-primitives/portal';
+import { Portal, PortalHost } from '@rnr-method/portal';
 
 function Example() {
   return (
diff --git a/apps/docs/src/content/docs/progress.mdx b/apps/docs/src/content/docs/progress.mdx
index a5e3f51f..54023a70 100644
--- a/apps/docs/src/content/docs/progress.mdx
+++ b/apps/docs/src/content/docs/progress.mdx
@@ -9,10 +9,10 @@ description: Shows an indicator representing the advancement status of a task.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/progress/src/progress.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/progress/src/progress.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/progress/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/progress/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/progress/src/progress.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/progress/src/progress.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/progress/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/progress/src/index.ts?raw';
 
 Shows an indicator representing the advancement status of a task.
 
@@ -24,7 +24,7 @@ Shows an indicator representing the advancement status of a task.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/progress
+    npx expo install @rnr-method/progress
     ```
 
   </TabItem>
@@ -76,7 +76,7 @@ Shows an indicator representing the advancement status of a task.
 ## Usage
 
 ```tsx
-import * as ProgressPrimitive from '@rn-primitives/progress';
+import * as ProgressPrimitive from '@rnr-method/progress';
 
 function Example() {
   return (
diff --git a/apps/docs/src/content/docs/radio-group.mdx b/apps/docs/src/content/docs/radio-group.mdx
index ed78cb7f..1d4193bb 100644
--- a/apps/docs/src/content/docs/radio-group.mdx
+++ b/apps/docs/src/content/docs/radio-group.mdx
@@ -9,10 +9,10 @@ description: A group of selectable buttons, commonly referred to as radio button
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/radio-group/src/radio-group.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/radio-group/src/radio-group.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/radio-group/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/radio-group/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/radio-group/src/radio-group.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/radio-group/src/radio-group.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/radio-group/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/radio-group/src/index.ts?raw';
 
 
 A group of selectable buttons, commonly referred to as radio buttons, wherein only one button can be checked simultaneously.
@@ -25,7 +25,7 @@ A group of selectable buttons, commonly referred to as radio buttons, wherein on
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/radio-group
+    npx expo install @rnr-method/radio-group
     ```
 
   </TabItem>
@@ -78,7 +78,7 @@ A group of selectable buttons, commonly referred to as radio buttons, wherein on
 
 ```tsx
 import * as React from 'react';
-import * as RadioGroupPrimitive from '@rn-primitives/radio-group';
+import * as RadioGroupPrimitive from '@rnr-method/radio-group';
 import { Text, View } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/select.mdx b/apps/docs/src/content/docs/select.mdx
index 53a7dd1f..43c895b3 100644
--- a/apps/docs/src/content/docs/select.mdx
+++ b/apps/docs/src/content/docs/select.mdx
@@ -9,10 +9,10 @@ description: Presents a selection of options for the user to choose from, activa
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/select/src/select.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/select/src/select.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/select/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/select/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/select/src/select.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/select/src/select.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/select/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/select/src/index.ts?raw';
 
 Presents a selection of options for the user to choose from, activated by a button.
 
@@ -25,14 +25,14 @@ Presents a selection of options for the user to choose from, activated by a butt
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/select
+    npx expo install @rnr-method/select
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -91,7 +91,7 @@ Presents a selection of options for the user to choose from, activated by a butt
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -107,7 +107,7 @@ Presents a selection of options for the user to choose from, activated by a butt
 </Aside>
 
 ```tsx
-import * as SelectPrimitive from '@rn-primitives/select';
+import * as SelectPrimitive from '@rnr-method/select';
 import { View } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/separator.mdx b/apps/docs/src/content/docs/separator.mdx
index 5f5bd1b6..986145c2 100644
--- a/apps/docs/src/content/docs/separator.mdx
+++ b/apps/docs/src/content/docs/separator.mdx
@@ -9,8 +9,8 @@ description: Creates a visual or semantic distinction between content.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedCode from '@/../node_modules/@rn-primitives/separator/src/separator.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/separator/src/types.ts?raw';
+import importedCode from '@/../node_modules/@rnr-method/separator/src/separator.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/separator/src/types.ts?raw';
 
 
 Creates a visual or semantic distinction between content.
@@ -23,7 +23,7 @@ Creates a visual or semantic distinction between content.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/separator
+    npx expo install @rnr-method/separator
     ```
 
   </TabItem>
@@ -49,7 +49,7 @@ Creates a visual or semantic distinction between content.
 ## Usage
 
 ```tsx
-import * as SeparatorPrimitive from '@rn-primitives/separator';
+import * as SeparatorPrimitive from '@rnr-method/separator';
 
 function Example() {
   return <SeparatorPrimitive.Root />
diff --git a/apps/docs/src/content/docs/slider.mdx b/apps/docs/src/content/docs/slider.mdx
index 5caa69d0..bb3b816d 100644
--- a/apps/docs/src/content/docs/slider.mdx
+++ b/apps/docs/src/content/docs/slider.mdx
@@ -9,10 +9,10 @@ description: An input allowing the user to choose a value from a specified range
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/slider/src/slider.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/slider/src/slider.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/slider/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/slider/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/slider/src/slider.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/slider/src/slider.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/slider/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/slider/src/index.ts?raw';
 
 An input allowing the user to choose a value from a specified range.
 
@@ -25,14 +25,14 @@ An input allowing the user to choose a value from a specified range.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/slider
+    npx expo install @rnr-method/slider
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -93,7 +93,7 @@ An input allowing the user to choose a value from a specified range.
 ```tsx
 import * as React from 'react';
 import { View, Text, Platform } from 'react-native';
-import * as SelectPrimitive from '@rn-primitives/select';
+import * as SelectPrimitive from '@rnr-method/select';
 
 function Example() {
   const [value, setValue] = React.useState(50);
diff --git a/apps/docs/src/content/docs/slot.mdx b/apps/docs/src/content/docs/slot.mdx
index 67b18ec2..9566a499 100644
--- a/apps/docs/src/content/docs/slot.mdx
+++ b/apps/docs/src/content/docs/slot.mdx
@@ -9,7 +9,7 @@ description: Merges its props onto its immediate child.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Card, TabItem, Tabs } from '@astrojs/starlight/components';
-import importedCode from '@/../node_modules/@rn-primitives/slot/src/slot.tsx?raw';
+import importedCode from '@/../node_modules/@rnr-method/slot/src/slot.tsx?raw';
 
 Merges its props onto its immediate child. 
 
@@ -26,7 +26,7 @@ Merges its props onto its immediate child.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/slot
+    npx expo install @rnr-method/slot
     ```
 
   </TabItem>
@@ -42,7 +42,7 @@ Merges its props onto its immediate child.
 ### View Slot
 
 ```tsx
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 
 function CustomView({ isChild = true }) {
   const Component = isChild ? Slot.View : View;
@@ -58,7 +58,7 @@ function CustomView({ isChild = true }) {
 ### Pressable Slot
 
 ```tsx
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 
 function CustomPressable() {
   return (
@@ -73,7 +73,7 @@ function CustomPressable() {
 ### Text Slot
 
 ```tsx
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 
 function CustomText() {
   return (
@@ -88,7 +88,7 @@ function CustomText() {
 ### Image Slot
 
 ```tsx
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 
 function CustomImage() {
   return (
diff --git a/apps/docs/src/content/docs/switch.mdx b/apps/docs/src/content/docs/switch.mdx
index ad39d451..c55be4a4 100644
--- a/apps/docs/src/content/docs/switch.mdx
+++ b/apps/docs/src/content/docs/switch.mdx
@@ -9,10 +9,10 @@ description: A control enabling the user to switch between a checked and uncheck
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/switch/src/switch.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/switch/src/switch.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/switch/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/switch/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/switch/src/switch.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/switch/src/switch.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/switch/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/switch/src/index.ts?raw';
 
 A control enabling the user to switch between a checked and unchecked state.
 
@@ -25,7 +25,7 @@ A control enabling the user to switch between a checked and unchecked state.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/switch
+    npx expo install @rnr-method/switch
     ```
 
   </TabItem>
@@ -78,7 +78,7 @@ A control enabling the user to switch between a checked and unchecked state.
 
 ```tsx
 import * as React from 'react';
-import * as SwitchPrimitive from '@rn-primitives/switch';
+import * as SwitchPrimitive from '@rnr-method/switch';
 
 export default function SwitchScreen() {
   const [checked, setChecked] = React.useState(false);
diff --git a/apps/docs/src/content/docs/table.mdx b/apps/docs/src/content/docs/table.mdx
index 01dc827d..9b3ce1f0 100644
--- a/apps/docs/src/content/docs/table.mdx
+++ b/apps/docs/src/content/docs/table.mdx
@@ -9,7 +9,7 @@ description: Shows an accessible table component.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, TabItem, Tabs } from '@astrojs/starlight/components';
-import importedCode from '@/../node_modules/@rn-primitives/table/src/table.tsx?raw';
+import importedCode from '@/../node_modules/@rnr-method/table/src/table.tsx?raw';
 
 Shows an accessible table component.
 
@@ -21,7 +21,7 @@ Shows an accessible table component.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/table
+    npx expo install @rnr-method/table
     ```
 
   </TabItem>
@@ -45,7 +45,7 @@ Shows an accessible table component.
 ## Usage
 
 ```tsx
-import * as TablePrimitive from '@rn-primitives/table';
+import * as TablePrimitive from '@rnr-method/table';
 import { Text } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/tabs.mdx b/apps/docs/src/content/docs/tabs.mdx
index 9f87c701..434f48d5 100644
--- a/apps/docs/src/content/docs/tabs.mdx
+++ b/apps/docs/src/content/docs/tabs.mdx
@@ -9,10 +9,10 @@ description: A collection of layered content sections, referred to as tab panels
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/tabs/src/tabs.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/tabs/src/tabs.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/tabs/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/tabs/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/tabs/src/tabs.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/tabs/src/tabs.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/tabs/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/tabs/src/index.ts?raw';
 
 A collection of layered content sections, referred to as tab panels, displayed individually.
 
@@ -24,7 +24,7 @@ A collection of layered content sections, referred to as tab panels, displayed i
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/tabs
+    npx expo install @rnr-method/tabs
     ```
 
   </TabItem>
@@ -79,7 +79,7 @@ A collection of layered content sections, referred to as tab panels, displayed i
 
 ```tsx
 import * as React from 'react';
-import * as TabsPrimitive from '@rn-primitives/tabs';
+import * as TabsPrimitive from '@rnr-method/tabs';
 import { Text } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/toast.mdx b/apps/docs/src/content/docs/toast.mdx
index ae68a548..4caf5dd8 100644
--- a/apps/docs/src/content/docs/toast.mdx
+++ b/apps/docs/src/content/docs/toast.mdx
@@ -9,8 +9,8 @@ description: A concise message that appears briefly.
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, TabItem, Tabs } from '@astrojs/starlight/components';
-import importedCode from '@/../node_modules/@rn-primitives/toast/src/toast.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/toast/src/types.ts?raw';
+import importedCode from '@/../node_modules/@rnr-method/toast/src/toast.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/toast/src/types.ts?raw';
 
 A concise message that appears briefly.
 
@@ -22,14 +22,14 @@ A concise message that appears briefly.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/toast
+    npx expo install @rnr-method/toast
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -62,7 +62,7 @@ A concise message that appears briefly.
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -81,8 +81,8 @@ A concise message that appears briefly.
 import * React from 'react';
 import { Pressable, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Portal } from '@rn-primitives/portal';
-import * as ToastPrimitive from '@rn-primitives/toast';
+import { Portal } from '@rnr-method/portal';
+import * as ToastPrimitive from '@rnr-method/toast';
 
 function Example() {
   const [open, setOpen] = React.useState(false);
diff --git a/apps/docs/src/content/docs/toggle-group.mdx b/apps/docs/src/content/docs/toggle-group.mdx
index 43e080d0..7166fd79 100644
--- a/apps/docs/src/content/docs/toggle-group.mdx
+++ b/apps/docs/src/content/docs/toggle-group.mdx
@@ -9,10 +9,10 @@ description: A collection of buttons with true or false states, which can be act
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/toggle-group/src/toggle-group.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/toggle-group/src/toggle-group.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/toggle-group/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/toggle-group/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/toggle-group/src/toggle-group.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/toggle-group/src/toggle-group.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/toggle-group/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/toggle-group/src/index.ts?raw';
 
 A collection of buttons with true or false states, which can be activated or deactivated by toggling.
 
@@ -24,7 +24,7 @@ A collection of buttons with true or false states, which can be activated or dea
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/toggle-group
+    npx expo install @rnr-method/toggle-group
     ```
 
   </TabItem>
@@ -82,7 +82,7 @@ A collection of buttons with true or false states, which can be activated or dea
 ```tsx
 import * as React from 'react';
 import { Text, View } from 'react-native';
-import * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';
+import * as ToggleGroupPrimitive from '@rnr-method/toggle-group';
 
 function Example() {
   const [multipleValue, setMultipleValue] = React.useState<string[]>([]);
diff --git a/apps/docs/src/content/docs/toggle.mdx b/apps/docs/src/content/docs/toggle.mdx
index 4747f522..b04ff635 100644
--- a/apps/docs/src/content/docs/toggle.mdx
+++ b/apps/docs/src/content/docs/toggle.mdx
@@ -9,10 +9,10 @@ description: A button with a true or false state, which can be activated or deac
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/toggle/src/toggle.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/toggle/src/toggle.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/toggle/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/toggle/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/toggle/src/toggle.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/toggle/src/toggle.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/toggle/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/toggle/src/index.ts?raw';
 
 A button with a true or false state, which can be activated or deactivated by toggling.
 
@@ -24,7 +24,7 @@ A button with a true or false state, which can be activated or deactivated by to
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/toggle
+    npx expo install @rnr-method/toggle
     ```
 
 
@@ -80,7 +80,7 @@ A button with a true or false state, which can be activated or deactivated by to
 ```tsx
 import * as React from 'react';
 import { Text } from 'react-native';
-import * as TogglePrimitive from '@rn-primitives/toggle';
+import * as TogglePrimitive from '@rnr-method/toggle';
 
 function Example() {
   const [isActive, setIsActive] = React.useState(false);
diff --git a/apps/docs/src/content/docs/toolbar.mdx b/apps/docs/src/content/docs/toolbar.mdx
index bbc0fc94..f384cae3 100644
--- a/apps/docs/src/content/docs/toolbar.mdx
+++ b/apps/docs/src/content/docs/toolbar.mdx
@@ -9,10 +9,10 @@ description: A container designed for organizing a collection of controls, such
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/toolbar/src/toolbar.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/toolbar/src/toolbar.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/toolbar/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/toolbar/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/toolbar/src/toolbar.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/toolbar/src/toolbar.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/toolbar/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/toolbar/src/index.ts?raw';
 
 A container designed for organizing a collection of controls, such as buttons, toggle groups, or dropdown menus.
 
@@ -24,7 +24,7 @@ A container designed for organizing a collection of controls, such as buttons, t
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/toolbar
+    npx expo install @rnr-method/toolbar
     ```
 
   </TabItem>
@@ -79,7 +79,7 @@ A container designed for organizing a collection of controls, such as buttons, t
 ```tsx
 import * as React from 'react';
 import { Text, View } from 'react-native';
-import * as ToolbarPrimitive from '@rn-primitives/toolbar';
+import * as ToolbarPrimitive from '@rnr-method/toolbar';
 
 function Example() {
   const [singleValue, setSingleValue] = React.useState<string>();
diff --git a/apps/docs/src/content/docs/tooltip.mdx b/apps/docs/src/content/docs/tooltip.mdx
index ce94eba4..c92fd949 100644
--- a/apps/docs/src/content/docs/tooltip.mdx
+++ b/apps/docs/src/content/docs/tooltip.mdx
@@ -9,10 +9,10 @@ description: A pop-up presenting relevant information pertaining to an element w
 import Code from '@/components/ManualCode.astro';
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Tabs, TabItem } from '@astrojs/starlight/components';
-import importedNativeCode from '@/../node_modules/@rn-primitives/tooltip/src/tooltip.tsx?raw';
-import importedWebCode from '@/../node_modules/@rn-primitives/tooltip/src/tooltip.web.tsx?raw';
-import importedTypesCode from '@/../node_modules/@rn-primitives/tooltip/src/types.ts?raw';
-import importedIndexCode from '@/../node_modules/@rn-primitives/tooltip/src/index.ts?raw';
+import importedNativeCode from '@/../node_modules/@rnr-method/tooltip/src/tooltip.tsx?raw';
+import importedWebCode from '@/../node_modules/@rnr-method/tooltip/src/tooltip.web.tsx?raw';
+import importedTypesCode from '@/../node_modules/@rnr-method/tooltip/src/types.ts?raw';
+import importedIndexCode from '@/../node_modules/@rnr-method/tooltip/src/index.ts?raw';
 
 A pop-up presenting relevant information pertaining to an element whenever the element gains keyboard focus or when the mouse hovers over it.
 
@@ -24,14 +24,14 @@ A pop-up presenting relevant information pertaining to an element whenever the e
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/tooltip
+    npx expo install @rnr-method/tooltip
     ```
 
     <Aside title="Peer dependency">
       If you do not have the portal primitive in your project, you will need to add it as well.
 
        ```bash
-      npx expo install @rn-primitives/portal
+      npx expo install @rnr-method/portal
       ```
     </Aside>
 
@@ -92,7 +92,7 @@ A pop-up presenting relevant information pertaining to an element whenever the e
   Requires a `<PortalHost />` as the last child of your `<Root/>` (`app/_layout.tsx`) component
 
   ```tsx
-  import { PortalHost } from '@rn-primitives/portal';
+  import { PortalHost } from '@rnr-method/portal';
 
   function Root() {
     return (
@@ -108,7 +108,7 @@ A pop-up presenting relevant information pertaining to an element whenever the e
 </Aside>
 
 ```tsx
-import * as TooltipPrimitive from '@rn-primitives/tooltip';
+import * as TooltipPrimitive from '@rnr-method/tooltip';
 import { Platform, Text } from 'react-native';
 
 function Example() {
diff --git a/apps/docs/src/content/docs/types.mdx b/apps/docs/src/content/docs/types.mdx
index 02356a64..794cfd53 100644
--- a/apps/docs/src/content/docs/types.mdx
+++ b/apps/docs/src/content/docs/types.mdx
@@ -8,7 +8,7 @@ description: A collection of types shared across core primitives.
 
 import { LinkButton } from '@/components/react/LinkButton';
 import { Aside, Card, Code, TabItem, Tabs } from '@astrojs/starlight/components';
-import importedCode from '@/../node_modules/@rn-primitives/types/src/index.ts?raw';
+import importedCode from '@/../node_modules/@rnr-method/types/src/index.ts?raw';
 
 A collection of types shared across core primitives.
 
@@ -20,7 +20,7 @@ A collection of types shared across core primitives.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/types
+    npx expo install @rnr-method/types
     ```
   </TabItem>
   <TabItem label="Manual">
diff --git a/apps/docs/src/content/docs/utils.mdx b/apps/docs/src/content/docs/utils.mdx
index df5a85ef..a90ee4d4 100644
--- a/apps/docs/src/content/docs/utils.mdx
+++ b/apps/docs/src/content/docs/utils.mdx
@@ -8,7 +8,7 @@ description: A collection of utilities for the core primitives.
 
 import Code from '@/components/ManualCode.astro';
 import { Aside, Card, TabItem, Tabs } from '@astrojs/starlight/components';
-import importedCode from '@/../node_modules/@rn-primitives/utils/src/index.ts?raw';
+import importedCode from '@/../node_modules/@rnr-method/utils/src/index.ts?raw';
 
 A collection of utilities for core primitives.
 
@@ -27,7 +27,7 @@ A collection of utilities for core primitives.
   Install the component via your command line.
 
     ```bash
-    npx expo install @rn-primitives/utils
+    npx expo install @rnr-method/utils
     ```
   </TabItem>
   <TabItem label="Manual">
@@ -46,8 +46,8 @@ A collection of utilities for core primitives.
 - `getNewMultipleValue`: Returns the new value for a multiple toggle group.
 
 ```tsx
-import { ToggleGroupUtils } from '@rn-primitives/hooks';
-import type { PressableRef, SlottablePressableProps } from '@rn-primitives/types';
+import { ToggleGroupUtils } from '@rnr-method/hooks';
+import type { PressableRef, SlottablePressableProps } from '@rnr-method/types';
 
 const Item = React.forwardRef<PressableRef, SlottablePressableProps>(
   (
@@ -93,8 +93,8 @@ const Item = React.forwardRef<PressableRef, SlottablePressableProps>(
 ### EmptyGestureResponderEvent
 
 ```tsx
-import { EmptyGestureResponderEvent } from '@rn-primitives/hooks';
-import type { PressableRef, SlottablePressableProps } from '@rn-primitives/types';
+import { EmptyGestureResponderEvent } from '@rnr-method/hooks';
+import type { PressableRef, SlottablePressableProps } from '@rnr-method/types';
 
 const Item = React.forwardRef<PressableRef, SlottablePressableProps>(
   ({  onPress: onPressProp, onKeyDown: onKeyDownProp, ...props }, ref) => {
diff --git a/apps/docs/src/lib/utils.ts b/apps/docs/src/lib/utils.ts
index 874c2563..16f9ea59 100644
--- a/apps/docs/src/lib/utils.ts
+++ b/apps/docs/src/lib/utils.ts
@@ -6,5 +6,5 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export function fixManualImports(rawfile: string) {
-  return rawfile.replaceAll('@rn-primitives/', '~/components/primitives/');
+  return rawfile.replaceAll('@rnr-method/', '~/components/primitives/');
 }
diff --git a/apps/expo-nativewind/app/(components)/navigation-menu.tsx b/apps/expo-nativewind/app/(components)/navigation-menu.tsx
index aa451ac0..0cd6b899 100644
--- a/apps/expo-nativewind/app/(components)/navigation-menu.tsx
+++ b/apps/expo-nativewind/app/(components)/navigation-menu.tsx
@@ -1,4 +1,4 @@
-import { TextRef } from '@rn-primitives/types';
+import { TextRef } from '@rnr-method/types';
 import { useNavigation } from 'expo-router';
 import * as React from 'react';
 import { Platform, Pressable, StyleSheet, View } from 'react-native';
diff --git a/apps/expo-nativewind/app/(components)/slider.tsx b/apps/expo-nativewind/app/(components)/slider.tsx
index a5ffaf08..de568388 100644
--- a/apps/expo-nativewind/app/(components)/slider.tsx
+++ b/apps/expo-nativewind/app/(components)/slider.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Pressable, View, Text, Platform } from 'react-native';
-import * as Slider from '@rn-primitives/slider';
+import * as Slider from '@rnr-method/slider';
 import { cn } from '~/lib/utils';
 
 export default function SliderScreen() {
diff --git a/apps/expo-nativewind/app/(components)/toolbar.tsx b/apps/expo-nativewind/app/(components)/toolbar.tsx
index 887cf9ac..7e7d6cb8 100644
--- a/apps/expo-nativewind/app/(components)/toolbar.tsx
+++ b/apps/expo-nativewind/app/(components)/toolbar.tsx
@@ -1,4 +1,4 @@
-import * as Toolbar from '@rn-primitives/toolbar';
+import * as Toolbar from '@rnr-method/toolbar';
 import * as React from 'react';
 import { Text, View } from 'react-native';
 import { AlignCenter } from '~/lib/icons/AlignCenter';
diff --git a/apps/expo-nativewind/app/_layout.tsx b/apps/expo-nativewind/app/_layout.tsx
index b56677e8..a2cfd056 100644
--- a/apps/expo-nativewind/app/_layout.tsx
+++ b/apps/expo-nativewind/app/_layout.tsx
@@ -2,7 +2,7 @@ import '~/global.css';
 
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
-import { PortalHost } from '@rn-primitives/portal';
+import { PortalHost } from '@rnr-method/portal';
 import { SplashScreen, Stack } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
 import * as React from 'react';
diff --git a/apps/expo-nativewind/components/ui/accordion.tsx b/apps/expo-nativewind/components/ui/accordion.tsx
index 6d214765..bb581f8a 100644
--- a/apps/expo-nativewind/components/ui/accordion.tsx
+++ b/apps/expo-nativewind/components/ui/accordion.tsx
@@ -1,4 +1,4 @@
-import * as AccordionPrimitive from '@rn-primitives/accordion';
+import * as AccordionPrimitive from '@rnr-method/accordion';
 import * as React from 'react';
 import { Platform, Pressable, View } from 'react-native';
 import Animated, {
diff --git a/apps/expo-nativewind/components/ui/alert-dialog.tsx b/apps/expo-nativewind/components/ui/alert-dialog.tsx
index ebd548dc..37d46efb 100644
--- a/apps/expo-nativewind/components/ui/alert-dialog.tsx
+++ b/apps/expo-nativewind/components/ui/alert-dialog.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 import { buttonTextVariants, buttonVariants } from '~/components/ui/button';
-import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
+import * as AlertDialogPrimitive from '@rnr-method/alert-dialog';
 import { cn } from '~/lib/utils';
 import { TextClassContext } from '~/components/ui/text';
 
diff --git a/apps/expo-nativewind/components/ui/aspect-ratio.tsx b/apps/expo-nativewind/components/ui/aspect-ratio.tsx
index d5f98c2e..d9e538a0 100644
--- a/apps/expo-nativewind/components/ui/aspect-ratio.tsx
+++ b/apps/expo-nativewind/components/ui/aspect-ratio.tsx
@@ -1,4 +1,4 @@
-import * as AspectRatioPrimitive from '@rn-primitives/aspect-ratio';
+import * as AspectRatioPrimitive from '@rnr-method/aspect-ratio';
 
 const AspectRatio = AspectRatioPrimitive.Root;
 
diff --git a/apps/expo-nativewind/components/ui/avatar.tsx b/apps/expo-nativewind/components/ui/avatar.tsx
index 81f7cee9..e7fdbb03 100644
--- a/apps/expo-nativewind/components/ui/avatar.tsx
+++ b/apps/expo-nativewind/components/ui/avatar.tsx
@@ -1,4 +1,4 @@
-import * as AvatarPrimitive from '@rn-primitives/avatar';
+import * as AvatarPrimitive from '@rnr-method/avatar';
 import * as React from 'react';
 import { cn } from '~/lib/utils';
 
diff --git a/apps/expo-nativewind/components/ui/card.tsx b/apps/expo-nativewind/components/ui/card.tsx
index 57ee74fc..1909afd2 100644
--- a/apps/expo-nativewind/components/ui/card.tsx
+++ b/apps/expo-nativewind/components/ui/card.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Text, View } from 'react-native';
 import { TextClassContext } from '~/components/ui/text';
-import type { TextRef, ViewRef } from '@rn-primitives/types';
+import type { TextRef, ViewRef } from '@rnr-method/types';
 import { cn } from '~/lib/utils';
 
 const Card = React.forwardRef<ViewRef, React.ComponentPropsWithoutRef<typeof View>>(
diff --git a/apps/expo-nativewind/components/ui/checkbox.tsx b/apps/expo-nativewind/components/ui/checkbox.tsx
index 920feea3..17239147 100644
--- a/apps/expo-nativewind/components/ui/checkbox.tsx
+++ b/apps/expo-nativewind/components/ui/checkbox.tsx
@@ -1,4 +1,4 @@
-import * as CheckboxPrimitive from '@rn-primitives/checkbox';
+import * as CheckboxPrimitive from '@rnr-method/checkbox';
 import * as React from 'react';
 import { Platform } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/expo-nativewind/components/ui/collapsible.tsx b/apps/expo-nativewind/components/ui/collapsible.tsx
index a2d66dd5..4ed33cd9 100644
--- a/apps/expo-nativewind/components/ui/collapsible.tsx
+++ b/apps/expo-nativewind/components/ui/collapsible.tsx
@@ -1,4 +1,4 @@
-import * as CollapsiblePrimitive from '@rn-primitives/collapsible';
+import * as CollapsiblePrimitive from '@rnr-method/collapsible';
 
 const Collapsible = CollapsiblePrimitive.Root;
 
diff --git a/apps/expo-nativewind/components/ui/context-menu.tsx b/apps/expo-nativewind/components/ui/context-menu.tsx
index fc951503..ba263b8b 100644
--- a/apps/expo-nativewind/components/ui/context-menu.tsx
+++ b/apps/expo-nativewind/components/ui/context-menu.tsx
@@ -1,4 +1,4 @@
-import * as ContextMenuPrimitive from '@rn-primitives/context-menu';
+import * as ContextMenuPrimitive from '@rnr-method/context-menu';
 import * as React from 'react';
 import { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/expo-nativewind/components/ui/dialog.tsx b/apps/expo-nativewind/components/ui/dialog.tsx
index 7347328c..1c94d464 100644
--- a/apps/expo-nativewind/components/ui/dialog.tsx
+++ b/apps/expo-nativewind/components/ui/dialog.tsx
@@ -1,4 +1,4 @@
-import * as DialogPrimitive from '@rn-primitives/dialog';
+import * as DialogPrimitive from '@rnr-method/dialog';
 import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
diff --git a/apps/expo-nativewind/components/ui/dropdown-menu.tsx b/apps/expo-nativewind/components/ui/dropdown-menu.tsx
index 3b09aab2..dc6c9acf 100644
--- a/apps/expo-nativewind/components/ui/dropdown-menu.tsx
+++ b/apps/expo-nativewind/components/ui/dropdown-menu.tsx
@@ -1,4 +1,4 @@
-import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-menu';
+import * as DropdownMenuPrimitive from '@rnr-method/dropdown-menu';
 import * as React from 'react';
 import { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/expo-nativewind/components/ui/hover-card.tsx b/apps/expo-nativewind/components/ui/hover-card.tsx
index 895eee6c..e0ca9e91 100644
--- a/apps/expo-nativewind/components/ui/hover-card.tsx
+++ b/apps/expo-nativewind/components/ui/hover-card.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import Animated, { FadeIn } from 'react-native-reanimated';
 import { TextClassContext } from '~/components/ui/text';
-import * as HoverCardPrimitive from '@rn-primitives/hover-card';
+import * as HoverCardPrimitive from '@rnr-method/hover-card';
 import { cn } from '~/lib/utils';
 
 const HoverCard = HoverCardPrimitive.Root;
diff --git a/apps/expo-nativewind/components/ui/label.tsx b/apps/expo-nativewind/components/ui/label.tsx
index 9a094190..a449f7b7 100644
--- a/apps/expo-nativewind/components/ui/label.tsx
+++ b/apps/expo-nativewind/components/ui/label.tsx
@@ -1,4 +1,4 @@
-import * as LabelPrimitive from '@rn-primitives/label';
+import * as LabelPrimitive from '@rnr-method/label';
 import * as React from 'react';
 import { cn } from '~/lib/utils';
 
diff --git a/apps/expo-nativewind/components/ui/menubar.tsx b/apps/expo-nativewind/components/ui/menubar.tsx
index c36e488a..f02cb609 100644
--- a/apps/expo-nativewind/components/ui/menubar.tsx
+++ b/apps/expo-nativewind/components/ui/menubar.tsx
@@ -1,4 +1,4 @@
-import * as MenubarPrimitive from '@rn-primitives/menubar';
+import * as MenubarPrimitive from '@rnr-method/menubar';
 import * as React from 'react';
 import { Platform, Text, View } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/expo-nativewind/components/ui/navigation-menu.tsx b/apps/expo-nativewind/components/ui/navigation-menu.tsx
index 7f9b986e..e876632c 100644
--- a/apps/expo-nativewind/components/ui/navigation-menu.tsx
+++ b/apps/expo-nativewind/components/ui/navigation-menu.tsx
@@ -1,4 +1,4 @@
-import * as NavigationMenuPrimitive from '@rn-primitives/navigation-menu';
+import * as NavigationMenuPrimitive from '@rnr-method/navigation-menu';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
 import { Platform, View } from 'react-native';
diff --git a/apps/expo-nativewind/components/ui/popover.tsx b/apps/expo-nativewind/components/ui/popover.tsx
index 0b9efbbe..e2f8dd83 100644
--- a/apps/expo-nativewind/components/ui/popover.tsx
+++ b/apps/expo-nativewind/components/ui/popover.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 import { TextClassContext } from '~/components/ui/text';
-import * as PopoverPrimitive from '@rn-primitives/popover';
+import * as PopoverPrimitive from '@rnr-method/popover';
 import { cn } from '~/lib/utils';
 
 const Popover = PopoverPrimitive.Root;
diff --git a/apps/expo-nativewind/components/ui/progress.tsx b/apps/expo-nativewind/components/ui/progress.tsx
index d0dd32be..294a0dd1 100644
--- a/apps/expo-nativewind/components/ui/progress.tsx
+++ b/apps/expo-nativewind/components/ui/progress.tsx
@@ -1,4 +1,4 @@
-import * as ProgressPrimitive from '@rn-primitives/progress';
+import * as ProgressPrimitive from '@rnr-method/progress';
 import * as React from 'react';
 import { Platform, View } from 'react-native';
 import Animated, {
diff --git a/apps/expo-nativewind/components/ui/radio-group.tsx b/apps/expo-nativewind/components/ui/radio-group.tsx
index 89a57394..5fdb09ce 100644
--- a/apps/expo-nativewind/components/ui/radio-group.tsx
+++ b/apps/expo-nativewind/components/ui/radio-group.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View } from 'react-native';
-import * as RadioGroupPrimitive from '@rn-primitives/radio-group';
+import * as RadioGroupPrimitive from '@rnr-method/radio-group';
 import { cn } from '~/lib/utils';
 
 const RadioGroup = React.forwardRef<
diff --git a/apps/expo-nativewind/components/ui/select.tsx b/apps/expo-nativewind/components/ui/select.tsx
index a5c735fa..77e6e3fc 100644
--- a/apps/expo-nativewind/components/ui/select.tsx
+++ b/apps/expo-nativewind/components/ui/select.tsx
@@ -1,4 +1,4 @@
-import * as SelectPrimitive from '@rn-primitives/select';
+import * as SelectPrimitive from '@rnr-method/select';
 import * as React from 'react';
 import { Platform, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
diff --git a/apps/expo-nativewind/components/ui/separator.tsx b/apps/expo-nativewind/components/ui/separator.tsx
index 42063ad7..b86ab2dc 100644
--- a/apps/expo-nativewind/components/ui/separator.tsx
+++ b/apps/expo-nativewind/components/ui/separator.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as SeparatorPrimitive from '@rn-primitives/separator';
+import * as SeparatorPrimitive from '@rnr-method/separator';
 import { cn } from '~/lib/utils';
 
 const Separator = React.forwardRef<
diff --git a/apps/expo-nativewind/components/ui/switch.tsx b/apps/expo-nativewind/components/ui/switch.tsx
index 7273b91f..f7bb554d 100644
--- a/apps/expo-nativewind/components/ui/switch.tsx
+++ b/apps/expo-nativewind/components/ui/switch.tsx
@@ -1,4 +1,4 @@
-import * as SwitchPrimitives from '@rn-primitives/switch';
+import * as SwitchPrimitives from '@rnr-method/switch';
 import * as React from 'react';
 import { Platform } from 'react-native';
 import Animated, {
diff --git a/apps/expo-nativewind/components/ui/table.tsx b/apps/expo-nativewind/components/ui/table.tsx
index 353bf8e2..faf15190 100644
--- a/apps/expo-nativewind/components/ui/table.tsx
+++ b/apps/expo-nativewind/components/ui/table.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as TablePrimitive from '@rn-primitives/table';
+import * as TablePrimitive from '@rnr-method/table';
 import { cn } from '~/lib/utils';
 import { TextClassContext } from '~/components/ui/text';
 
diff --git a/apps/expo-nativewind/components/ui/tabs.tsx b/apps/expo-nativewind/components/ui/tabs.tsx
index 93a96852..5e721268 100644
--- a/apps/expo-nativewind/components/ui/tabs.tsx
+++ b/apps/expo-nativewind/components/ui/tabs.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextClassContext } from '~/components/ui/text';
-import * as TabsPrimitive from '@rn-primitives/tabs';
+import * as TabsPrimitive from '@rnr-method/tabs';
 import { cn } from '~/lib/utils';
 
 const Tabs = TabsPrimitive.Root;
diff --git a/apps/expo-nativewind/components/ui/text.tsx b/apps/expo-nativewind/components/ui/text.tsx
index 0d7af0f9..355a1ef5 100644
--- a/apps/expo-nativewind/components/ui/text.tsx
+++ b/apps/expo-nativewind/components/ui/text.tsx
@@ -1,5 +1,5 @@
-import * as Slot from '@rn-primitives/slot';
-import type { SlottableTextProps, TextRef } from '@rn-primitives/types';
+import * as Slot from '@rnr-method/slot';
+import type { SlottableTextProps, TextRef } from '@rnr-method/types';
 import * as React from 'react';
 import { Text as RNText } from 'react-native';
 import { cn } from '~/lib/utils';
diff --git a/apps/expo-nativewind/components/ui/toggle-group.tsx b/apps/expo-nativewind/components/ui/toggle-group.tsx
index 48c6b6cf..a01bee05 100644
--- a/apps/expo-nativewind/components/ui/toggle-group.tsx
+++ b/apps/expo-nativewind/components/ui/toggle-group.tsx
@@ -3,7 +3,7 @@ import type { LucideIcon } from 'lucide-react-native';
 import * as React from 'react';
 import { toggleTextVariants, toggleVariants } from '~/components/ui/toggle';
 import { TextClassContext } from '~/components/ui/text';
-import * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';
+import * as ToggleGroupPrimitive from '@rnr-method/toggle-group';
 import { cn } from '~/lib/utils';
 
 const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants> | null>(null);
diff --git a/apps/expo-nativewind/components/ui/toggle.tsx b/apps/expo-nativewind/components/ui/toggle.tsx
index b2421512..8d0650d0 100644
--- a/apps/expo-nativewind/components/ui/toggle.tsx
+++ b/apps/expo-nativewind/components/ui/toggle.tsx
@@ -2,7 +2,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import type { LucideIcon } from 'lucide-react-native';
 import * as React from 'react';
 import { TextClassContext } from '~/components/ui/text';
-import * as TogglePrimitive from '@rn-primitives/toggle';
+import * as TogglePrimitive from '@rnr-method/toggle';
 import { cn } from '~/lib/utils';
 
 const toggleVariants = cva(
diff --git a/apps/expo-nativewind/components/ui/tooltip.tsx b/apps/expo-nativewind/components/ui/tooltip.tsx
index f5a0e11f..1492cf45 100644
--- a/apps/expo-nativewind/components/ui/tooltip.tsx
+++ b/apps/expo-nativewind/components/ui/tooltip.tsx
@@ -1,4 +1,4 @@
-import * as TooltipPrimitive from '@rn-primitives/tooltip';
+import * as TooltipPrimitive from '@rnr-method/tooltip';
 import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
diff --git a/apps/expo-nativewind/components/ui/typography.tsx b/apps/expo-nativewind/components/ui/typography.tsx
index 47dd3795..15503ee7 100644
--- a/apps/expo-nativewind/components/ui/typography.tsx
+++ b/apps/expo-nativewind/components/ui/typography.tsx
@@ -1,5 +1,5 @@
-import * as Slot from '@rn-primitives/slot';
-import { SlottableTextProps, TextRef } from '@rn-primitives/types';
+import * as Slot from '@rnr-method/slot';
+import { SlottableTextProps, TextRef } from '@rnr-method/types';
 import * as React from 'react';
 import { Platform, Text as RNText } from 'react-native';
 import { cn } from '~/lib/utils';
diff --git a/apps/expo-nativewind/package.json b/apps/expo-nativewind/package.json
index 35e8a943..6bc61c49 100644
--- a/apps/expo-nativewind/package.json
+++ b/apps/expo-nativewind/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/expo-nativewind",
+  "name": "@rnr-method/expo-nativewind",
   "main": "index.js",
   "version": "1.0.0",
   "scripts": {
@@ -14,36 +14,36 @@
   "dependencies": {
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-navigation/native": "^7.0.0",
-    "@rn-primitives/accordion": "workspace:*",
-    "@rn-primitives/alert-dialog": "workspace:*",
-    "@rn-primitives/aspect-ratio": "workspace:*",
-    "@rn-primitives/avatar": "workspace:*",
-    "@rn-primitives/checkbox": "workspace:*",
-    "@rn-primitives/collapsible": "workspace:*",
-    "@rn-primitives/context-menu": "workspace:*",
-    "@rn-primitives/dialog": "workspace:*",
-    "@rn-primitives/dropdown-menu": "workspace:*",
-    "@rn-primitives/hover-card": "workspace:*",
-    "@rn-primitives/label": "workspace:*",
-    "@rn-primitives/menubar": "workspace:*",
-    "@rn-primitives/navigation-menu": "workspace:*",
-    "@rn-primitives/popover": "workspace:*",
-    "@rn-primitives/portal": "workspace:*",
-    "@rn-primitives/progress": "workspace:*",
-    "@rn-primitives/radio-group": "workspace:*",
-    "@rn-primitives/select": "workspace:*",
-    "@rn-primitives/separator": "workspace:*",
-    "@rn-primitives/slider": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/switch": "workspace:*",
-    "@rn-primitives/table": "workspace:*",
-    "@rn-primitives/tabs": "workspace:*",
-    "@rn-primitives/toast": "workspace:*",
-    "@rn-primitives/toggle": "workspace:*",
-    "@rn-primitives/toggle-group": "workspace:*",
-    "@rn-primitives/toolbar": "workspace:*",
-    "@rn-primitives/tooltip": "workspace:*",
-    "@rn-primitives/types": "workspace:*",
+    "@rnr-method/accordion": "workspace:*",
+    "@rnr-method/alert-dialog": "workspace:*",
+    "@rnr-method/aspect-ratio": "workspace:*",
+    "@rnr-method/avatar": "workspace:*",
+    "@rnr-method/checkbox": "workspace:*",
+    "@rnr-method/collapsible": "workspace:*",
+    "@rnr-method/context-menu": "workspace:*",
+    "@rnr-method/dialog": "workspace:*",
+    "@rnr-method/dropdown-menu": "workspace:*",
+    "@rnr-method/hover-card": "workspace:*",
+    "@rnr-method/label": "workspace:*",
+    "@rnr-method/menubar": "workspace:*",
+    "@rnr-method/navigation-menu": "workspace:*",
+    "@rnr-method/popover": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
+    "@rnr-method/progress": "workspace:*",
+    "@rnr-method/radio-group": "workspace:*",
+    "@rnr-method/select": "workspace:*",
+    "@rnr-method/separator": "workspace:*",
+    "@rnr-method/slider": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/switch": "workspace:*",
+    "@rnr-method/table": "workspace:*",
+    "@rnr-method/tabs": "workspace:*",
+    "@rnr-method/toast": "workspace:*",
+    "@rnr-method/toggle": "workspace:*",
+    "@rnr-method/toggle-group": "workspace:*",
+    "@rnr-method/toolbar": "workspace:*",
+    "@rnr-method/tooltip": "workspace:*",
+    "@rnr-method/types": "workspace:*",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "expo": "^52.0.11",
diff --git a/apps/expo-stylesheet/app/_layout.tsx b/apps/expo-stylesheet/app/_layout.tsx
index ba3f0f78..ef6a9720 100644
--- a/apps/expo-stylesheet/app/_layout.tsx
+++ b/apps/expo-stylesheet/app/_layout.tsx
@@ -1,6 +1,6 @@
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
-import { PortalHost } from '@rn-primitives/portal';
+import { PortalHost } from '@rnr-method/portal';
 import { SplashScreen, Stack } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
 import * as React from 'react';
diff --git a/apps/expo-stylesheet/components/ui/select.tsx b/apps/expo-stylesheet/components/ui/select.tsx
index a3f58565..fab20f0b 100644
--- a/apps/expo-stylesheet/components/ui/select.tsx
+++ b/apps/expo-stylesheet/components/ui/select.tsx
@@ -1,4 +1,4 @@
-import * as SelectPrimitive from '@rn-primitives/select';
+import * as SelectPrimitive from '@rnr-method/select';
 import * as React from 'react';
 import { Platform, View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
diff --git a/apps/expo-stylesheet/package.json b/apps/expo-stylesheet/package.json
index d25413f4..59670c98 100644
--- a/apps/expo-stylesheet/package.json
+++ b/apps/expo-stylesheet/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/expo-stylesheet",
+  "name": "@rnr-method/expo-stylesheet",
   "main": "index.js",
   "version": "1.0.0",
   "scripts": {
@@ -14,36 +14,36 @@
   "dependencies": {
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-navigation/native": "^7.0.0",
-    "@rn-primitives/accordion": "workspace:*",
-    "@rn-primitives/alert-dialog": "workspace:*",
-    "@rn-primitives/aspect-ratio": "workspace:*",
-    "@rn-primitives/avatar": "workspace:*",
-    "@rn-primitives/checkbox": "workspace:*",
-    "@rn-primitives/collapsible": "workspace:*",
-    "@rn-primitives/context-menu": "workspace:*",
-    "@rn-primitives/dialog": "workspace:*",
-    "@rn-primitives/dropdown-menu": "workspace:*",
-    "@rn-primitives/hover-card": "workspace:*",
-    "@rn-primitives/label": "workspace:*",
-    "@rn-primitives/menubar": "workspace:*",
-    "@rn-primitives/navigation-menu": "workspace:*",
-    "@rn-primitives/popover": "workspace:*",
-    "@rn-primitives/portal": "workspace:*",
-    "@rn-primitives/progress": "workspace:*",
-    "@rn-primitives/radio-group": "workspace:*",
-    "@rn-primitives/select": "workspace:*",
-    "@rn-primitives/separator": "workspace:*",
-    "@rn-primitives/slider": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/switch": "workspace:*",
-    "@rn-primitives/table": "workspace:*",
-    "@rn-primitives/tabs": "workspace:*",
-    "@rn-primitives/toast": "workspace:*",
-    "@rn-primitives/toggle": "workspace:*",
-    "@rn-primitives/toggle-group": "workspace:*",
-    "@rn-primitives/toolbar": "workspace:*",
-    "@rn-primitives/tooltip": "workspace:*",
-    "@rn-primitives/types": "workspace:*",
+    "@rnr-method/accordion": "workspace:*",
+    "@rnr-method/alert-dialog": "workspace:*",
+    "@rnr-method/aspect-ratio": "workspace:*",
+    "@rnr-method/avatar": "workspace:*",
+    "@rnr-method/checkbox": "workspace:*",
+    "@rnr-method/collapsible": "workspace:*",
+    "@rnr-method/context-menu": "workspace:*",
+    "@rnr-method/dialog": "workspace:*",
+    "@rnr-method/dropdown-menu": "workspace:*",
+    "@rnr-method/hover-card": "workspace:*",
+    "@rnr-method/label": "workspace:*",
+    "@rnr-method/menubar": "workspace:*",
+    "@rnr-method/navigation-menu": "workspace:*",
+    "@rnr-method/popover": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
+    "@rnr-method/progress": "workspace:*",
+    "@rnr-method/radio-group": "workspace:*",
+    "@rnr-method/select": "workspace:*",
+    "@rnr-method/separator": "workspace:*",
+    "@rnr-method/slider": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/switch": "workspace:*",
+    "@rnr-method/table": "workspace:*",
+    "@rnr-method/tabs": "workspace:*",
+    "@rnr-method/toast": "workspace:*",
+    "@rnr-method/toggle": "workspace:*",
+    "@rnr-method/toggle-group": "workspace:*",
+    "@rnr-method/toolbar": "workspace:*",
+    "@rnr-method/tooltip": "workspace:*",
+    "@rnr-method/types": "workspace:*",
     "expo": "^52.0.11",
     "expo-linking": "~7.0.3",
     "expo-navigation-bar": "~4.0.4",
diff --git a/apps/nextjs-nativewind/next.config.mjs b/apps/nextjs-nativewind/next.config.mjs
index eaf6c4ff..febe5055 100644
--- a/apps/nextjs-nativewind/next.config.mjs
+++ b/apps/nextjs-nativewind/next.config.mjs
@@ -9,36 +9,36 @@ const nextConfig = {
     'nativewind',
     'react-native-css-interop',
     'react-native-reanimated',
-    '@rn-primitives/accordion',
-    '@rn-primitives/alert-dialog',
-    '@rn-primitives/aspect-ratio',
-    '@rn-primitives/avatar',
-    '@rn-primitives/checkbox',
-    '@rn-primitives/collapsible',
-    '@rn-primitives/context-menu',
-    '@rn-primitives/dialog',
-    '@rn-primitives/dropdown-menu',
-    '@rn-primitives/hover-card',
-    '@rn-primitives/label',
-    '@rn-primitives/menubar',
-    '@rn-primitives/navigation-menu',
-    '@rn-primitives/popover',
-    '@rn-primitives/portal',
-    '@rn-primitives/progress',
-    '@rn-primitives/radio-group',
-    '@rn-primitives/select',
-    '@rn-primitives/separator',
-    '@rn-primitives/slider',
-    '@rn-primitives/slot',
-    '@rn-primitives/switch',
-    '@rn-primitives/table',
-    '@rn-primitives/tabs',
-    '@rn-primitives/toast',
-    '@rn-primitives/toggle',
-    '@rn-primitives/toggle-group',
-    '@rn-primitives/toolbar',
-    '@rn-primitives/tooltip',
-    '@rn-primitives/types',
+    '@rnr-method/accordion',
+    '@rnr-method/alert-dialog',
+    '@rnr-method/aspect-ratio',
+    '@rnr-method/avatar',
+    '@rnr-method/checkbox',
+    '@rnr-method/collapsible',
+    '@rnr-method/context-menu',
+    '@rnr-method/dialog',
+    '@rnr-method/dropdown-menu',
+    '@rnr-method/hover-card',
+    '@rnr-method/label',
+    '@rnr-method/menubar',
+    '@rnr-method/navigation-menu',
+    '@rnr-method/popover',
+    '@rnr-method/portal',
+    '@rnr-method/progress',
+    '@rnr-method/radio-group',
+    '@rnr-method/select',
+    '@rnr-method/separator',
+    '@rnr-method/slider',
+    '@rnr-method/slot',
+    '@rnr-method/switch',
+    '@rnr-method/table',
+    '@rnr-method/tabs',
+    '@rnr-method/toast',
+    '@rnr-method/toggle',
+    '@rnr-method/toggle-group',
+    '@rnr-method/toolbar',
+    '@rnr-method/tooltip',
+    '@rnr-method/types',
   ],
 
   experimental: {
diff --git a/apps/nextjs-nativewind/package.json b/apps/nextjs-nativewind/package.json
index 44e82905..ca78a5bf 100644
--- a/apps/nextjs-nativewind/package.json
+++ b/apps/nextjs-nativewind/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/nextjs-nativewind",
+  "name": "@rnr-method/nextjs-nativewind",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -10,36 +10,36 @@
     "clean": "rm -rf .next node_modules"
   },
   "dependencies": {
-    "@rn-primitives/accordion": "workspace:*",
-    "@rn-primitives/alert-dialog": "workspace:*",
-    "@rn-primitives/aspect-ratio": "workspace:*",
-    "@rn-primitives/avatar": "workspace:*",
-    "@rn-primitives/checkbox": "workspace:*",
-    "@rn-primitives/collapsible": "workspace:*",
-    "@rn-primitives/context-menu": "workspace:*",
-    "@rn-primitives/dialog": "workspace:*",
-    "@rn-primitives/dropdown-menu": "workspace:*",
-    "@rn-primitives/hover-card": "workspace:*",
-    "@rn-primitives/label": "workspace:*",
-    "@rn-primitives/menubar": "workspace:*",
-    "@rn-primitives/navigation-menu": "workspace:*",
-    "@rn-primitives/popover": "workspace:*",
-    "@rn-primitives/portal": "workspace:*",
-    "@rn-primitives/progress": "workspace:*",
-    "@rn-primitives/radio-group": "workspace:*",
-    "@rn-primitives/select": "workspace:*",
-    "@rn-primitives/separator": "workspace:*",
-    "@rn-primitives/slider": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/switch": "workspace:*",
-    "@rn-primitives/table": "workspace:*",
-    "@rn-primitives/tabs": "workspace:*",
-    "@rn-primitives/toast": "workspace:*",
-    "@rn-primitives/toggle": "workspace:*",
-    "@rn-primitives/toggle-group": "workspace:*",
-    "@rn-primitives/toolbar": "workspace:*",
-    "@rn-primitives/tooltip": "workspace:*",
-    "@rn-primitives/types": "workspace:*",
+    "@rnr-method/accordion": "workspace:*",
+    "@rnr-method/alert-dialog": "workspace:*",
+    "@rnr-method/aspect-ratio": "workspace:*",
+    "@rnr-method/avatar": "workspace:*",
+    "@rnr-method/checkbox": "workspace:*",
+    "@rnr-method/collapsible": "workspace:*",
+    "@rnr-method/context-menu": "workspace:*",
+    "@rnr-method/dialog": "workspace:*",
+    "@rnr-method/dropdown-menu": "workspace:*",
+    "@rnr-method/hover-card": "workspace:*",
+    "@rnr-method/label": "workspace:*",
+    "@rnr-method/menubar": "workspace:*",
+    "@rnr-method/navigation-menu": "workspace:*",
+    "@rnr-method/popover": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
+    "@rnr-method/progress": "workspace:*",
+    "@rnr-method/radio-group": "workspace:*",
+    "@rnr-method/select": "workspace:*",
+    "@rnr-method/separator": "workspace:*",
+    "@rnr-method/slider": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/switch": "workspace:*",
+    "@rnr-method/table": "workspace:*",
+    "@rnr-method/tabs": "workspace:*",
+    "@rnr-method/toast": "workspace:*",
+    "@rnr-method/toggle": "workspace:*",
+    "@rnr-method/toggle-group": "workspace:*",
+    "@rnr-method/toolbar": "workspace:*",
+    "@rnr-method/tooltip": "workspace:*",
+    "@rnr-method/types": "workspace:*",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react-native": "^0.451.0",
diff --git a/apps/nextjs-nativewind/src/app/page.tsx b/apps/nextjs-nativewind/src/app/page.tsx
index 1ffc8847..7c2383bb 100644
--- a/apps/nextjs-nativewind/src/app/page.tsx
+++ b/apps/nextjs-nativewind/src/app/page.tsx
@@ -95,7 +95,7 @@ export default function Home() {
   return (
     <div className='py-24 px-4 min-h-svh'>
       <main className='mx-auto max-w-3xl w-full flex flex-col gap-12 '>
-        <Typography.H1>@rn-primitives</Typography.H1>
+        <Typography.H1>@rnr-method</Typography.H1>
         <Typography.P className='font-medium'>
           Styled with{' '}
           <a className='hover:underline' href='https://www.nativewind.dev/v4/overview'>
diff --git a/apps/nextjs-nativewind/src/components/NavigationMenuExample.tsx b/apps/nextjs-nativewind/src/components/NavigationMenuExample.tsx
index a22ce4a1..b209a565 100644
--- a/apps/nextjs-nativewind/src/components/NavigationMenuExample.tsx
+++ b/apps/nextjs-nativewind/src/components/NavigationMenuExample.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { TextRef } from '@rn-primitives/types';
+import { TextRef } from '@rnr-method/types';
 import * as React from 'react';
 import { View } from 'react-native';
 import { Text } from '~/components/ui/text';
diff --git a/apps/nextjs-nativewind/src/components/SliderExample.tsx b/apps/nextjs-nativewind/src/components/SliderExample.tsx
index 0dace303..55500531 100644
--- a/apps/nextjs-nativewind/src/components/SliderExample.tsx
+++ b/apps/nextjs-nativewind/src/components/SliderExample.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { Pressable, View, Text } from 'react-native';
-import * as Slider from '@rn-primitives/slider';
+import * as Slider from '@rnr-method/slider';
 import { cn } from '~/lib/utils';
 
 export function SliderExample() {
diff --git a/apps/nextjs-nativewind/src/components/ui/accordion.tsx b/apps/nextjs-nativewind/src/components/ui/accordion.tsx
index cdd1e81d..06c6e056 100644
--- a/apps/nextjs-nativewind/src/components/ui/accordion.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/accordion.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as AccordionPrimitive from '@rn-primitives/accordion';
+import * as AccordionPrimitive from '@rnr-method/accordion';
 import React from 'react';
 import { Platform, Pressable, View } from 'react-native';
 import Animated, {
diff --git a/apps/nextjs-nativewind/src/components/ui/alert-dialog.tsx b/apps/nextjs-nativewind/src/components/ui/alert-dialog.tsx
index 0bff8c25..f42baa7f 100644
--- a/apps/nextjs-nativewind/src/components/ui/alert-dialog.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/alert-dialog.tsx
@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 import { buttonTextVariants, buttonVariants } from '~/components/ui/button';
-import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
+import * as AlertDialogPrimitive from '@rnr-method/alert-dialog';
 import { cn } from '~/lib/utils';
 import { TextClassContext } from '~/components/ui/text';
 
diff --git a/apps/nextjs-nativewind/src/components/ui/aspect-ratio.tsx b/apps/nextjs-nativewind/src/components/ui/aspect-ratio.tsx
index 65a62d6f..8f753f7f 100644
--- a/apps/nextjs-nativewind/src/components/ui/aspect-ratio.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/aspect-ratio.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as AspectRatioPrimitive from '@rn-primitives/aspect-ratio';
+import * as AspectRatioPrimitive from '@rnr-method/aspect-ratio';
 
 const AspectRatio = AspectRatioPrimitive.Root;
 
diff --git a/apps/nextjs-nativewind/src/components/ui/avatar.tsx b/apps/nextjs-nativewind/src/components/ui/avatar.tsx
index f769fce4..33ee8f35 100644
--- a/apps/nextjs-nativewind/src/components/ui/avatar.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/avatar.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as AvatarPrimitive from '@rn-primitives/avatar';
+import * as AvatarPrimitive from '@rnr-method/avatar';
 import { cn } from '~/lib/utils';
 
 const AvatarPrimitiveRoot = AvatarPrimitive.Root;
diff --git a/apps/nextjs-nativewind/src/components/ui/card.tsx b/apps/nextjs-nativewind/src/components/ui/card.tsx
index 1abb62e8..cd44c378 100644
--- a/apps/nextjs-nativewind/src/components/ui/card.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/card.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { Text, View } from 'react-native';
 import { TextClassContext } from '~/components/ui/text';
-import type { TextRef, ViewRef } from '@rn-primitives/types';
+import type { TextRef, ViewRef } from '@rnr-method/types';
 import { cn } from '~/lib/utils';
 
 const Card = React.forwardRef<ViewRef, React.ComponentPropsWithoutRef<typeof View>>(
diff --git a/apps/nextjs-nativewind/src/components/ui/checkbox.tsx b/apps/nextjs-nativewind/src/components/ui/checkbox.tsx
index e0334e04..1c842b5d 100644
--- a/apps/nextjs-nativewind/src/components/ui/checkbox.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/checkbox.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as CheckboxPrimitive from '@rn-primitives/checkbox';
+import * as CheckboxPrimitive from '@rnr-method/checkbox';
 import * as React from 'react';
 import { Platform } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/nextjs-nativewind/src/components/ui/collapsible.tsx b/apps/nextjs-nativewind/src/components/ui/collapsible.tsx
index 864a546e..18bb98eb 100644
--- a/apps/nextjs-nativewind/src/components/ui/collapsible.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/collapsible.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as CollapsiblePrimitive from '@rn-primitives/collapsible';
+import * as CollapsiblePrimitive from '@rnr-method/collapsible';
 
 const Collapsible = CollapsiblePrimitive.Root;
 
diff --git a/apps/nextjs-nativewind/src/components/ui/context-menu.tsx b/apps/nextjs-nativewind/src/components/ui/context-menu.tsx
index 8a2cd635..776a10cb 100644
--- a/apps/nextjs-nativewind/src/components/ui/context-menu.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/context-menu.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as ContextMenuPrimitive from '@rn-primitives/context-menu';
+import * as ContextMenuPrimitive from '@rnr-method/context-menu';
 import * as React from 'react';
 import { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/nextjs-nativewind/src/components/ui/dialog.tsx b/apps/nextjs-nativewind/src/components/ui/dialog.tsx
index 58b8b972..a95af4fb 100644
--- a/apps/nextjs-nativewind/src/components/ui/dialog.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/dialog.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as DialogPrimitive from '@rn-primitives/dialog';
+import * as DialogPrimitive from '@rnr-method/dialog';
 import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
diff --git a/apps/nextjs-nativewind/src/components/ui/dropdown-menu.tsx b/apps/nextjs-nativewind/src/components/ui/dropdown-menu.tsx
index ddb33201..18b0852f 100644
--- a/apps/nextjs-nativewind/src/components/ui/dropdown-menu.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/dropdown-menu.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-menu';
+import * as DropdownMenuPrimitive from '@rnr-method/dropdown-menu';
 import * as React from 'react';
 import { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/nextjs-nativewind/src/components/ui/hover-card.tsx b/apps/nextjs-nativewind/src/components/ui/hover-card.tsx
index f23c94f3..342de177 100644
--- a/apps/nextjs-nativewind/src/components/ui/hover-card.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/hover-card.tsx
@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import Animated, { FadeIn } from 'react-native-reanimated';
 import { TextClassContext } from '~/components/ui/text';
-import * as HoverCardPrimitive from '@rn-primitives/hover-card';
+import * as HoverCardPrimitive from '@rnr-method/hover-card';
 import { cn } from '~/lib/utils';
 
 const HoverCard = HoverCardPrimitive.Root;
diff --git a/apps/nextjs-nativewind/src/components/ui/label.tsx b/apps/nextjs-nativewind/src/components/ui/label.tsx
index ce727ef9..5442e47e 100644
--- a/apps/nextjs-nativewind/src/components/ui/label.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/label.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as LabelPrimitive from '@rn-primitives/label';
+import * as LabelPrimitive from '@rnr-method/label';
 import * as React from 'react';
 import { cn } from '~/lib/utils';
 
diff --git a/apps/nextjs-nativewind/src/components/ui/menubar.tsx b/apps/nextjs-nativewind/src/components/ui/menubar.tsx
index eeeb57da..28404d71 100644
--- a/apps/nextjs-nativewind/src/components/ui/menubar.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/menubar.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as MenubarPrimitive from '@rn-primitives/menubar';
+import * as MenubarPrimitive from '@rnr-method/menubar';
 import * as React from 'react';
 import { Platform, Text, View } from 'react-native';
 import { Check } from '~/lib/icons/Check';
diff --git a/apps/nextjs-nativewind/src/components/ui/navigation-menu.tsx b/apps/nextjs-nativewind/src/components/ui/navigation-menu.tsx
index 10d958a9..749c6142 100644
--- a/apps/nextjs-nativewind/src/components/ui/navigation-menu.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/navigation-menu.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as NavigationMenuPrimitive from '@rn-primitives/navigation-menu';
+import * as NavigationMenuPrimitive from '@rnr-method/navigation-menu';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
 import { Platform, View } from 'react-native';
diff --git a/apps/nextjs-nativewind/src/components/ui/popover.tsx b/apps/nextjs-nativewind/src/components/ui/popover.tsx
index d8b9ef96..72f375bd 100644
--- a/apps/nextjs-nativewind/src/components/ui/popover.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/popover.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import { TextClassContext } from '~/components/ui/text';
-import * as PopoverPrimitive from '@rn-primitives/popover';
+import * as PopoverPrimitive from '@rnr-method/popover';
 import { cn } from '~/lib/utils';
 
 const Popover = PopoverPrimitive.Root;
diff --git a/apps/nextjs-nativewind/src/components/ui/progress.tsx b/apps/nextjs-nativewind/src/components/ui/progress.tsx
index aef1766a..87c3f21f 100644
--- a/apps/nextjs-nativewind/src/components/ui/progress.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/progress.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as ProgressPrimitive from '@rn-primitives/progress';
+import * as ProgressPrimitive from '@rnr-method/progress';
 import * as React from 'react';
 import { View } from 'react-native';
 import { cn } from '~/lib/utils';
diff --git a/apps/nextjs-nativewind/src/components/ui/radio-group.tsx b/apps/nextjs-nativewind/src/components/ui/radio-group.tsx
index a9c8907d..cf93c2db 100644
--- a/apps/nextjs-nativewind/src/components/ui/radio-group.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/radio-group.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { View } from 'react-native';
-import * as RadioGroupPrimitive from '@rn-primitives/radio-group';
+import * as RadioGroupPrimitive from '@rnr-method/radio-group';
 import { cn } from '~/lib/utils';
 
 const RadioGroup = React.forwardRef<
diff --git a/apps/nextjs-nativewind/src/components/ui/select.tsx b/apps/nextjs-nativewind/src/components/ui/select.tsx
index d82bc3d2..a8ea266c 100644
--- a/apps/nextjs-nativewind/src/components/ui/select.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/select.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as SelectPrimitive from '@rn-primitives/select';
+import * as SelectPrimitive from '@rnr-method/select';
 import * as React from 'react';
 import { Platform, View } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
diff --git a/apps/nextjs-nativewind/src/components/ui/separator.tsx b/apps/nextjs-nativewind/src/components/ui/separator.tsx
index 8486df5c..4870de68 100644
--- a/apps/nextjs-nativewind/src/components/ui/separator.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/separator.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as SeparatorPrimitive from '@rn-primitives/separator';
+import * as SeparatorPrimitive from '@rnr-method/separator';
 import { cn } from '~/lib/utils';
 
 const Separator = React.forwardRef<
diff --git a/apps/nextjs-nativewind/src/components/ui/switch.tsx b/apps/nextjs-nativewind/src/components/ui/switch.tsx
index 16a4dfe6..80d9611d 100644
--- a/apps/nextjs-nativewind/src/components/ui/switch.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/switch.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as SwitchPrimitives from '@rn-primitives/switch';
+import * as SwitchPrimitives from '@rnr-method/switch';
 import * as React from 'react';
 import { Platform } from 'react-native';
 import Animated, {
diff --git a/apps/nextjs-nativewind/src/components/ui/table.tsx b/apps/nextjs-nativewind/src/components/ui/table.tsx
index c031fb75..e42871c7 100644
--- a/apps/nextjs-nativewind/src/components/ui/table.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/table.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import * as TablePrimitive from '@rn-primitives/table';
+import * as TablePrimitive from '@rnr-method/table';
 import { cn } from '~/lib/utils';
 import { TextClassContext } from '~/components/ui/text';
 
diff --git a/apps/nextjs-nativewind/src/components/ui/tabs.tsx b/apps/nextjs-nativewind/src/components/ui/tabs.tsx
index eaf5a4f9..17393e3a 100644
--- a/apps/nextjs-nativewind/src/components/ui/tabs.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/tabs.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { TextClassContext } from '~/components/ui/text';
-import * as TabsPrimitive from '@rn-primitives/tabs';
+import * as TabsPrimitive from '@rnr-method/tabs';
 import { cn } from '~/lib/utils';
 
 const Tabs = TabsPrimitive.Root;
diff --git a/apps/nextjs-nativewind/src/components/ui/text.tsx b/apps/nextjs-nativewind/src/components/ui/text.tsx
index 8442ba6f..42c8ad68 100644
--- a/apps/nextjs-nativewind/src/components/ui/text.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/text.tsx
@@ -1,7 +1,7 @@
 'use client';
 
-import * as Slot from '@rn-primitives/slot';
-import type { SlottableTextProps, TextRef } from '@rn-primitives/types';
+import * as Slot from '@rnr-method/slot';
+import type { SlottableTextProps, TextRef } from '@rnr-method/types';
 import * as React from 'react';
 import { Text as RNText } from 'react-native';
 import { cn } from '~/lib/utils';
diff --git a/apps/nextjs-nativewind/src/components/ui/toggle-group.tsx b/apps/nextjs-nativewind/src/components/ui/toggle-group.tsx
index 6c99dd9b..e4494975 100644
--- a/apps/nextjs-nativewind/src/components/ui/toggle-group.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/toggle-group.tsx
@@ -5,7 +5,7 @@ import type { LucideIcon } from 'lucide-react-native';
 import * as React from 'react';
 import { toggleTextVariants, toggleVariants } from '~/components/ui/toggle';
 import { TextClassContext } from '~/components/ui/text';
-import * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';
+import * as ToggleGroupPrimitive from '@rnr-method/toggle-group';
 import { cn } from '~/lib/utils';
 
 const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants> | null>(null);
diff --git a/apps/nextjs-nativewind/src/components/ui/toggle.tsx b/apps/nextjs-nativewind/src/components/ui/toggle.tsx
index 7a799fa4..173d6fdf 100644
--- a/apps/nextjs-nativewind/src/components/ui/toggle.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/toggle.tsx
@@ -4,7 +4,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import type { LucideIcon } from 'lucide-react-native';
 import * as React from 'react';
 import { TextClassContext } from '~/components/ui/text';
-import * as TogglePrimitive from '@rn-primitives/toggle';
+import * as TogglePrimitive from '@rnr-method/toggle';
 import { cn } from '~/lib/utils';
 
 const toggleVariants = cva(
diff --git a/apps/nextjs-nativewind/src/components/ui/tooltip.tsx b/apps/nextjs-nativewind/src/components/ui/tooltip.tsx
index b3bd2a8f..3aaaa628 100644
--- a/apps/nextjs-nativewind/src/components/ui/tooltip.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/tooltip.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import * as TooltipPrimitive from '@rn-primitives/tooltip';
+import * as TooltipPrimitive from '@rnr-method/tooltip';
 import * as React from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
diff --git a/apps/nextjs-nativewind/src/components/ui/typography.tsx b/apps/nextjs-nativewind/src/components/ui/typography.tsx
index 7e54bf7c..9a38f07a 100644
--- a/apps/nextjs-nativewind/src/components/ui/typography.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/typography.tsx
@@ -1,7 +1,7 @@
 'use client';
 
-import * as Slot from '@rn-primitives/slot';
-import { SlottableTextProps, TextRef } from '@rn-primitives/types';
+import * as Slot from '@rnr-method/slot';
+import { SlottableTextProps, TextRef } from '@rnr-method/types';
 import * as React from 'react';
 import { Platform, Text as RNText } from 'react-native';
 import { cn } from '~/lib/utils';
diff --git a/package.json b/package.json
index 7f3cdfe3..e37d046a 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/monorepo",
+  "name": "@rnr-method/monorepo",
   "private": true,
   "scripts": {
     "dev": "turbo dev --concurrency=34",
diff --git a/packages/accordion/package.json b/packages/accordion/package.json
index 19bd0b9f..1d1feb3d 100644
--- a/packages/accordion/package.json
+++ b/packages/accordion/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/accordion",
+  "name": "@rnr-method/accordion",
   "version": "1.1.0",
   "description": "Primitive accordion",
   "license": "MIT",
@@ -33,9 +33,9 @@
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.0",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/accordion/src/accordion.tsx b/packages/accordion/src/accordion.tsx
index afc5a4fe..fb248d77 100644
--- a/packages/accordion/src/accordion.tsx
+++ b/packages/accordion/src/accordion.tsx
@@ -1,5 +1,5 @@
-import { useControllableState } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+import { useControllableState } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/accordion/src/accordion.web.tsx b/packages/accordion/src/accordion.web.tsx
index f8650f5d..1b20b608 100644
--- a/packages/accordion/src/accordion.web.tsx
+++ b/packages/accordion/src/accordion.web.tsx
@@ -3,8 +3,8 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View } from 'react-native';
 import type {
diff --git a/packages/accordion/src/types.ts b/packages/accordion/src/types.ts
index 643e5c93..e095d345 100644
--- a/packages/accordion/src/types.ts
+++ b/packages/accordion/src/types.ts
@@ -4,7 +4,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootContext = {
   type: 'single' | 'multiple';
diff --git a/packages/alert-dialog/package.json b/packages/alert-dialog/package.json
index 177465c5..1a334def 100644
--- a/packages/alert-dialog/package.json
+++ b/packages/alert-dialog/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/alert-dialog",
+  "name": "@rnr-method/alert-dialog",
   "version": "1.1.0",
   "description": "Primitive alert dialog",
   "license": "MIT",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -46,7 +46,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/alert-dialog/src/alert-dialog.tsx b/packages/alert-dialog/src/alert-dialog.tsx
index ced572d8..1c43e574 100644
--- a/packages/alert-dialog/src/alert-dialog.tsx
+++ b/packages/alert-dialog/src/alert-dialog.tsx
@@ -1,6 +1,6 @@
-import { useControllableState } from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+import { useControllableState } from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { BackHandler, Pressable, Text, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/alert-dialog/src/alert-dialog.web.tsx b/packages/alert-dialog/src/alert-dialog.web.tsx
index e2bfc96f..050e9513 100644
--- a/packages/alert-dialog/src/alert-dialog.web.tsx
+++ b/packages/alert-dialog/src/alert-dialog.web.tsx
@@ -3,8 +3,8 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, Text, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/alert-dialog/src/types.ts b/packages/alert-dialog/src/types.ts
index f502938b..04dcdea7 100644
--- a/packages/alert-dialog/src/types.ts
+++ b/packages/alert-dialog/src/types.ts
@@ -6,7 +6,7 @@ import type {
   SlottableViewProps,
   TextRef,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = {
   open?: boolean;
diff --git a/packages/aspect-ratio/package.json b/packages/aspect-ratio/package.json
index a14dacb5..cbe9faa1 100644
--- a/packages/aspect-ratio/package.json
+++ b/packages/aspect-ratio/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/aspect-ratio",
+  "name": "@rnr-method/aspect-ratio",
   "version": "1.1.0",
   "description": "Primitive aspect ratio",
   "license": "MIT",
@@ -32,8 +32,8 @@
     "pub:release": "pnpm publish --access public"
   },
   "dependencies": {
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/aspect-ratio/src/aspect-ratio.tsx b/packages/aspect-ratio/src/aspect-ratio.tsx
index c7871b36..ef6d2c04 100644
--- a/packages/aspect-ratio/src/aspect-ratio.tsx
+++ b/packages/aspect-ratio/src/aspect-ratio.tsx
@@ -1,5 +1,5 @@
-import * as Slot from '@rn-primitives/slot';
-import type { SlottableViewProps, ViewRef } from '@rn-primitives/types';
+import * as Slot from '@rnr-method/slot';
+import type { SlottableViewProps, ViewRef } from '@rnr-method/types';
 import * as React from 'react';
 import { View, type ViewStyle } from 'react-native';
 
diff --git a/packages/avatar/package.json b/packages/avatar/package.json
index 07e8d8ea..9b024687 100644
--- a/packages/avatar/package.json
+++ b/packages/avatar/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/avatar",
+  "name": "@rnr-method/avatar",
   "version": "1.1.0",
   "description": "Primitive avatar",
   "license": "MIT",
@@ -32,9 +32,9 @@
     "pub:release": "pnpm publish --access public"
   },
   "dependencies": {
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/avatar/src/avatar.tsx b/packages/avatar/src/avatar.tsx
index 5d68d434..bfe34340 100644
--- a/packages/avatar/src/avatar.tsx
+++ b/packages/avatar/src/avatar.tsx
@@ -1,5 +1,5 @@
-import { useIsomorphicLayoutEffect } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+import { useIsomorphicLayoutEffect } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   type ImageErrorEventData,
diff --git a/packages/avatar/src/types.ts b/packages/avatar/src/types.ts
index e14b78ac..90a3c24a 100644
--- a/packages/avatar/src/types.ts
+++ b/packages/avatar/src/types.ts
@@ -1,4 +1,4 @@
-import type { ComponentPropsWithAsChild, SlottableViewProps, ViewRef } from '@rn-primitives/types';
+import type { ComponentPropsWithAsChild, SlottableViewProps, ViewRef } from '@rnr-method/types';
 import type { Image } from 'react-native';
 
 type RootProps = SlottableViewProps & {
diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json
index 5b92bdb2..6c8010fc 100644
--- a/packages/checkbox/package.json
+++ b/packages/checkbox/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/checkbox",
+  "name": "@rnr-method/checkbox",
   "version": "1.1.0",
   "description": "Primitive checkbox",
   "license": "MIT",
@@ -33,9 +33,9 @@
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/checkbox/src/checkbox.tsx b/packages/checkbox/src/checkbox.tsx
index f5a87220..7d218cbe 100644
--- a/packages/checkbox/src/checkbox.tsx
+++ b/packages/checkbox/src/checkbox.tsx
@@ -1,5 +1,5 @@
-import * as Slot from '@rn-primitives/slot';
-import type { PressableRef, SlottablePressableProps } from '@rn-primitives/types';
+import * as Slot from '@rnr-method/slot';
+import type { PressableRef, SlottablePressableProps } from '@rnr-method/types';
 import * as React from 'react';
 import { GestureResponderEvent, Pressable, View } from 'react-native';
 import type { IndicatorProps, IndicatorRef, RootProps, RootRef } from './types';
diff --git a/packages/checkbox/src/checkbox.web.tsx b/packages/checkbox/src/checkbox.web.tsx
index d59db1ac..0e580957 100644
--- a/packages/checkbox/src/checkbox.web.tsx
+++ b/packages/checkbox/src/checkbox.web.tsx
@@ -1,6 +1,6 @@
 import * as Checkbox from '@radix-ui/react-checkbox';
-import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { GestureResponderEvent, Pressable, View } from 'react-native';
 import type { IndicatorProps, IndicatorRef, RootProps, RootRef } from './types';
diff --git a/packages/checkbox/src/types.ts b/packages/checkbox/src/types.ts
index ef9edb53..0c17b69e 100644
--- a/packages/checkbox/src/types.ts
+++ b/packages/checkbox/src/types.ts
@@ -4,7 +4,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottablePressableProps & {
   checked: boolean;
diff --git a/packages/collapsible/package.json b/packages/collapsible/package.json
index 0e001fa6..e128c502 100644
--- a/packages/collapsible/package.json
+++ b/packages/collapsible/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/collapsible",
+  "name": "@rnr-method/collapsible",
   "version": "1.1.0",
   "description": "Primitive collapsible",
   "license": "MIT",
@@ -33,9 +33,9 @@
   },
   "dependencies": {
     "@radix-ui/react-collapsible": "^1.1.0",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/collapsible/src/collapsible.tsx b/packages/collapsible/src/collapsible.tsx
index 12e10f95..436a8522 100644
--- a/packages/collapsible/src/collapsible.tsx
+++ b/packages/collapsible/src/collapsible.tsx
@@ -1,5 +1,5 @@
-import { useControllableState } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+import { useControllableState } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/collapsible/src/collapsible.web.tsx b/packages/collapsible/src/collapsible.web.tsx
index c7957c10..c04bfeb2 100644
--- a/packages/collapsible/src/collapsible.web.tsx
+++ b/packages/collapsible/src/collapsible.web.tsx
@@ -3,8 +3,8 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/collapsible/src/types.ts b/packages/collapsible/src/types.ts
index 913d9403..e583008a 100644
--- a/packages/collapsible/src/types.ts
+++ b/packages/collapsible/src/types.ts
@@ -4,7 +4,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 interface RootContext {
   open: boolean;
diff --git a/packages/context-menu/package.json b/packages/context-menu/package.json
index a94db89d..f06239dc 100644
--- a/packages/context-menu/package.json
+++ b/packages/context-menu/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/context-menu",
+  "name": "@rnr-method/context-menu",
   "version": "1.1.0",
   "description": "Primitive context menu",
   "license": "MIT",
@@ -33,13 +33,13 @@
   },
   "dependencies": {
     "@radix-ui/react-context-menu": "^2.2.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/utils": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/utils": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -47,7 +47,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/context-menu/src/context-menu.tsx b/packages/context-menu/src/context-menu.tsx
index d004ea85..5032ed9e 100644
--- a/packages/context-menu/src/context-menu.tsx
+++ b/packages/context-menu/src/context-menu.tsx
@@ -3,9 +3,9 @@ import {
   useControllableState,
   useRelativePosition,
   type LayoutPosition,
-} from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/context-menu/src/context-menu.web.tsx b/packages/context-menu/src/context-menu.web.tsx
index 5e384b9e..4e1e394c 100644
--- a/packages/context-menu/src/context-menu.web.tsx
+++ b/packages/context-menu/src/context-menu.web.tsx
@@ -3,9 +3,9 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
-import { EmptyGestureResponderEvent } from '@rn-primitives/utils';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
+import { EmptyGestureResponderEvent } from '@rnr-method/utils';
 import * as React from 'react';
 import { GestureResponderEvent, Pressable, Text, View } from 'react-native';
 import type {
diff --git a/packages/context-menu/src/types.ts b/packages/context-menu/src/types.ts
index a68ecc56..c5363d7e 100644
--- a/packages/context-menu/src/types.ts
+++ b/packages/context-menu/src/types.ts
@@ -7,7 +7,7 @@ import {
   SlottableViewProps,
   TextRef,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   onOpenChange?: (open: boolean) => void;
diff --git a/packages/dialog/package.json b/packages/dialog/package.json
index 39ecd689..a9426729 100644
--- a/packages/dialog/package.json
+++ b/packages/dialog/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/dialog",
+  "name": "@rnr-method/dialog",
   "version": "1.1.0",
   "description": "Primitive dialog",
   "license": "MIT",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -46,7 +46,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/dialog/src/dialog.tsx b/packages/dialog/src/dialog.tsx
index 03657774..324c5369 100644
--- a/packages/dialog/src/dialog.tsx
+++ b/packages/dialog/src/dialog.tsx
@@ -1,6 +1,6 @@
-import { useControllableState } from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+import { useControllableState } from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { BackHandler, GestureResponderEvent, Pressable, Text, View } from 'react-native';
 import type {
diff --git a/packages/dialog/src/dialog.web.tsx b/packages/dialog/src/dialog.web.tsx
index a4274588..ea41c736 100644
--- a/packages/dialog/src/dialog.web.tsx
+++ b/packages/dialog/src/dialog.web.tsx
@@ -3,8 +3,8 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, Text, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/dialog/src/types.ts b/packages/dialog/src/types.ts
index 5cbf6bab..e67e6192 100644
--- a/packages/dialog/src/types.ts
+++ b/packages/dialog/src/types.ts
@@ -6,7 +6,7 @@ import type {
   SlottableViewProps,
   TextRef,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootContext = {
   open: boolean;
diff --git a/packages/dropdown-menu/package.json b/packages/dropdown-menu/package.json
index 6c398446..bbf987ee 100644
--- a/packages/dropdown-menu/package.json
+++ b/packages/dropdown-menu/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/dropdown-menu",
+  "name": "@rnr-method/dropdown-menu",
   "version": "1.1.0",
   "description": "Primitive dropdown menu",
   "license": "MIT",
@@ -33,13 +33,13 @@
   },
   "dependencies": {
     "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*",
-    "@rn-primitives/utils": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*",
+    "@rnr-method/utils": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -47,7 +47,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/dropdown-menu/src/dropdown-menu.tsx b/packages/dropdown-menu/src/dropdown-menu.tsx
index 458ef97c..00992001 100644
--- a/packages/dropdown-menu/src/dropdown-menu.tsx
+++ b/packages/dropdown-menu/src/dropdown-menu.tsx
@@ -3,9 +3,9 @@ import {
   useControllableState,
   useRelativePosition,
   type LayoutPosition,
-} from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/dropdown-menu/src/dropdown-menu.web.tsx b/packages/dropdown-menu/src/dropdown-menu.web.tsx
index bf1e558c..f1bf28af 100644
--- a/packages/dropdown-menu/src/dropdown-menu.web.tsx
+++ b/packages/dropdown-menu/src/dropdown-menu.web.tsx
@@ -3,9 +3,9 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
-import { EmptyGestureResponderEvent } from '@rn-primitives/utils';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
+import { EmptyGestureResponderEvent } from '@rnr-method/utils';
 import * as React from 'react';
 import { GestureResponderEvent, Pressable, Text, View } from 'react-native';
 import type {
diff --git a/packages/dropdown-menu/src/types.ts b/packages/dropdown-menu/src/types.ts
index 7531b6ef..ab728ffe 100644
--- a/packages/dropdown-menu/src/types.ts
+++ b/packages/dropdown-menu/src/types.ts
@@ -7,7 +7,7 @@ import type {
   SlottableViewProps,
   TextRef,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & { onOpenChange?: (open: boolean) => void };
 
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index 6cf3ba6a..110583ff 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/hooks",
+  "name": "@rnr-method/hooks",
   "version": "1.1.0",
   "description": "Primitive hooks",
   "license": "MIT",
@@ -26,7 +26,7 @@
     "pub:release": "pnpm publish --access public"
   },
   "dependencies": {
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/hooks/src/useRelativePosition.tsx b/packages/hooks/src/useRelativePosition.tsx
index ba28165e..ec3b932d 100644
--- a/packages/hooks/src/useRelativePosition.tsx
+++ b/packages/hooks/src/useRelativePosition.tsx
@@ -1,4 +1,4 @@
-import type { Insets } from '@rn-primitives/types';
+import type { Insets } from '@rnr-method/types';
 import * as React from 'react';
 import { Dimensions, type LayoutRectangle, type ScaledSize, type ViewStyle } from 'react-native';
 
diff --git a/packages/hover-card/package.json b/packages/hover-card/package.json
index 494b80d9..c185b1c9 100644
--- a/packages/hover-card/package.json
+++ b/packages/hover-card/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/hover-card",
+  "name": "@rnr-method/hover-card",
   "version": "1.1.0",
   "description": "Primitive hover card",
   "license": "MIT",
@@ -33,13 +33,13 @@
   },
   "dependencies": {
     "@radix-ui/react-hover-card": "^1.1.1",
-    "@rn-primitives/popover": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/popover": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -47,7 +47,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/hover-card/src/hover-card.tsx b/packages/hover-card/src/hover-card.tsx
index 1915c629..3a783a26 100644
--- a/packages/hover-card/src/hover-card.tsx
+++ b/packages/hover-card/src/hover-card.tsx
@@ -1,6 +1,6 @@
-import { useAugmentedRef, useRelativePosition, type LayoutPosition } from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+import { useAugmentedRef, useRelativePosition, type LayoutPosition } from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/hover-card/src/hover-card.web.tsx b/packages/hover-card/src/hover-card.web.tsx
index b35915cd..3846f92f 100644
--- a/packages/hover-card/src/hover-card.web.tsx
+++ b/packages/hover-card/src/hover-card.web.tsx
@@ -1,6 +1,6 @@
 import * as HoverCard from '@radix-ui/react-hover-card';
-import { useAugmentedRef } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+import { useAugmentedRef } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View } from 'react-native';
 import type {
diff --git a/packages/hover-card/src/types.ts b/packages/hover-card/src/types.ts
index 921d3ff5..c49540b5 100644
--- a/packages/hover-card/src/types.ts
+++ b/packages/hover-card/src/types.ts
@@ -5,7 +5,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 interface SharedRootContext {
   open: boolean;
diff --git a/packages/label/package.json b/packages/label/package.json
index 2b889b25..52ee5b7e 100644
--- a/packages/label/package.json
+++ b/packages/label/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/label",
+  "name": "@rnr-method/label",
   "version": "1.1.0",
   "description": "Primitive label",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-label": "^2.1.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/label/src/label.tsx b/packages/label/src/label.tsx
index f9b69016..653baf35 100644
--- a/packages/label/src/label.tsx
+++ b/packages/label/src/label.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, Text as RNText } from 'react-native';
 import type { RootProps, RootRef, TextProps, TextRef } from './types';
diff --git a/packages/label/src/label.web.tsx b/packages/label/src/label.web.tsx
index f7750e94..b85faf0e 100644
--- a/packages/label/src/label.web.tsx
+++ b/packages/label/src/label.web.tsx
@@ -1,5 +1,5 @@
 import * as Label from '@radix-ui/react-label';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, Text as RNText } from 'react-native';
 import type { RootProps, RootRef, TextProps, TextRef } from './types';
diff --git a/packages/label/src/types.ts b/packages/label/src/types.ts
index a6997c50..e0c8e8aa 100644
--- a/packages/label/src/types.ts
+++ b/packages/label/src/types.ts
@@ -3,7 +3,7 @@ import type {
   SlottablePressableProps,
   SlottableTextProps,
   TextRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 import type { ViewStyle } from 'react-native';
 
 type RootProps = Omit<SlottablePressableProps, 'children' | 'hitSlop' | 'style'> & {
diff --git a/packages/menubar/package.json b/packages/menubar/package.json
index ee371212..c65c6f34 100644
--- a/packages/menubar/package.json
+++ b/packages/menubar/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/menubar",
+  "name": "@rnr-method/menubar",
   "version": "1.1.0",
   "description": "Primitive menubar",
   "license": "MIT",
@@ -33,13 +33,13 @@
   },
   "dependencies": {
     "@radix-ui/react-menubar": "^1.1.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/utils": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/utils": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -47,7 +47,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/menubar/src/menubar.tsx b/packages/menubar/src/menubar.tsx
index 5451007a..375532d5 100644
--- a/packages/menubar/src/menubar.tsx
+++ b/packages/menubar/src/menubar.tsx
@@ -3,9 +3,9 @@ import {
   useControllableState,
   useRelativePosition,
   type LayoutPosition,
-} from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/menubar/src/menubar.web.tsx b/packages/menubar/src/menubar.web.tsx
index 8fc6e964..bd9a616d 100644
--- a/packages/menubar/src/menubar.web.tsx
+++ b/packages/menubar/src/menubar.web.tsx
@@ -3,9 +3,9 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
-import { EmptyGestureResponderEvent } from '@rn-primitives/utils';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
+import { EmptyGestureResponderEvent } from '@rnr-method/utils';
 import * as React from 'react';
 import { GestureResponderEvent, Pressable, Text, View } from 'react-native';
 import type {
diff --git a/packages/menubar/src/types.ts b/packages/menubar/src/types.ts
index 5d759067..196e5910 100644
--- a/packages/menubar/src/types.ts
+++ b/packages/menubar/src/types.ts
@@ -7,7 +7,7 @@ import {
   SlottableViewProps,
   TextRef,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   value: string | undefined;
diff --git a/packages/navigation-menu/package.json b/packages/navigation-menu/package.json
index 9288ba06..9fe94fae 100644
--- a/packages/navigation-menu/package.json
+++ b/packages/navigation-menu/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/navigation-menu",
+  "name": "@rnr-method/navigation-menu",
   "version": "1.1.0",
   "description": "Primitive navigation menu",
   "license": "MIT",
@@ -33,13 +33,13 @@
   },
   "dependencies": {
     "@radix-ui/react-navigation-menu": "^1.2.0",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/utils": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/utils": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -47,7 +47,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/navigation-menu/src/navigation-menu.tsx b/packages/navigation-menu/src/navigation-menu.tsx
index 51cd15c7..526c7412 100644
--- a/packages/navigation-menu/src/navigation-menu.tsx
+++ b/packages/navigation-menu/src/navigation-menu.tsx
@@ -1,6 +1,6 @@
-import { useRelativePosition, type LayoutPosition } from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+import { useRelativePosition, type LayoutPosition } from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/navigation-menu/src/navigation-menu.web.tsx b/packages/navigation-menu/src/navigation-menu.web.tsx
index d9ab6fc3..93ee3095 100644
--- a/packages/navigation-menu/src/navigation-menu.web.tsx
+++ b/packages/navigation-menu/src/navigation-menu.web.tsx
@@ -1,7 +1,7 @@
 import * as NavigationMenu from '@radix-ui/react-navigation-menu';
-import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
-import { EmptyGestureResponderEvent } from '@rn-primitives/utils';
+import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
+import { EmptyGestureResponderEvent } from '@rnr-method/utils';
 import * as React from 'react';
 import { GestureResponderEvent, Pressable, View } from 'react-native';
 import type {
diff --git a/packages/navigation-menu/src/types.ts b/packages/navigation-menu/src/types.ts
index 47b86f51..96e0d559 100644
--- a/packages/navigation-menu/src/types.ts
+++ b/packages/navigation-menu/src/types.ts
@@ -5,7 +5,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 import type { ViewProps } from 'react-native';
 
 type RootProps = SlottableViewProps & {
diff --git a/packages/popover/package.json b/packages/popover/package.json
index 38b86a63..6f85479a 100644
--- a/packages/popover/package.json
+++ b/packages/popover/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/popover",
+  "name": "@rnr-method/popover",
   "version": "1.1.0",
   "description": "Primitive popover",
   "license": "MIT",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@radix-ui/react-popover": "^1.1.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -46,7 +46,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/popover/src/popover.tsx b/packages/popover/src/popover.tsx
index 7da87de7..0345fac0 100644
--- a/packages/popover/src/popover.tsx
+++ b/packages/popover/src/popover.tsx
@@ -1,6 +1,6 @@
-import { useAugmentedRef, useRelativePosition, type LayoutPosition } from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+import { useAugmentedRef, useRelativePosition, type LayoutPosition } from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/popover/src/popover.web.tsx b/packages/popover/src/popover.web.tsx
index 2ebcdc95..2641a4c9 100644
--- a/packages/popover/src/popover.web.tsx
+++ b/packages/popover/src/popover.web.tsx
@@ -1,6 +1,6 @@
 import * as Popover from '@radix-ui/react-popover';
-import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/popover/src/types.ts b/packages/popover/src/types.ts
index 011b36b9..986fc4cb 100644
--- a/packages/popover/src/types.ts
+++ b/packages/popover/src/types.ts
@@ -5,7 +5,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & { onOpenChange?: (open: boolean) => void };
 interface PortalProps extends ForceMountable {
diff --git a/packages/portal/package.json b/packages/portal/package.json
index bd8071b4..511eda7c 100644
--- a/packages/portal/package.json
+++ b/packages/portal/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/portal",
+  "name": "@rnr-method/portal",
   "version": "1.1.0",
   "description": "Primitive portal",
   "license": "MIT",
diff --git a/packages/progress/package.json b/packages/progress/package.json
index 86279876..d45434f9 100644
--- a/packages/progress/package.json
+++ b/packages/progress/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/progress",
+  "name": "@rnr-method/progress",
   "version": "1.1.0",
   "description": "Primitive progress",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-progress": "^1.1.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/progress/src/progress.tsx b/packages/progress/src/progress.tsx
index 46e991a5..fa01ba0e 100644
--- a/packages/progress/src/progress.tsx
+++ b/packages/progress/src/progress.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { View } from 'react-native';
 import type { IndicatorProps, IndicatorRef, RootProps, RootRef } from './types';
diff --git a/packages/progress/src/progress.web.tsx b/packages/progress/src/progress.web.tsx
index 4b32e8e3..fec05144 100644
--- a/packages/progress/src/progress.web.tsx
+++ b/packages/progress/src/progress.web.tsx
@@ -1,5 +1,5 @@
 import * as Progress from '@radix-ui/react-progress';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { View } from 'react-native';
 import type { IndicatorProps, IndicatorRef, RootProps, RootRef } from './types';
diff --git a/packages/progress/src/types.ts b/packages/progress/src/types.ts
index f8163649..02a031ab 100644
--- a/packages/progress/src/types.ts
+++ b/packages/progress/src/types.ts
@@ -1,4 +1,4 @@
-import { SlottableViewProps, ViewRef } from '@rn-primitives/types';
+import { SlottableViewProps, ViewRef } from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   value?: number | null | undefined;
diff --git a/packages/radio-group/package.json b/packages/radio-group/package.json
index 4e59bf45..bb843c80 100644
--- a/packages/radio-group/package.json
+++ b/packages/radio-group/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/radio-group",
+  "name": "@rnr-method/radio-group",
   "version": "1.1.0",
   "description": "Primitive radio group",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-radio-group": "^1.2.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/radio-group/src/radio-group.tsx b/packages/radio-group/src/radio-group.tsx
index de533a57..7d4ae2f9 100644
--- a/packages/radio-group/src/radio-group.tsx
+++ b/packages/radio-group/src/radio-group.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import type { IndicatorProps, IndicatorRef, ItemProps, ItemRef, RootProps, RootRef } from './types';
 
 const RadioGroupContext = React.createContext<RootProps | null>(null);
diff --git a/packages/radio-group/src/radio-group.web.tsx b/packages/radio-group/src/radio-group.web.tsx
index 497ffb37..ffdb8f78 100644
--- a/packages/radio-group/src/radio-group.web.tsx
+++ b/packages/radio-group/src/radio-group.web.tsx
@@ -1,5 +1,5 @@
 import * as RadioGroup from '@radix-ui/react-radio-group';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { GestureResponderEvent, Pressable, View } from 'react-native';
 import type { IndicatorProps, IndicatorRef, ItemProps, ItemRef, RootProps, RootRef } from './types';
diff --git a/packages/radio-group/src/types.ts b/packages/radio-group/src/types.ts
index 071e9f83..113869b9 100644
--- a/packages/radio-group/src/types.ts
+++ b/packages/radio-group/src/types.ts
@@ -4,7 +4,7 @@ import {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   value: string | undefined;
diff --git a/packages/select/package.json b/packages/select/package.json
index c7057728..5ad6f07b 100644
--- a/packages/select/package.json
+++ b/packages/select/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/select",
+  "name": "@rnr-method/select",
   "version": "1.1.0",
   "description": "Primitive select",
   "license": "MIT",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@radix-ui/react-select": "^2.1.1",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -46,7 +46,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/select/src/select.tsx b/packages/select/src/select.tsx
index d316a9b5..fa9955de 100644
--- a/packages/select/src/select.tsx
+++ b/packages/select/src/select.tsx
@@ -3,9 +3,9 @@ import {
   useControllableState,
   useRelativePosition,
   type LayoutPosition,
-} from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/select/src/select.web.tsx b/packages/select/src/select.web.tsx
index 62d03fc1..1979432c 100644
--- a/packages/select/src/select.web.tsx
+++ b/packages/select/src/select.web.tsx
@@ -3,8 +3,8 @@ import {
   useAugmentedRef,
   useControllableState,
   useIsomorphicLayoutEffect,
-} from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+} from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, Text, View } from 'react-native';
 import type {
diff --git a/packages/select/src/types.ts b/packages/select/src/types.ts
index 5fb2d1f7..4a751723 100644
--- a/packages/select/src/types.ts
+++ b/packages/select/src/types.ts
@@ -7,7 +7,7 @@ import type {
   SlottableViewProps,
   TextRef,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type Option =
   | {
diff --git a/packages/separator/package.json b/packages/separator/package.json
index d4530da0..2c1fa164 100644
--- a/packages/separator/package.json
+++ b/packages/separator/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/separator",
+  "name": "@rnr-method/separator",
   "version": "1.1.0",
   "description": "Primitive separator",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-separator": "^1.1.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/separator/src/separator.tsx b/packages/separator/src/separator.tsx
index 735444f1..e84af54a 100644
--- a/packages/separator/src/separator.tsx
+++ b/packages/separator/src/separator.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { View } from 'react-native';
 import type { RootProps, RootRef } from './types';
diff --git a/packages/separator/src/types.ts b/packages/separator/src/types.ts
index 1b374935..11b70032 100644
--- a/packages/separator/src/types.ts
+++ b/packages/separator/src/types.ts
@@ -1,4 +1,4 @@
-import type { SlottableViewProps, ViewRef } from '@rn-primitives/types';
+import type { SlottableViewProps, ViewRef } from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   orientation?: 'horizontal' | 'vertical';
diff --git a/packages/slider/package.json b/packages/slider/package.json
index 2635811e..e008f1d0 100644
--- a/packages/slider/package.json
+++ b/packages/slider/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/slider",
+  "name": "@rnr-method/slider",
   "version": "1.1.0",
   "description": "Primitive slider",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-slider": "^1.2.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/slider/src/slider.tsx b/packages/slider/src/slider.tsx
index e1e23309..f172d7e5 100644
--- a/packages/slider/src/slider.tsx
+++ b/packages/slider/src/slider.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { View } from 'react-native';
 import type {
diff --git a/packages/slider/src/slider.web.tsx b/packages/slider/src/slider.web.tsx
index 2c6522ac..ab19b996 100644
--- a/packages/slider/src/slider.web.tsx
+++ b/packages/slider/src/slider.web.tsx
@@ -1,5 +1,5 @@
 import * as Slider from '@radix-ui/react-slider';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { View } from 'react-native';
 import type {
diff --git a/packages/slider/src/types.ts b/packages/slider/src/types.ts
index 1f19d51c..7acba4b8 100644
--- a/packages/slider/src/types.ts
+++ b/packages/slider/src/types.ts
@@ -1,4 +1,4 @@
-import type { SlottableViewProps, ViewRef } from '@rn-primitives/types';
+import type { SlottableViewProps, ViewRef } from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   value: number;
diff --git a/packages/slot/package.json b/packages/slot/package.json
index 438cd6ea..73cfba69 100644
--- a/packages/slot/package.json
+++ b/packages/slot/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/slot",
+  "name": "@rnr-method/slot",
   "version": "1.1.0",
   "description": "Primitive slot",
   "license": "MIT",
diff --git a/packages/switch/package.json b/packages/switch/package.json
index 59919d66..154dee7d 100644
--- a/packages/switch/package.json
+++ b/packages/switch/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/switch",
+  "name": "@rnr-method/switch",
   "version": "1.1.0",
   "description": "Primitive switch",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-switch": "^1.1.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/switch/src/switch.tsx b/packages/switch/src/switch.tsx
index 689fa29c..d6bf996b 100644
--- a/packages/switch/src/switch.tsx
+++ b/packages/switch/src/switch.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type { RootProps, RootRef, ThumbProps, ThumbRef } from './types';
diff --git a/packages/switch/src/switch.web.tsx b/packages/switch/src/switch.web.tsx
index dbbec2ed..f66cc69f 100644
--- a/packages/switch/src/switch.web.tsx
+++ b/packages/switch/src/switch.web.tsx
@@ -1,5 +1,5 @@
 import * as Switch from '@radix-ui/react-switch';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type { RootProps, RootRef, ThumbProps, ThumbRef } from './types';
diff --git a/packages/switch/src/types.ts b/packages/switch/src/types.ts
index e925da33..712e6dad 100644
--- a/packages/switch/src/types.ts
+++ b/packages/switch/src/types.ts
@@ -3,7 +3,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottablePressableProps & {
   checked: boolean;
diff --git a/packages/table/package.json b/packages/table/package.json
index bb8c5e4e..1a93823b 100644
--- a/packages/table/package.json
+++ b/packages/table/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/table",
+  "name": "@rnr-method/table",
   "version": "1.1.0",
   "description": "Primitive table",
   "license": "MIT",
@@ -32,8 +32,8 @@
     "pub:release": "pnpm publish --access public"
   },
   "dependencies": {
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/table/src/table.tsx b/packages/table/src/table.tsx
index b7e1cdcd..548ea1b0 100644
--- a/packages/table/src/table.tsx
+++ b/packages/table/src/table.tsx
@@ -1,10 +1,10 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import type {
   PressableRef,
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 import * as React from 'react';
 import { Pressable, View } from 'react-native';
 
diff --git a/packages/tabs/package.json b/packages/tabs/package.json
index fe37b26c..8ffdf885 100644
--- a/packages/tabs/package.json
+++ b/packages/tabs/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/tabs",
+  "name": "@rnr-method/tabs",
   "version": "1.1.0",
   "description": "Primitive tabs",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-tabs": "^1.1.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/tabs/src/tabs.tsx b/packages/tabs/src/tabs.tsx
index 7df9b16e..3a2d924e 100644
--- a/packages/tabs/src/tabs.tsx
+++ b/packages/tabs/src/tabs.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/tabs/src/tabs.web.tsx b/packages/tabs/src/tabs.web.tsx
index 5c54320d..b706f89e 100644
--- a/packages/tabs/src/tabs.web.tsx
+++ b/packages/tabs/src/tabs.web.tsx
@@ -1,5 +1,5 @@
 import * as Tabs from '@radix-ui/react-tabs';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View } from 'react-native';
 import type {
diff --git a/packages/tabs/src/types.ts b/packages/tabs/src/types.ts
index cc312850..c53763d3 100644
--- a/packages/tabs/src/types.ts
+++ b/packages/tabs/src/types.ts
@@ -4,7 +4,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   value: string;
diff --git a/packages/toast/package.json b/packages/toast/package.json
index b42a5cf8..12274803 100644
--- a/packages/toast/package.json
+++ b/packages/toast/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/toast",
+  "name": "@rnr-method/toast",
   "version": "1.1.0",
   "description": "Primitive toast",
   "license": "MIT",
@@ -32,8 +32,8 @@
     "pub:release": "pnpm publish --access public"
   },
   "dependencies": {
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/toast/src/toast.tsx b/packages/toast/src/toast.tsx
index 2f54ba0f..ac5e6dbc 100644
--- a/packages/toast/src/toast.tsx
+++ b/packages/toast/src/toast.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, Text, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/toast/src/types.ts b/packages/toast/src/types.ts
index f3e5b7cc..d17c53ba 100644
--- a/packages/toast/src/types.ts
+++ b/packages/toast/src/types.ts
@@ -5,7 +5,7 @@ import type {
   SlottableViewProps,
   TextRef,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   open: boolean;
diff --git a/packages/toggle-group/package.json b/packages/toggle-group/package.json
index 006ab418..fcd8af1b 100644
--- a/packages/toggle-group/package.json
+++ b/packages/toggle-group/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/toggle-group",
+  "name": "@rnr-method/toggle-group",
   "version": "1.1.0",
   "description": "Primitive toggle group",
   "license": "MIT",
@@ -33,9 +33,9 @@
   },
   "dependencies": {
     "@radix-ui/react-toggle-group": "^1.1.0",
-    "@rn-primitives/utils": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/utils": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/toggle-group/src/toggle-group.tsx b/packages/toggle-group/src/toggle-group.tsx
index 2d720f15..e95cc189 100644
--- a/packages/toggle-group/src/toggle-group.tsx
+++ b/packages/toggle-group/src/toggle-group.tsx
@@ -1,5 +1,5 @@
-import * as Slot from '@rn-primitives/slot';
-import { ToggleGroupUtils } from '@rn-primitives/utils';
+import * as Slot from '@rnr-method/slot';
+import { ToggleGroupUtils } from '@rnr-method/utils';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type { ItemProps, ItemRef, RootProps, RootRef } from './types';
diff --git a/packages/toggle-group/src/toggle-group.web.tsx b/packages/toggle-group/src/toggle-group.web.tsx
index 71808ca8..0ae4c07d 100644
--- a/packages/toggle-group/src/toggle-group.web.tsx
+++ b/packages/toggle-group/src/toggle-group.web.tsx
@@ -1,6 +1,6 @@
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
-import * as Slot from '@rn-primitives/slot';
-import { ToggleGroupUtils } from '@rn-primitives/utils';
+import * as Slot from '@rnr-method/slot';
+import { ToggleGroupUtils } from '@rnr-method/utils';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type { ItemProps, ItemRef, RootProps, RootRef } from './types';
diff --git a/packages/toggle-group/src/types.ts b/packages/toggle-group/src/types.ts
index 223017bb..e0fb53c8 100644
--- a/packages/toggle-group/src/types.ts
+++ b/packages/toggle-group/src/types.ts
@@ -3,7 +3,7 @@ import {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type SingleRootProps = {
   type: 'single';
diff --git a/packages/toggle/package.json b/packages/toggle/package.json
index 9e881154..33f5b762 100644
--- a/packages/toggle/package.json
+++ b/packages/toggle/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/toggle",
+  "name": "@rnr-method/toggle",
   "version": "1.1.0",
   "description": "Primitive toggle",
   "license": "MIT",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@radix-ui/react-toggle": "^1.1.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/toggle/src/toggle.tsx b/packages/toggle/src/toggle.tsx
index 606cfad3..0cdefe60 100644
--- a/packages/toggle/src/toggle.tsx
+++ b/packages/toggle/src/toggle.tsx
@@ -1,4 +1,4 @@
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, type GestureResponderEvent } from 'react-native';
 import type { RootProps, RootRef } from './types';
diff --git a/packages/toggle/src/toggle.web.tsx b/packages/toggle/src/toggle.web.tsx
index 046d064a..bbe007c4 100644
--- a/packages/toggle/src/toggle.web.tsx
+++ b/packages/toggle/src/toggle.web.tsx
@@ -1,5 +1,5 @@
 import * as Toggle from '@radix-ui/react-toggle';
-import * as Slot from '@rn-primitives/slot';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, type GestureResponderEvent } from 'react-native';
 import type { RootProps, RootRef } from './types';
diff --git a/packages/toggle/src/types.ts b/packages/toggle/src/types.ts
index fd809111..a2a66d52 100644
--- a/packages/toggle/src/types.ts
+++ b/packages/toggle/src/types.ts
@@ -1,4 +1,4 @@
-import type { PressableRef, SlottablePressableProps } from '@rn-primitives/types';
+import type { PressableRef, SlottablePressableProps } from '@rnr-method/types';
 
 type RootProps = SlottablePressableProps & {
   pressed: boolean;
diff --git a/packages/toolbar/package.json b/packages/toolbar/package.json
index b6cd56be..5bb0f51b 100644
--- a/packages/toolbar/package.json
+++ b/packages/toolbar/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/toolbar",
+  "name": "@rnr-method/toolbar",
   "version": "1.1.0",
   "description": "Primitive toolbar",
   "license": "MIT",
@@ -33,9 +33,9 @@
   },
   "dependencies": {
     "@radix-ui/react-toolbar": "^1.1.0",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*",
-    "@rn-primitives/utils": "workspace:*"
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*",
+    "@rnr-method/utils": "workspace:*"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^1.0.1",
diff --git a/packages/toolbar/src/toolbar.tsx b/packages/toolbar/src/toolbar.tsx
index f572bcf5..7a9dea6a 100644
--- a/packages/toolbar/src/toolbar.tsx
+++ b/packages/toolbar/src/toolbar.tsx
@@ -1,5 +1,5 @@
-import * as Slot from '@rn-primitives/slot';
-import { ToggleGroupUtils } from '@rn-primitives/utils';
+import * as Slot from '@rnr-method/slot';
+import { ToggleGroupUtils } from '@rnr-method/utils';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/toolbar/src/toolbar.web.tsx b/packages/toolbar/src/toolbar.web.tsx
index f7fa25dc..32410eaf 100644
--- a/packages/toolbar/src/toolbar.web.tsx
+++ b/packages/toolbar/src/toolbar.web.tsx
@@ -1,6 +1,6 @@
 import * as Toolbar from '@radix-ui/react-toolbar';
-import * as Slot from '@rn-primitives/slot';
-import { ToggleGroupUtils } from '@rn-primitives/utils';
+import * as Slot from '@rnr-method/slot';
+import { ToggleGroupUtils } from '@rnr-method/utils';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/toolbar/src/types.ts b/packages/toolbar/src/types.ts
index ec7b7b6f..09da1e13 100644
--- a/packages/toolbar/src/types.ts
+++ b/packages/toolbar/src/types.ts
@@ -3,7 +3,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   /**
diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json
index 8cd62920..a94e1d62 100644
--- a/packages/tooltip/package.json
+++ b/packages/tooltip/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/tooltip",
+  "name": "@rnr-method/tooltip",
   "version": "1.1.0",
   "description": "Primitive tooltip",
   "license": "MIT",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@radix-ui/react-tooltip": "^1.1.2",
-    "@rn-primitives/hooks": "workspace:*",
-    "@rn-primitives/slot": "workspace:*",
-    "@rn-primitives/types": "workspace:*"
+    "@rnr-method/hooks": "workspace:*",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*"
   },
   "devDependencies": {
-    "@rn-primitives/portal": "workspace:*",
+    "@rnr-method/portal": "workspace:*",
     "@tsconfig/react-native": "^1.0.1",
     "@types/react": "~18.3.12",
     "react": "18.3.1",
@@ -46,7 +46,7 @@
     "tsup": "^8.1.0"
   },
   "peerDependencies": {
-    "@rn-primitives/portal": "*",
+    "@rnr-method/portal": "*",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"
diff --git a/packages/tooltip/src/tooltip.tsx b/packages/tooltip/src/tooltip.tsx
index c285d400..393ca237 100644
--- a/packages/tooltip/src/tooltip.tsx
+++ b/packages/tooltip/src/tooltip.tsx
@@ -1,6 +1,6 @@
-import { useAugmentedRef, useRelativePosition, type LayoutPosition } from '@rn-primitives/hooks';
-import { Portal as RNPPortal } from '@rn-primitives/portal';
-import * as Slot from '@rn-primitives/slot';
+import { useAugmentedRef, useRelativePosition, type LayoutPosition } from '@rnr-method/hooks';
+import { Portal as RNPPortal } from '@rnr-method/portal';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import {
   BackHandler,
diff --git a/packages/tooltip/src/tooltip.web.tsx b/packages/tooltip/src/tooltip.web.tsx
index 2aa735da..2794db40 100644
--- a/packages/tooltip/src/tooltip.web.tsx
+++ b/packages/tooltip/src/tooltip.web.tsx
@@ -1,6 +1,6 @@
 import * as Tooltip from '@radix-ui/react-tooltip';
-import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rn-primitives/hooks';
-import * as Slot from '@rn-primitives/slot';
+import { useAugmentedRef, useIsomorphicLayoutEffect } from '@rnr-method/hooks';
+import * as Slot from '@rnr-method/slot';
 import * as React from 'react';
 import { Pressable, View, type GestureResponderEvent } from 'react-native';
 import type {
diff --git a/packages/tooltip/src/types.ts b/packages/tooltip/src/types.ts
index 90f5443b..251178d6 100644
--- a/packages/tooltip/src/types.ts
+++ b/packages/tooltip/src/types.ts
@@ -5,7 +5,7 @@ import type {
   SlottablePressableProps,
   SlottableViewProps,
   ViewRef,
-} from '@rn-primitives/types';
+} from '@rnr-method/types';
 
 type RootProps = SlottableViewProps & {
   onOpenChange?: (open: boolean) => void;
diff --git a/packages/types/package.json b/packages/types/package.json
index 35f0f5f5..9e37123b 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/types",
+  "name": "@rnr-method/types",
   "version": "1.1.0",
   "description": "Primitive types",
   "license": "MIT",
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 2b216572..14ec00d3 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rn-primitives/utils",
+  "name": "@rnr-method/utils",
   "version": "1.1.0",
   "description": "Primitive types",
   "license": "MIT",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 792fb35e..3d9663b3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -49,100 +49,100 @@ importers:
       '@radix-ui/react-slot':
         specifier: ^1.1.0
         version: 1.1.0(@types/react@18.3.12)(react@18.3.1)
-      '@rn-primitives/accordion':
+      '@rnr-method/accordion':
         specifier: workspace:*
         version: link:../../packages/accordion
-      '@rn-primitives/alert-dialog':
+      '@rnr-method/alert-dialog':
         specifier: workspace:*
         version: link:../../packages/alert-dialog
-      '@rn-primitives/aspect-ratio':
+      '@rnr-method/aspect-ratio':
         specifier: workspace:*
         version: link:../../packages/aspect-ratio
-      '@rn-primitives/avatar':
+      '@rnr-method/avatar':
         specifier: workspace:*
         version: link:../../packages/avatar
-      '@rn-primitives/checkbox':
+      '@rnr-method/checkbox':
         specifier: workspace:*
         version: link:../../packages/checkbox
-      '@rn-primitives/collapsible':
+      '@rnr-method/collapsible':
         specifier: workspace:*
         version: link:../../packages/collapsible
-      '@rn-primitives/context-menu':
+      '@rnr-method/context-menu':
         specifier: workspace:*
         version: link:../../packages/context-menu
-      '@rn-primitives/dialog':
+      '@rnr-method/dialog':
         specifier: workspace:*
         version: link:../../packages/dialog
-      '@rn-primitives/dropdown-menu':
+      '@rnr-method/dropdown-menu':
         specifier: workspace:*
         version: link:../../packages/dropdown-menu
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../../packages/hooks
-      '@rn-primitives/hover-card':
+      '@rnr-method/hover-card':
         specifier: workspace:*
         version: link:../../packages/hover-card
-      '@rn-primitives/label':
+      '@rnr-method/label':
         specifier: workspace:*
         version: link:../../packages/label
-      '@rn-primitives/menubar':
+      '@rnr-method/menubar':
         specifier: workspace:*
         version: link:../../packages/menubar
-      '@rn-primitives/navigation-menu':
+      '@rnr-method/navigation-menu':
         specifier: workspace:*
         version: link:../../packages/navigation-menu
-      '@rn-primitives/popover':
+      '@rnr-method/popover':
         specifier: workspace:*
         version: link:../../packages/popover
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../../packages/portal
-      '@rn-primitives/progress':
+      '@rnr-method/progress':
         specifier: workspace:*
         version: link:../../packages/progress
-      '@rn-primitives/radio-group':
+      '@rnr-method/radio-group':
         specifier: workspace:*
         version: link:../../packages/radio-group
-      '@rn-primitives/select':
+      '@rnr-method/select':
         specifier: workspace:*
         version: link:../../packages/select
-      '@rn-primitives/separator':
+      '@rnr-method/separator':
         specifier: workspace:*
         version: link:../../packages/separator
-      '@rn-primitives/slider':
+      '@rnr-method/slider':
         specifier: workspace:*
         version: link:../../packages/slider
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../../packages/slot
-      '@rn-primitives/switch':
+      '@rnr-method/switch':
         specifier: workspace:*
         version: link:../../packages/switch
-      '@rn-primitives/table':
+      '@rnr-method/table':
         specifier: workspace:*
         version: link:../../packages/table
-      '@rn-primitives/tabs':
+      '@rnr-method/tabs':
         specifier: workspace:*
         version: link:../../packages/tabs
-      '@rn-primitives/toast':
+      '@rnr-method/toast':
         specifier: workspace:*
         version: link:../../packages/toast
-      '@rn-primitives/toggle':
+      '@rnr-method/toggle':
         specifier: workspace:*
         version: link:../../packages/toggle
-      '@rn-primitives/toggle-group':
+      '@rnr-method/toggle-group':
         specifier: workspace:*
         version: link:../../packages/toggle-group
-      '@rn-primitives/toolbar':
+      '@rnr-method/toolbar':
         specifier: workspace:*
         version: link:../../packages/toolbar
-      '@rn-primitives/tooltip':
+      '@rnr-method/tooltip':
         specifier: workspace:*
         version: link:../../packages/tooltip
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../../packages/types
-      '@rn-primitives/utils':
+      '@rnr-method/utils':
         specifier: workspace:*
         version: link:../../packages/utils
       '@types/react':
@@ -196,94 +196,94 @@ importers:
       '@react-navigation/native':
         specifier: ^7.0.0
         version: 7.0.4(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/accordion':
+      '@rnr-method/accordion':
         specifier: workspace:*
         version: link:../../packages/accordion
-      '@rn-primitives/alert-dialog':
+      '@rnr-method/alert-dialog':
         specifier: workspace:*
         version: link:../../packages/alert-dialog
-      '@rn-primitives/aspect-ratio':
+      '@rnr-method/aspect-ratio':
         specifier: workspace:*
         version: link:../../packages/aspect-ratio
-      '@rn-primitives/avatar':
+      '@rnr-method/avatar':
         specifier: workspace:*
         version: link:../../packages/avatar
-      '@rn-primitives/checkbox':
+      '@rnr-method/checkbox':
         specifier: workspace:*
         version: link:../../packages/checkbox
-      '@rn-primitives/collapsible':
+      '@rnr-method/collapsible':
         specifier: workspace:*
         version: link:../../packages/collapsible
-      '@rn-primitives/context-menu':
+      '@rnr-method/context-menu':
         specifier: workspace:*
         version: link:../../packages/context-menu
-      '@rn-primitives/dialog':
+      '@rnr-method/dialog':
         specifier: workspace:*
         version: link:../../packages/dialog
-      '@rn-primitives/dropdown-menu':
+      '@rnr-method/dropdown-menu':
         specifier: workspace:*
         version: link:../../packages/dropdown-menu
-      '@rn-primitives/hover-card':
+      '@rnr-method/hover-card':
         specifier: workspace:*
         version: link:../../packages/hover-card
-      '@rn-primitives/label':
+      '@rnr-method/label':
         specifier: workspace:*
         version: link:../../packages/label
-      '@rn-primitives/menubar':
+      '@rnr-method/menubar':
         specifier: workspace:*
         version: link:../../packages/menubar
-      '@rn-primitives/navigation-menu':
+      '@rnr-method/navigation-menu':
         specifier: workspace:*
         version: link:../../packages/navigation-menu
-      '@rn-primitives/popover':
+      '@rnr-method/popover':
         specifier: workspace:*
         version: link:../../packages/popover
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../../packages/portal
-      '@rn-primitives/progress':
+      '@rnr-method/progress':
         specifier: workspace:*
         version: link:../../packages/progress
-      '@rn-primitives/radio-group':
+      '@rnr-method/radio-group':
         specifier: workspace:*
         version: link:../../packages/radio-group
-      '@rn-primitives/select':
+      '@rnr-method/select':
         specifier: workspace:*
         version: link:../../packages/select
-      '@rn-primitives/separator':
+      '@rnr-method/separator':
         specifier: workspace:*
         version: link:../../packages/separator
-      '@rn-primitives/slider':
+      '@rnr-method/slider':
         specifier: workspace:*
         version: link:../../packages/slider
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../../packages/slot
-      '@rn-primitives/switch':
+      '@rnr-method/switch':
         specifier: workspace:*
         version: link:../../packages/switch
-      '@rn-primitives/table':
+      '@rnr-method/table':
         specifier: workspace:*
         version: link:../../packages/table
-      '@rn-primitives/tabs':
+      '@rnr-method/tabs':
         specifier: workspace:*
         version: link:../../packages/tabs
-      '@rn-primitives/toast':
+      '@rnr-method/toast':
         specifier: workspace:*
         version: link:../../packages/toast
-      '@rn-primitives/toggle':
+      '@rnr-method/toggle':
         specifier: workspace:*
         version: link:../../packages/toggle
-      '@rn-primitives/toggle-group':
+      '@rnr-method/toggle-group':
         specifier: workspace:*
         version: link:../../packages/toggle-group
-      '@rn-primitives/toolbar':
+      '@rnr-method/toolbar':
         specifier: workspace:*
         version: link:../../packages/toolbar
-      '@rn-primitives/tooltip':
+      '@rnr-method/tooltip':
         specifier: workspace:*
         version: link:../../packages/tooltip
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../../packages/types
       class-variance-authority:
@@ -374,94 +374,94 @@ importers:
       '@react-navigation/native':
         specifier: ^7.0.0
         version: 7.0.4(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/accordion':
+      '@rnr-method/accordion':
         specifier: workspace:*
         version: link:../../packages/accordion
-      '@rn-primitives/alert-dialog':
+      '@rnr-method/alert-dialog':
         specifier: workspace:*
         version: link:../../packages/alert-dialog
-      '@rn-primitives/aspect-ratio':
+      '@rnr-method/aspect-ratio':
         specifier: workspace:*
         version: link:../../packages/aspect-ratio
-      '@rn-primitives/avatar':
+      '@rnr-method/avatar':
         specifier: workspace:*
         version: link:../../packages/avatar
-      '@rn-primitives/checkbox':
+      '@rnr-method/checkbox':
         specifier: workspace:*
         version: link:../../packages/checkbox
-      '@rn-primitives/collapsible':
+      '@rnr-method/collapsible':
         specifier: workspace:*
         version: link:../../packages/collapsible
-      '@rn-primitives/context-menu':
+      '@rnr-method/context-menu':
         specifier: workspace:*
         version: link:../../packages/context-menu
-      '@rn-primitives/dialog':
+      '@rnr-method/dialog':
         specifier: workspace:*
         version: link:../../packages/dialog
-      '@rn-primitives/dropdown-menu':
+      '@rnr-method/dropdown-menu':
         specifier: workspace:*
         version: link:../../packages/dropdown-menu
-      '@rn-primitives/hover-card':
+      '@rnr-method/hover-card':
         specifier: workspace:*
         version: link:../../packages/hover-card
-      '@rn-primitives/label':
+      '@rnr-method/label':
         specifier: workspace:*
         version: link:../../packages/label
-      '@rn-primitives/menubar':
+      '@rnr-method/menubar':
         specifier: workspace:*
         version: link:../../packages/menubar
-      '@rn-primitives/navigation-menu':
+      '@rnr-method/navigation-menu':
         specifier: workspace:*
         version: link:../../packages/navigation-menu
-      '@rn-primitives/popover':
+      '@rnr-method/popover':
         specifier: workspace:*
         version: link:../../packages/popover
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../../packages/portal
-      '@rn-primitives/progress':
+      '@rnr-method/progress':
         specifier: workspace:*
         version: link:../../packages/progress
-      '@rn-primitives/radio-group':
+      '@rnr-method/radio-group':
         specifier: workspace:*
         version: link:../../packages/radio-group
-      '@rn-primitives/select':
+      '@rnr-method/select':
         specifier: workspace:*
         version: link:../../packages/select
-      '@rn-primitives/separator':
+      '@rnr-method/separator':
         specifier: workspace:*
         version: link:../../packages/separator
-      '@rn-primitives/slider':
+      '@rnr-method/slider':
         specifier: workspace:*
         version: link:../../packages/slider
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../../packages/slot
-      '@rn-primitives/switch':
+      '@rnr-method/switch':
         specifier: workspace:*
         version: link:../../packages/switch
-      '@rn-primitives/table':
+      '@rnr-method/table':
         specifier: workspace:*
         version: link:../../packages/table
-      '@rn-primitives/tabs':
+      '@rnr-method/tabs':
         specifier: workspace:*
         version: link:../../packages/tabs
-      '@rn-primitives/toast':
+      '@rnr-method/toast':
         specifier: workspace:*
         version: link:../../packages/toast
-      '@rn-primitives/toggle':
+      '@rnr-method/toggle':
         specifier: workspace:*
         version: link:../../packages/toggle
-      '@rn-primitives/toggle-group':
+      '@rnr-method/toggle-group':
         specifier: workspace:*
         version: link:../../packages/toggle-group
-      '@rn-primitives/toolbar':
+      '@rnr-method/toolbar':
         specifier: workspace:*
         version: link:../../packages/toolbar
-      '@rn-primitives/tooltip':
+      '@rnr-method/tooltip':
         specifier: workspace:*
         version: link:../../packages/tooltip
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../../packages/types
       expo:
@@ -528,94 +528,94 @@ importers:
 
   apps/nextjs-nativewind:
     dependencies:
-      '@rn-primitives/accordion':
+      '@rnr-method/accordion':
         specifier: workspace:*
         version: link:../../packages/accordion
-      '@rn-primitives/alert-dialog':
+      '@rnr-method/alert-dialog':
         specifier: workspace:*
         version: link:../../packages/alert-dialog
-      '@rn-primitives/aspect-ratio':
+      '@rnr-method/aspect-ratio':
         specifier: workspace:*
         version: link:../../packages/aspect-ratio
-      '@rn-primitives/avatar':
+      '@rnr-method/avatar':
         specifier: workspace:*
         version: link:../../packages/avatar
-      '@rn-primitives/checkbox':
+      '@rnr-method/checkbox':
         specifier: workspace:*
         version: link:../../packages/checkbox
-      '@rn-primitives/collapsible':
+      '@rnr-method/collapsible':
         specifier: workspace:*
         version: link:../../packages/collapsible
-      '@rn-primitives/context-menu':
+      '@rnr-method/context-menu':
         specifier: workspace:*
         version: link:../../packages/context-menu
-      '@rn-primitives/dialog':
+      '@rnr-method/dialog':
         specifier: workspace:*
         version: link:../../packages/dialog
-      '@rn-primitives/dropdown-menu':
+      '@rnr-method/dropdown-menu':
         specifier: workspace:*
         version: link:../../packages/dropdown-menu
-      '@rn-primitives/hover-card':
+      '@rnr-method/hover-card':
         specifier: workspace:*
         version: link:../../packages/hover-card
-      '@rn-primitives/label':
+      '@rnr-method/label':
         specifier: workspace:*
         version: link:../../packages/label
-      '@rn-primitives/menubar':
+      '@rnr-method/menubar':
         specifier: workspace:*
         version: link:../../packages/menubar
-      '@rn-primitives/navigation-menu':
+      '@rnr-method/navigation-menu':
         specifier: workspace:*
         version: link:../../packages/navigation-menu
-      '@rn-primitives/popover':
+      '@rnr-method/popover':
         specifier: workspace:*
         version: link:../../packages/popover
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../../packages/portal
-      '@rn-primitives/progress':
+      '@rnr-method/progress':
         specifier: workspace:*
         version: link:../../packages/progress
-      '@rn-primitives/radio-group':
+      '@rnr-method/radio-group':
         specifier: workspace:*
         version: link:../../packages/radio-group
-      '@rn-primitives/select':
+      '@rnr-method/select':
         specifier: workspace:*
         version: link:../../packages/select
-      '@rn-primitives/separator':
+      '@rnr-method/separator':
         specifier: workspace:*
         version: link:../../packages/separator
-      '@rn-primitives/slider':
+      '@rnr-method/slider':
         specifier: workspace:*
         version: link:../../packages/slider
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../../packages/slot
-      '@rn-primitives/switch':
+      '@rnr-method/switch':
         specifier: workspace:*
         version: link:../../packages/switch
-      '@rn-primitives/table':
+      '@rnr-method/table':
         specifier: workspace:*
         version: link:../../packages/table
-      '@rn-primitives/tabs':
+      '@rnr-method/tabs':
         specifier: workspace:*
         version: link:../../packages/tabs
-      '@rn-primitives/toast':
+      '@rnr-method/toast':
         specifier: workspace:*
         version: link:../../packages/toast
-      '@rn-primitives/toggle':
+      '@rnr-method/toggle':
         specifier: workspace:*
         version: link:../../packages/toggle
-      '@rn-primitives/toggle-group':
+      '@rnr-method/toggle-group':
         specifier: workspace:*
         version: link:../../packages/toggle-group
-      '@rn-primitives/toolbar':
+      '@rnr-method/toolbar':
         specifier: workspace:*
         version: link:../../packages/toolbar
-      '@rn-primitives/tooltip':
+      '@rnr-method/tooltip':
         specifier: workspace:*
         version: link:../../packages/tooltip
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../../packages/types
       class-variance-authority:
@@ -679,13 +679,13 @@ importers:
       '@radix-ui/react-accordion':
         specifier: ^1.2.0
         version: 1.2.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -713,20 +713,20 @@ importers:
       '@radix-ui/react-alert-dialog':
         specifier: ^1.1.1
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -747,10 +747,10 @@ importers:
 
   packages/aspect-ratio:
     dependencies:
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -775,13 +775,13 @@ importers:
 
   packages/avatar:
     dependencies:
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -809,13 +809,13 @@ importers:
       '@radix-ui/react-checkbox':
         specifier: ^1.1.1
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -843,13 +843,13 @@ importers:
       '@radix-ui/react-collapsible':
         specifier: ^1.1.0
         version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -877,23 +877,23 @@ importers:
       '@radix-ui/react-context-menu':
         specifier: ^2.2.1
         version: 2.2.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
-      '@rn-primitives/utils':
+      '@rnr-method/utils':
         specifier: workspace:*
         version: link:../utils
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -917,20 +917,20 @@ importers:
       '@radix-ui/react-dialog':
         specifier: ^1.1.1
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -954,23 +954,23 @@ importers:
       '@radix-ui/react-dropdown-menu':
         specifier: ^2.1.1
         version: 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
-      '@rn-primitives/utils':
+      '@rnr-method/utils':
         specifier: workspace:*
         version: link:../utils
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -991,7 +991,7 @@ importers:
 
   packages/hooks:
     dependencies:
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1019,23 +1019,23 @@ importers:
       '@radix-ui/react-hover-card':
         specifier: ^1.1.1
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/popover':
+      '@rnr-method/popover':
         specifier: workspace:*
         version: link:../popover
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -1059,10 +1059,10 @@ importers:
       '@radix-ui/react-label':
         specifier: ^2.1.0
         version: 2.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1090,23 +1090,23 @@ importers:
       '@radix-ui/react-menubar':
         specifier: ^1.1.1
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
-      '@rn-primitives/utils':
+      '@rnr-method/utils':
         specifier: workspace:*
         version: link:../utils
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -1130,23 +1130,23 @@ importers:
       '@radix-ui/react-navigation-menu':
         specifier: ^1.2.0
         version: 1.2.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
-      '@rn-primitives/utils':
+      '@rnr-method/utils':
         specifier: workspace:*
         version: link:../utils
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -1170,20 +1170,20 @@ importers:
       '@radix-ui/react-popover':
         specifier: ^1.1.1
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -1232,10 +1232,10 @@ importers:
       '@radix-ui/react-progress':
         specifier: ^1.1.0
         version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1263,10 +1263,10 @@ importers:
       '@radix-ui/react-radio-group':
         specifier: ^1.2.0
         version: 1.2.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1294,20 +1294,20 @@ importers:
       '@radix-ui/react-select':
         specifier: ^2.1.1
         version: 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':
@@ -1331,10 +1331,10 @@ importers:
       '@radix-ui/react-separator':
         specifier: ^1.1.0
         version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1362,10 +1362,10 @@ importers:
       '@radix-ui/react-slider':
         specifier: ^1.2.0
         version: 1.2.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1415,10 +1415,10 @@ importers:
       '@radix-ui/react-switch':
         specifier: ^1.1.0
         version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1443,10 +1443,10 @@ importers:
 
   packages/table:
     dependencies:
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1474,10 +1474,10 @@ importers:
       '@radix-ui/react-tabs':
         specifier: ^1.1.0
         version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1502,10 +1502,10 @@ importers:
 
   packages/toast:
     dependencies:
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1533,10 +1533,10 @@ importers:
       '@radix-ui/react-toggle':
         specifier: ^1.1.0
         version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
@@ -1564,13 +1564,13 @@ importers:
       '@radix-ui/react-toggle-group':
         specifier: ^1.1.0
         version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
-      '@rn-primitives/utils':
+      '@rnr-method/utils':
         specifier: workspace:*
         version: link:../utils
       react-native-web:
@@ -1598,13 +1598,13 @@ importers:
       '@radix-ui/react-toolbar':
         specifier: ^1.1.0
         version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
-      '@rn-primitives/utils':
+      '@rnr-method/utils':
         specifier: workspace:*
         version: link:../utils
       react-native-web:
@@ -1632,20 +1632,20 @@ importers:
       '@radix-ui/react-tooltip':
         specifier: ^1.1.2
         version: 1.1.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rn-primitives/hooks':
+      '@rnr-method/hooks':
         specifier: workspace:*
         version: link:../hooks
-      '@rn-primitives/slot':
+      '@rnr-method/slot':
         specifier: workspace:*
         version: link:../slot
-      '@rn-primitives/types':
+      '@rnr-method/types':
         specifier: workspace:*
         version: link:../types
       react-native-web:
         specifier: '*'
         version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
-      '@rn-primitives/portal':
+      '@rnr-method/portal':
         specifier: workspace:*
         version: link:../portal
       '@tsconfig/react-native':

From e8f571aee9d66006787136a3297921a0cd58bf08 Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 10:58:12 -0700
Subject: [PATCH 03/10] create tailwind  util

---
 packages/utils/package.json |  4 +++-
 packages/utils/src/index.ts |  9 ++++++++-
 pnpm-lock.yaml              | 13 +++++++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/packages/utils/package.json b/packages/utils/package.json
index 14ec00d3..0ec0bb48 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -30,7 +30,9 @@
     "@types/react": "~18.3.12",
     "react": "18.3.1",
     "react-native": "0.76.3",
-    "tsup": "^8.1.0"
+    "tsup": "^8.1.0",
+    "clsx": "^2.0.0",
+    "tailwind-merge": "^1.14.0"
   },
   "peerDependencies": {
     "react": "*",
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 8453d374..0773f920 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,4 +1,6 @@
 import type { GestureResponderEvent } from 'react-native';
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
 
 const ToggleGroupUtils = {
   getIsSelected(value: string | string[] | undefined, itemValue: string) {
@@ -58,4 +60,9 @@ const EmptyGestureResponderEvent: GestureResponderEvent = {
   type: '',
 };
 
-export { ToggleGroupUtils, EmptyGestureResponderEvent };
+
+const cn = (...inputs: ClassValue[]) => {
+  return twMerge(clsx(inputs))
+}
+
+export { ToggleGroupUtils, EmptyGestureResponderEvent, cn };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3d9663b3..51ae9924 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1698,12 +1698,18 @@ importers:
       '@types/react':
         specifier: ~18.3.12
         version: 18.3.12
+      clsx:
+        specifier: ^2.0.0
+        version: 2.1.1
       react:
         specifier: 18.3.1
         version: 18.3.1
       react-native:
         specifier: 0.76.3
         version: 0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1)
+      tailwind-merge:
+        specifier: ^1.14.0
+        version: 1.14.0
       tsup:
         specifier: ^8.1.0
         version: 8.3.5(jiti@1.21.6)(postcss@8.4.49)(typescript@5.7.2)(yaml@2.6.1)
@@ -7901,9 +7907,11 @@ packages:
 
   sudo-prompt@8.2.5:
     resolution: {integrity: sha512-rlBo3HU/1zAJUrkY6jNxDOC9eVYliG6nS4JA8u8KAshITd07tafMc/Br7xQwCSseXwJ2iCcHCE8SNWX3q8Z+kw==}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
   sudo-prompt@9.1.1:
     resolution: {integrity: sha512-es33J1g2HjMpyAhz8lOR+ICmXXAqTuKbuXuUWLhOLew20oN9oUCgCJx615U/v7aioZg7IX5lIh9x34vwneu4pA==}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -7925,6 +7933,9 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  tailwind-merge@1.14.0:
+    resolution: {integrity: sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==}
+
   tailwind-merge@2.5.4:
     resolution: {integrity: sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==}
 
@@ -16394,6 +16405,8 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  tailwind-merge@1.14.0: {}
+
   tailwind-merge@2.5.4: {}
 
   tailwindcss-animate@1.0.7(tailwindcss@3.4.15):

From 3cfbb3afe7e168cab60eb18213b90f45649ff3d7 Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 12:23:29 -0700
Subject: [PATCH 04/10] create input using rn & rnr

---
 package.json                            |   6 +-
 packages/input/package.json             |  68 ++++++
 packages/input/src/ nativewind-env.d.ts |   1 +
 packages/input/src/index.ts             |   2 +
 packages/input/src/input.tsx            |  24 +++
 packages/input/src/types.ts             |  27 +++
 packages/input/tsconfig.json            |  40 ++++
 packages/input/tsup.config.ts           |  16 ++
 pnpm-lock.yaml                          | 274 +++++++++++++++++++++++-
 9 files changed, 452 insertions(+), 6 deletions(-)
 create mode 100644 packages/input/package.json
 create mode 100644 packages/input/src/ nativewind-env.d.ts
 create mode 100644 packages/input/src/index.ts
 create mode 100644 packages/input/src/input.tsx
 create mode 100644 packages/input/src/types.ts
 create mode 100644 packages/input/tsconfig.json
 create mode 100644 packages/input/tsup.config.ts

diff --git a/package.json b/package.json
index e37d046a..210428a5 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "private": true,
   "scripts": {
     "dev": "turbo dev --concurrency=34",
-    "dev:primitives": "turbo dev --filter=./packages/* --concurrency=33",
+    "dev:primitives": "turbo dev --filter=./packages/* --concurrency=34",
     "dev:expo-nativewind": "turbo dev --filter=./apps/expo-nativewind",
     "dev:nextjs-nativewind": "turbo dev --filter=./apps/nextjs-nativewind",
     "dev:docs": "turbo dev --filter=./apps/docs",
@@ -11,8 +11,8 @@
     "test": "turbo test",
     "build": "turbo build --filter=./packages/*",
     "build:docs": "turbo build --filter=./apps/docs",
-    "publish-all:primitives:next": "turbo pub:next --filter=./packages/* --concurrency=33",
-    "publish-all:primitives": "turbo pub:release --filter=./packages/* --concurrency=33",
+    "publish-all:primitives:next": "turbo pub:next --filter=./packages/* --concurrency=34",
+    "publish-all:primitives": "turbo pub:release --filter=./packages/* --concurrency=34",
     "clean": "turbo clean && rm -rf .turbo node_modules"
   },
   "devDependencies": {
diff --git a/packages/input/package.json b/packages/input/package.json
new file mode 100644
index 00000000..8ccf4356
--- /dev/null
+++ b/packages/input/package.json
@@ -0,0 +1,68 @@
+{
+  "name": "@rnr-method/input",
+  "version": "1.1.0",
+  "description": "Method input",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./dist/input": {
+      "import": "./dist/input.mjs",
+      "require": "./dist/input.js",
+      "types": "./dist/input.d.ts",
+      "default": "./dist/input.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "pub:beta": "pnpm publish --no-git-checks --access public --tag beta",
+    "pub:next": "pnpm publish --no-git-checks --access public --tag next",
+    "pub:release": "pnpm publish --access public"
+  },
+  "dependencies": {
+    "@radix-ui/react-label": "^2.1.0",
+    "@rnr-method/slot": "workspace:*",
+    "@rnr-method/types": "workspace:*",
+    "@rnr-method/utils": "workspace:*",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "lucide-react": "^0.279.0",
+    "nativewind": "^4.1.23"
+  },
+  "devDependencies": {
+    "@tsconfig/react-native": "^1.0.1",
+    "@types/react": "~18.3.12",
+    "@types/react-native-web": "^0.19.0",
+    "autoprefixer": "10.4.15",
+    "postcss": "8.4.30",
+    "react": "18.3.1",
+    "react-native": "0.76.3",
+    "tailwindcss": "3.3.3",
+    "tsup": "^8.1.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-web": "*"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    },
+    "react-native-web": {
+      "optional": true
+    }
+  }
+}
diff --git a/packages/input/src/ nativewind-env.d.ts b/packages/input/src/ nativewind-env.d.ts
new file mode 100644
index 00000000..a13e3136
--- /dev/null
+++ b/packages/input/src/ nativewind-env.d.ts	
@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />
diff --git a/packages/input/src/index.ts b/packages/input/src/index.ts
new file mode 100644
index 00000000..04f79060
--- /dev/null
+++ b/packages/input/src/index.ts
@@ -0,0 +1,2 @@
+export * from './input';
+export * from './types';
diff --git a/packages/input/src/input.tsx b/packages/input/src/input.tsx
new file mode 100644
index 00000000..e5abf41a
--- /dev/null
+++ b/packages/input/src/input.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { TextInput, type TextInputProps } from 'react-native';
+import { cn } from '@rnr-method/utils';
+
+const Input = React.forwardRef<React.ElementRef<typeof TextInput>, TextInputProps>(
+  ({ className, placeholderClassName, ...props }, ref) => {
+    return (
+      <TextInput
+        ref={ref}
+        className={cn(
+          'web:flex h-12 native:h-14 web:w-full rounded-md border border-input bg-background px-3 web:py-2 text-base lg:text-sm native:text-lg native:leading-[1.25] text-foreground placeholder:text-muted-foreground web:ring-offset-background file:border-0 file:bg-transparent file:font-medium web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',
+          props.editable === false && 'opacity-50 web:cursor-not-allowed',
+          className
+        )}
+        placeholderClassName={cn('text-muted-foreground', placeholderClassName)}
+        {...props}
+      />
+    );
+  }
+);
+
+Input.displayName = 'Input';
+
+export { Input };
diff --git a/packages/input/src/types.ts b/packages/input/src/types.ts
new file mode 100644
index 00000000..fa6d24fc
--- /dev/null
+++ b/packages/input/src/types.ts
@@ -0,0 +1,27 @@
+import type {
+  PressableRef,
+  SlottablePressableProps,
+  SlottableTextProps,
+  TextRef,
+} from '@rnr-method/types';
+import type { ViewStyle } from 'react-native';
+
+type RootProps = Omit<SlottablePressableProps, 'children' | 'hitSlop' | 'style'> & {
+  children: React.ReactNode;
+  style?: ViewStyle;
+};
+
+type ExampleComponentProps = SlottableTextProps & {
+  /**
+   * Equivalent to `id` so that the same value can be passed as `aria-labelledby` to the input element.
+   */
+  nativeID?: string;
+  /**
+   * WEB ONLY
+   */
+  htmlFor?: string;
+};
+
+type RootRef = PressableRef;
+
+export type { RootProps, RootRef, ExampleComponentProps, TextRef };
diff --git a/packages/input/tsconfig.json b/packages/input/tsconfig.json
new file mode 100644
index 00000000..1c685541
--- /dev/null
+++ b/packages/input/tsconfig.json
@@ -0,0 +1,40 @@
+{
+  "extends": "@tsconfig/react-native/tsconfig.json",
+  "jsxImportSource": "nativewind",
+  "jsx": "preserve",
+  "include": [
+    "./src/**/*",
+    "nativewind-env.d.ts"
+  ],
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "es2019",
+      "es2020.bigint",
+      "es2020.date",
+      "es2020.number",
+      "es2020.promise",
+      "es2020.string",
+      "es2020.symbol.wellknown",
+      "es2021.promise",
+      "es2021.string",
+      "es2021.weakref",
+      "es2022.array",
+      "es2022.object",
+      "es2022.string"
+    ],
+    "types": [
+      "react-native-web"
+    ],
+    "paths": {
+      "react-native": [
+        "react-native-web"
+      ]
+    }
+  },
+  "exclude": [
+    "dist",
+    "build",
+    "node_modules"
+  ]
+}
diff --git a/packages/input/tsup.config.ts b/packages/input/tsup.config.ts
new file mode 100644
index 00000000..7f97d13c
--- /dev/null
+++ b/packages/input/tsup.config.ts
@@ -0,0 +1,16 @@
+import { defineConfig, Options } from 'tsup';
+
+export default defineConfig((options: Options) => ({
+  entry: ['src/index.ts', 'src/input.tsx'],
+  banner: {
+    js: "'use client'",
+  },
+  clean: true,
+  format: ['cjs', 'esm'],
+  external: ['react', './input'],
+  dts: true,
+  ...options,
+  esbuildOptions(options) {
+    options.jsx = 'preserve';
+  },
+}));
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 51ae9924..ac96a14d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -226,6 +226,9 @@ importers:
       '@rnr-method/hover-card':
         specifier: workspace:*
         version: link:../../packages/hover-card
+      '@rnr-method/input':
+        specifier: workspace:*
+        version: link:../../packages/input
       '@rnr-method/label':
         specifier: workspace:*
         version: link:../../packages/label
@@ -558,6 +561,9 @@ importers:
       '@rnr-method/hover-card':
         specifier: workspace:*
         version: link:../../packages/hover-card
+      '@rnr-method/input':
+        specifier: workspace:*
+        version: link:../../packages/input
       '@rnr-method/label':
         specifier: workspace:*
         version: link:../../packages/label
@@ -629,7 +635,7 @@ importers:
         version: 0.451.0(react-native-svg@15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
       nativewind:
         specifier: ^4.1.23
-        version: 4.1.23(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native-safe-area-context@4.12.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native-svg@15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.15)
+        version: 4.1.23(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native-svg@15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.15)
       next:
         specifier: 14.2.14
         version: 14.2.14(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -1054,6 +1060,64 @@ importers:
         specifier: ^8.1.0
         version: 8.3.5(jiti@1.21.6)(postcss@8.4.49)(typescript@5.7.2)(yaml@2.6.1)
 
+  packages/input:
+    dependencies:
+      '@radix-ui/react-label':
+        specifier: ^2.1.0
+        version: 2.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rnr-method/slot':
+        specifier: workspace:*
+        version: link:../slot
+      '@rnr-method/types':
+        specifier: workspace:*
+        version: link:../types
+      '@rnr-method/utils':
+        specifier: workspace:*
+        version: link:../utils
+      class-variance-authority:
+        specifier: ^0.7.0
+        version: 0.7.0
+      clsx:
+        specifier: ^2.0.0
+        version: 2.1.1
+      lucide-react:
+        specifier: ^0.279.0
+        version: 0.279.0(react@18.3.1)
+      nativewind:
+        specifier: ^4.1.23
+        version: 4.1.23(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.3.3)
+      react-native-web:
+        specifier: '*'
+        version: 0.19.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    devDependencies:
+      '@tsconfig/react-native':
+        specifier: ^1.0.1
+        version: 1.0.5
+      '@types/react':
+        specifier: ~18.3.12
+        version: 18.3.12
+      '@types/react-native-web':
+        specifier: ^0.19.0
+        version: 0.19.0(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(react@18.3.1)
+      autoprefixer:
+        specifier: 10.4.15
+        version: 10.4.15(postcss@8.4.30)
+      postcss:
+        specifier: 8.4.30
+        version: 8.4.30
+      react:
+        specifier: 18.3.1
+        version: 18.3.1
+      react-native:
+        specifier: 0.76.3
+        version: 0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1)
+      tailwindcss:
+        specifier: 3.3.3
+        version: 3.3.3
+      tsup:
+        specifier: ^8.1.0
+        version: 8.3.5(jiti@1.21.6)(postcss@8.4.30)(typescript@5.7.2)(yaml@2.6.1)
+
   packages/label:
     dependencies:
       '@radix-ui/react-label':
@@ -4191,6 +4255,9 @@ packages:
   '@types/react-dom@18.3.1':
     resolution: {integrity: sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==}
 
+  '@types/react-native-web@0.19.0':
+    resolution: {integrity: sha512-HWagkGzM/k1iPBy2/xnVU9U0MN9oswZu8/2buh8bnuhwJpgt7avPoGlqT9XuFNlBbQykCg5TfEyXoUJR8tGDGg==}
+
   '@types/react@18.3.12':
     resolution: {integrity: sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==}
 
@@ -4471,6 +4538,13 @@ packages:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
     engines: {node: '>= 4.0.0'}
 
+  autoprefixer@10.4.15:
+    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
   autoprefixer@10.4.20:
     resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
     engines: {node: ^10 || ^12 || >=14}
@@ -6347,6 +6421,11 @@ packages:
       react-native: '*'
       react-native-svg: ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0
 
+  lucide-react@0.279.0:
+    resolution: {integrity: sha512-LJ8g66+Bxc3t3x9vKTeK3wn3xucrOQGfJ9ou9GsBwCt2offsrT2BB90XrTrIzE1noYYDe2O8jZaRHi6sAHXNxw==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0
+
   lucide-react@0.334.0:
     resolution: {integrity: sha512-y0Rv/Xx6qAq4FutZ3L/efl3O9vl6NC/1p0YOg6mBfRbQ4k1JCE2rz0rnV7WC8Moxq1RY99vLATvjcqUegGJTvA==}
     peerDependencies:
@@ -7144,6 +7223,10 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
+  postcss@8.4.30:
+    resolution: {integrity: sha512-7ZEao1g4kd68l97aWG/etQKPKq07us0ieSZ2TnFDk11i0ZfDW2AwKHYU8qv4MZKqN2fdBfg+7q0ES06UA73C1g==}
+    engines: {node: ^10 || ^12 || >=14}
+
   postcss@8.4.31:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -7944,6 +8027,11 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
+  tailwindcss@3.3.3:
+    resolution: {integrity: sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
   tailwindcss@3.4.15:
     resolution: {integrity: sha512-r4MeXnfBmSOuKUWmXe6h2CcyfzJCEk4F0pptO5jlnYSIViUkVmsawj80N5h2lO3gwcmSb4n3PuN+e+GC1Guylw==}
     engines: {node: '>=14.0.0'}
@@ -10341,8 +10429,8 @@ snapshots:
       '@ctrl/tinycolor': 3.6.1
       hast-util-to-html: 8.0.4
       hastscript: 7.2.0
-      postcss: 8.4.49
-      postcss-nested: 6.2.0(postcss@8.4.49)
+      postcss: 8.4.30
+      postcss-nested: 6.2.0(postcss@8.4.30)
 
   '@expressive-code/plugin-frames@0.33.5':
     dependencies:
@@ -11762,6 +11850,20 @@ snapshots:
     dependencies:
       '@types/react': 18.3.12
 
+  '@types/react-native-web@0.19.0(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(react@18.3.1)':
+    dependencies:
+      '@types/react': 18.3.12
+      react-native: 0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1)
+    transitivePeerDependencies:
+      - '@babel/core'
+      - '@babel/preset-env'
+      - '@react-native-community/cli-server-api'
+      - bufferutil
+      - encoding
+      - react
+      - supports-color
+      - utf-8-validate
+
   '@types/react@18.3.12':
     dependencies:
       '@types/prop-types': 15.7.13
@@ -12105,6 +12207,16 @@ snapshots:
 
   at-least-node@1.0.0: {}
 
+  autoprefixer@10.4.15(postcss@8.4.30):
+    dependencies:
+      browserslist: 4.24.2
+      caniuse-lite: 1.0.30001684
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.1.1
+      postcss: 8.4.30
+      postcss-value-parser: 4.2.0
+
   autoprefixer@10.4.20(postcss@8.4.49):
     dependencies:
       browserslist: 4.24.2
@@ -14216,6 +14328,10 @@ snapshots:
       react-native: 0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1)
       react-native-svg: 15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
 
+  lucide-react@0.279.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   lucide-react@0.334.0(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -15010,6 +15126,34 @@ snapshots:
       - react-native-svg
       - supports-color
 
+  nativewind@4.1.23(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native-svg@15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.15):
+    dependencies:
+      comment-json: 4.2.5
+      debug: 4.3.7
+      react-native-css-interop: 0.1.22(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native-svg@15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.15)
+      tailwindcss: 3.4.15
+    transitivePeerDependencies:
+      - react
+      - react-native
+      - react-native-reanimated
+      - react-native-safe-area-context
+      - react-native-svg
+      - supports-color
+
+  nativewind@4.1.23(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.3.3):
+    dependencies:
+      comment-json: 4.2.5
+      debug: 4.3.7
+      react-native-css-interop: 0.1.22(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.3.3)
+      tailwindcss: 3.3.3
+    transitivePeerDependencies:
+      - react
+      - react-native
+      - react-native-reanimated
+      - react-native-safe-area-context
+      - react-native-svg
+      - supports-color
+
   negotiator@0.6.3: {}
 
   negotiator@0.6.4: {}
@@ -15339,6 +15483,13 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
+  postcss-import@15.1.0(postcss@8.4.30):
+    dependencies:
+      postcss: 8.4.30
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.8
+
   postcss-import@15.1.0(postcss@8.4.49):
     dependencies:
       postcss: 8.4.49
@@ -15346,11 +15497,23 @@ snapshots:
       read-cache: 1.0.0
       resolve: 1.22.8
 
+  postcss-js@4.0.1(postcss@8.4.30):
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.4.30
+
   postcss-js@4.0.1(postcss@8.4.49):
     dependencies:
       camelcase-css: 2.0.1
       postcss: 8.4.49
 
+  postcss-load-config@4.0.2(postcss@8.4.30):
+    dependencies:
+      lilconfig: 3.1.2
+      yaml: 2.6.1
+    optionalDependencies:
+      postcss: 8.4.30
+
   postcss-load-config@4.0.2(postcss@8.4.49):
     dependencies:
       lilconfig: 3.1.2
@@ -15358,6 +15521,14 @@ snapshots:
     optionalDependencies:
       postcss: 8.4.49
 
+  postcss-load-config@6.0.1(jiti@1.21.6)(postcss@8.4.30)(yaml@2.6.1):
+    dependencies:
+      lilconfig: 3.1.2
+    optionalDependencies:
+      jiti: 1.21.6
+      postcss: 8.4.30
+      yaml: 2.6.1
+
   postcss-load-config@6.0.1(jiti@1.21.6)(postcss@8.4.49)(yaml@2.6.1):
     dependencies:
       lilconfig: 3.1.2
@@ -15366,6 +15537,11 @@ snapshots:
       postcss: 8.4.49
       yaml: 2.6.1
 
+  postcss-nested@6.2.0(postcss@8.4.30):
+    dependencies:
+      postcss: 8.4.30
+      postcss-selector-parser: 6.1.2
+
   postcss-nested@6.2.0(postcss@8.4.49):
     dependencies:
       postcss: 8.4.49
@@ -15378,6 +15554,12 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
+  postcss@8.4.30:
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
   postcss@8.4.31:
     dependencies:
       nanoid: 3.3.7
@@ -15536,6 +15718,38 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  react-native-css-interop@0.1.22(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native-svg@15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.15):
+    dependencies:
+      '@babel/helper-module-imports': 7.25.9
+      '@babel/traverse': 7.25.9
+      '@babel/types': 7.26.0
+      debug: 4.3.7
+      lightningcss: 1.28.1
+      react: 18.3.1
+      react-native: 0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1)
+      react-native-reanimated: 3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
+      semver: 7.6.3
+      tailwindcss: 3.4.15
+    optionalDependencies:
+      react-native-svg: 15.8.0(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  react-native-css-interop@0.1.22(react-native-reanimated@3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1))(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)(tailwindcss@3.3.3):
+    dependencies:
+      '@babel/helper-module-imports': 7.25.9
+      '@babel/traverse': 7.25.9
+      '@babel/types': 7.26.0
+      debug: 4.3.7
+      lightningcss: 1.28.1
+      react: 18.3.1
+      react-native: 0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1)
+      react-native-reanimated: 3.16.2(@babel/core@7.26.0)(react-native@0.76.3(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
+      semver: 7.6.3
+      tailwindcss: 3.3.3
+    transitivePeerDependencies:
+      - supports-color
+
   react-native-helmet-async@2.0.4(react@18.3.1):
     dependencies:
       invariant: 2.2.4
@@ -16413,6 +16627,33 @@ snapshots:
     dependencies:
       tailwindcss: 3.4.15
 
+  tailwindcss@3.3.3:
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      arg: 5.0.2
+      chokidar: 3.6.0
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.3.2
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      jiti: 1.21.6
+      lilconfig: 2.1.0
+      micromatch: 4.0.8
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.1.1
+      postcss: 8.4.30
+      postcss-import: 15.1.0(postcss@8.4.30)
+      postcss-js: 4.0.1(postcss@8.4.30)
+      postcss-load-config: 4.0.2(postcss@8.4.30)
+      postcss-nested: 6.2.0(postcss@8.4.30)
+      postcss-selector-parser: 6.1.2
+      resolve: 1.22.8
+      sucrase: 3.35.0
+    transitivePeerDependencies:
+      - ts-node
+
   tailwindcss@3.4.15:
     dependencies:
       '@alloc/quick-lru': 5.2.0
@@ -16568,6 +16809,33 @@ snapshots:
 
   tslib@2.8.1: {}
 
+  tsup@8.3.5(jiti@1.21.6)(postcss@8.4.30)(typescript@5.7.2)(yaml@2.6.1):
+    dependencies:
+      bundle-require: 5.0.0(esbuild@0.24.0)
+      cac: 6.7.14
+      chokidar: 4.0.1
+      consola: 3.2.3
+      debug: 4.3.7
+      esbuild: 0.24.0
+      joycon: 3.1.1
+      picocolors: 1.1.1
+      postcss-load-config: 6.0.1(jiti@1.21.6)(postcss@8.4.30)(yaml@2.6.1)
+      resolve-from: 5.0.0
+      rollup: 4.27.4
+      source-map: 0.8.0-beta.0
+      sucrase: 3.35.0
+      tinyexec: 0.3.1
+      tinyglobby: 0.2.10
+      tree-kill: 1.2.2
+    optionalDependencies:
+      postcss: 8.4.30
+      typescript: 5.7.2
+    transitivePeerDependencies:
+      - jiti
+      - supports-color
+      - tsx
+      - yaml
+
   tsup@8.3.5(jiti@1.21.6)(postcss@8.4.49)(typescript@5.7.2)(yaml@2.6.1):
     dependencies:
       bundle-require: 5.0.0(esbuild@0.24.0)

From f5e5b3409cce2b034510030fa7eb227c349c6ada Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 12:24:12 -0700
Subject: [PATCH 05/10] add input component to nextjs app

---
 apps/nextjs-nativewind/package.json           |  1 +
 apps/nextjs-nativewind/src/app/page.tsx       | 11 +++++++
 .../src/components/ui/input.tsx               | 31 +++++++++----------
 apps/nextjs-nativewind/tailwind.config.ts     |  2 ++
 4 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/apps/nextjs-nativewind/package.json b/apps/nextjs-nativewind/package.json
index ca78a5bf..63c6ba41 100644
--- a/apps/nextjs-nativewind/package.json
+++ b/apps/nextjs-nativewind/package.json
@@ -40,6 +40,7 @@
     "@rnr-method/toolbar": "workspace:*",
     "@rnr-method/tooltip": "workspace:*",
     "@rnr-method/types": "workspace:*",
+    "@rnr-method/input": "workspace:*",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react-native": "^0.451.0",
diff --git a/apps/nextjs-nativewind/src/app/page.tsx b/apps/nextjs-nativewind/src/app/page.tsx
index 7c2383bb..c054f672 100644
--- a/apps/nextjs-nativewind/src/app/page.tsx
+++ b/apps/nextjs-nativewind/src/app/page.tsx
@@ -53,6 +53,7 @@ import {
   DropdownMenuTrigger,
 } from '~/components/ui/dropdown-menu';
 import { HoverCard, HoverCardContent, HoverCardTrigger } from '~/components/ui/hover-card';
+import { Input } from '~/components/ui/input';
 import { Popover, PopoverContent, PopoverTrigger } from '~/components/ui/popover';
 import { Progress } from '~/components/ui/progress';
 import {
@@ -126,6 +127,7 @@ export default function Home() {
         <ToggleExample />
         <ToggleGroupExample />
         <TooltipExample />
+        <InputExample />
       </main>
     </div>
   );
@@ -442,3 +444,12 @@ function TableExample() {
     </Table>
   );
 }
+
+function InputExample() {
+  return (
+    <>
+      <Text>Input</Text>
+      <Input />
+    </>
+  );
+}
diff --git a/apps/nextjs-nativewind/src/components/ui/input.tsx b/apps/nextjs-nativewind/src/components/ui/input.tsx
index 97a36fc3..008658cc 100644
--- a/apps/nextjs-nativewind/src/components/ui/input.tsx
+++ b/apps/nextjs-nativewind/src/components/ui/input.tsx
@@ -1,26 +1,25 @@
 'use client';
 
 import * as React from 'react';
-import { TextInput } from 'react-native';
-import { cn } from '~/lib/utils';
+import * as InputPrimitive from '@rnr-method/input';
+
+const Input = () => {
+  const [value, setValue] = React.useState('');
+
+  const onChangeText = (text: string) => {
+    setValue(text);
+  };
 
-const Input = React.forwardRef<
-  React.ElementRef<typeof TextInput>,
-  React.ComponentPropsWithoutRef<typeof TextInput>
->(({ className, placeholderClassName, ...props }, ref) => {
   return (
-    <TextInput
-      ref={ref}
-      className={cn(
-        'web:flex h-10 native:h-12 web:w-full rounded-md border border-input bg-background px-3 web:py-2 text-base lg:text-sm native:text-lg native:leading-[1.25] text-foreground placeholder:text-muted-foreground web:ring-offset-background file:border-0 file:bg-transparent file:font-medium web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',
-        props.editable === false && 'opacity-50 web:cursor-not-allowed',
-        className
-      )}
-      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}
-      {...props}
+    <InputPrimitive.Input
+      placeholder='Write some stuff...'
+      value={value}
+      onChangeText={onChangeText}
+      aria-labelledby='inputLabel'
+      aria-errormessage='inputError'
     />
   );
-});
+};
 
 Input.displayName = 'Input';
 
diff --git a/apps/nextjs-nativewind/tailwind.config.ts b/apps/nextjs-nativewind/tailwind.config.ts
index 976ead32..3b73285d 100644
--- a/apps/nextjs-nativewind/tailwind.config.ts
+++ b/apps/nextjs-nativewind/tailwind.config.ts
@@ -4,6 +4,8 @@ const config = {
     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    '!./../../packages/**/node_modules',
+    './../../packages/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   presets: [require('nativewind/preset')],
   important: 'html',

From 21bbc8c310a914a65f43047e6d0611c7a4b15cc1 Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 12:24:21 -0700
Subject: [PATCH 06/10] add input component to expo app

---
 apps/expo-nativewind/app/index.tsx           |  2 +-
 apps/expo-nativewind/components/ui/input.tsx | 31 ++++++++++----------
 apps/expo-nativewind/package.json            |  1 +
 apps/expo-nativewind/tailwind.config.js      |  7 ++++-
 4 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/apps/expo-nativewind/app/index.tsx b/apps/expo-nativewind/app/index.tsx
index ab1698f8..e6109648 100644
--- a/apps/expo-nativewind/app/index.tsx
+++ b/apps/expo-nativewind/app/index.tsx
@@ -1,8 +1,8 @@
+import { Input } from '@rnr-method/input';
 import { Link } from 'expo-router';
 import * as React from 'react';
 import { FlatList, View } from 'react-native';
 import { Button } from '~/components/ui/button';
-import { Input } from '~/components/ui/input';
 import { Text } from '~/components/ui/text';
 import { ChevronRight } from '~/lib/icons/ChevronRight';
 import { cn } from '~/lib/utils';
diff --git a/apps/expo-nativewind/components/ui/input.tsx b/apps/expo-nativewind/components/ui/input.tsx
index afc652da..775aee60 100644
--- a/apps/expo-nativewind/components/ui/input.tsx
+++ b/apps/expo-nativewind/components/ui/input.tsx
@@ -1,24 +1,23 @@
 import * as React from 'react';
-import { TextInput } from 'react-native';
-import { cn } from '~/lib/utils';
+import * as InputPrimitive from '@rnr-method/input';
+
+const Input = () => {
+  const [value, setValue] = React.useState('');
+
+  const onChangeText = (text: string) => {
+    setValue(text);
+  };
 
-const Input = React.forwardRef<
-  React.ElementRef<typeof TextInput>,
-  React.ComponentPropsWithoutRef<typeof TextInput>
->(({ className, placeholderClassName, ...props }, ref) => {
   return (
-    <TextInput
-      ref={ref}
-      className={cn(
-        'web:flex h-10 native:h-12 web:w-full rounded-md border border-input bg-background px-3 web:py-2 text-base lg:text-sm native:text-lg native:leading-[1.25] text-foreground placeholder:text-muted-foreground web:ring-offset-background file:border-0 file:bg-transparent file:font-medium web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',
-        props.editable === false && 'opacity-50 web:cursor-not-allowed',
-        className
-      )}
-      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}
-      {...props}
+    <InputPrimitive.Input
+      placeholder='Write some stuff...'
+      value={value}
+      onChangeText={onChangeText}
+      aria-labelledby='inputLabel'
+      aria-errormessage='inputError'
     />
   );
-});
+};
 
 Input.displayName = 'Input';
 
diff --git a/apps/expo-nativewind/package.json b/apps/expo-nativewind/package.json
index 6bc61c49..f80ea417 100644
--- a/apps/expo-nativewind/package.json
+++ b/apps/expo-nativewind/package.json
@@ -44,6 +44,7 @@
     "@rnr-method/toolbar": "workspace:*",
     "@rnr-method/tooltip": "workspace:*",
     "@rnr-method/types": "workspace:*",
+    "@rnr-method/input": "workspace:*",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "expo": "^52.0.11",
diff --git a/apps/expo-nativewind/tailwind.config.js b/apps/expo-nativewind/tailwind.config.js
index 872bd221..76c51564 100644
--- a/apps/expo-nativewind/tailwind.config.js
+++ b/apps/expo-nativewind/tailwind.config.js
@@ -3,7 +3,12 @@ const { hairlineWidth } = require('nativewind/theme');
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: 'class',
-  content: ['./app/**/*.{ts,tsx}', './components/**/*.{ts,tsx}'],
+  content: [
+    './app/**/*.{ts,tsx}',
+    './components/**/*.{ts,tsx}',
+    '!./../../packages/**/node_modules',
+    './../../packages/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
   presets: [require('nativewind/preset')],
   theme: {
     extend: {

From 7ceee2209cf2cc46762955e717deec86ce99c718 Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 13:07:32 -0700
Subject: [PATCH 07/10] update accordion npm regustry

---
 packages/accordion/package.json | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/accordion/package.json b/packages/accordion/package.json
index 1d1feb3d..32333810 100644
--- a/packages/accordion/package.json
+++ b/packages/accordion/package.json
@@ -3,6 +3,18 @@
   "version": "1.1.0",
   "description": "Primitive accordion",
   "license": "MIT",
+  "author": "Method",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/method-inc/rnr-method.git"
+  },
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com"
+  },
+  "bugs": {
+    "url": "https://github.com/method-inc/rnr-method/issues"
+  },
+  "homepage": "https://github.com/method-inc/rnr-method#readme",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

From 5f3ca4faa4e103d3d03ca8b982d108de294c2420 Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 14:42:54 -0700
Subject: [PATCH 08/10] replace  to

---
 packages/context-menu/src/context-menu.web.tsx       | 4 ++--
 packages/dropdown-menu/src/dropdown-menu.web.tsx     | 6 +++---
 packages/menubar/src/menubar.web.tsx                 | 6 +++---
 packages/navigation-menu/src/navigation-menu.web.tsx | 4 ++--
 packages/switch/src/switch.web.tsx                   | 2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/context-menu/src/context-menu.web.tsx b/packages/context-menu/src/context-menu.web.tsx
index 4e1e394c..2df904eb 100644
--- a/packages/context-menu/src/context-menu.web.tsx
+++ b/packages/context-menu/src/context-menu.web.tsx
@@ -320,7 +320,7 @@ const CheckboxItem = React.forwardRef<CheckboxItemRef, CheckboxItemProps>(
         <Component
           ref={ref}
           disabled={disabled}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           role='button'
@@ -408,7 +408,7 @@ const RadioItem = React.forwardRef<RadioItemRef, RadioItemProps>(
       >
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           {...props}
diff --git a/packages/dropdown-menu/src/dropdown-menu.web.tsx b/packages/dropdown-menu/src/dropdown-menu.web.tsx
index f1bf28af..f7f7b772 100644
--- a/packages/dropdown-menu/src/dropdown-menu.web.tsx
+++ b/packages/dropdown-menu/src/dropdown-menu.web.tsx
@@ -256,7 +256,7 @@ const Item = React.forwardRef<ItemRef, ItemProps>(
       >
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           {...props}
@@ -337,7 +337,7 @@ const CheckboxItem = React.forwardRef<CheckboxItemRef, CheckboxItemProps>(
       >
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           role='button'
@@ -425,7 +425,7 @@ const RadioItem = React.forwardRef<RadioItemRef, RadioItemProps>(
       >
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           {...props}
diff --git a/packages/menubar/src/menubar.web.tsx b/packages/menubar/src/menubar.web.tsx
index bd9a616d..bcdcfa68 100644
--- a/packages/menubar/src/menubar.web.tsx
+++ b/packages/menubar/src/menubar.web.tsx
@@ -261,7 +261,7 @@ const Item = React.forwardRef<ItemRef, ItemProps>(
       >
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           {...props}
@@ -340,7 +340,7 @@ const CheckboxItem = React.forwardRef<CheckboxItemRef, CheckboxItemProps>(
       >
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           role='button'
@@ -428,7 +428,7 @@ const RadioItem = React.forwardRef<RadioItemRef, RadioItemProps>(
       >
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           {...props}
diff --git a/packages/navigation-menu/src/navigation-menu.web.tsx b/packages/navigation-menu/src/navigation-menu.web.tsx
index 93ee3095..5f8d585c 100644
--- a/packages/navigation-menu/src/navigation-menu.web.tsx
+++ b/packages/navigation-menu/src/navigation-menu.web.tsx
@@ -141,7 +141,7 @@ const Trigger = React.forwardRef<TriggerRef, TriggerProps>(
       <NavigationMenu.Trigger disabled={disabled ?? undefined} asChild>
         <Component
           ref={ref}
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           {...props}
@@ -217,7 +217,7 @@ const Link = React.forwardRef<LinkRef, LinkProps>(
         <Component
           ref={ref}
           role='link'
-          // @ts-expect-error web only
+          // @ts-ignore web only
           onKeyDown={onKeyDown}
           onPress={onPress}
           {...props}
diff --git a/packages/switch/src/switch.web.tsx b/packages/switch/src/switch.web.tsx
index f66cc69f..4296b0ae 100644
--- a/packages/switch/src/switch.web.tsx
+++ b/packages/switch/src/switch.web.tsx
@@ -36,7 +36,7 @@ const Root = React.forwardRef<RootRef, RootProps>(
           ref={ref}
           disabled={disabled}
           onPress={onPress}
-          // @ts-expect-error Web only
+          // @ts-ignore Web only
           onKeyDown={onKeyDown}
           {...props}
         />

From 9153322706a8015c1682eef9d72668a39719af79 Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 14:43:46 -0700
Subject: [PATCH 09/10] update tsConfig for ,

---
 packages/hover-card/tsconfig.json | 19 +++++++++++++++++--
 packages/slot/tsconfig.json       | 19 +++++++++++++++++--
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/packages/hover-card/tsconfig.json b/packages/hover-card/tsconfig.json
index 60ce1f95..3c7725e6 100644
--- a/packages/hover-card/tsconfig.json
+++ b/packages/hover-card/tsconfig.json
@@ -20,10 +20,25 @@
       "es2022.object",
       "es2022.string"
     ],
+    "target": "esnext",
+    "module": "commonjs",
+    "types": [
+      "react-native"
+    ],
+    "allowJs": true,
+    "jsx": "react-native",
+    "noEmit": true,
+    "isolatedModules": true,
+    "strict": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
   },
   "exclude": [
     "dist",
     "build",
     "node_modules"
-  ],
-}
\ No newline at end of file
+  ]
+}
diff --git a/packages/slot/tsconfig.json b/packages/slot/tsconfig.json
index 233db5d7..93f2bbaf 100644
--- a/packages/slot/tsconfig.json
+++ b/packages/slot/tsconfig.json
@@ -20,10 +20,25 @@
       "es2022.object",
       "es2022.string"
     ],
+    "target": "esnext",
+    "module": "commonjs",
+    "types": [
+      "react-native"
+    ],
+    "allowJs": true,
+    "jsx": "react-native",
+    "noEmit": true,
+    "isolatedModules": true,
+    "strict": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
   },
   "exclude": [
     "dist",
     "build",
     "node_modules"
-  ],
-}
\ No newline at end of file
+  ]
+}

From 19a4a57979ce91f0dbd5d87e6905e9329464d2ab Mon Sep 17 00:00:00 2001
From: Ahmed Rezk <ahmed.rezk@method.com>
Date: Mon, 27 Jan 2025 14:52:15 -0700
Subject: [PATCH 10/10] change accordion package name

---
 packages/accordion/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/accordion/package.json b/packages/accordion/package.json
index 32333810..51588ead 100644
--- a/packages/accordion/package.json
+++ b/packages/accordion/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@rnr-method/accordion",
+  "name": "@method-inc/accordion",
   "version": "1.1.0",
   "description": "Primitive accordion",
   "license": "MIT",