Dev

.gitignore

@@ -34,6 +34,8 @@ package-lock.json
 .*.swo
 .*.swn
 .*.swm
+.*.swm
+*-E
 
 # Sublime Text
 *.sublime-project

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: [
         {

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",

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();

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 (

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() {

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 (

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';
 

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);

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 (

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,15 +25,15 @@ 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
     ```
 
 
     <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>
 
@@ -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() {