feat(registry): add better rtl support (#191)

* refactor: use Radix useDirection directly in components

- Updated direction-provider to re-export Radix's DirectionProvider and useDirection
- Removed local direction context implementations from 12 UI components
- Components now import useDirection directly from @radix-ui/react-direction
- Removed direction-provider from registryDependencies in registry-ui.ts
- Ensures all components share the same global direction context from Radix
- Rebuilt registry with updated dependencies

* chore: rebuild media-player

Author: sadmann7

docs/components/theme-wrapper.tsx

@@ -3,6 +3,7 @@ title: Direction Provider
 description: Provides bidirectional text support (RTL/LTR) across your application.
 links:
   api: /docs/utilities/direction-provider#api-reference
+  docs: https://radix-ui.com/docs/primitives/utilities/direction-provider
 ---
 
 ## Installation
@@ -67,9 +68,9 @@ function Component() {
   const dir = useDirection()
 
   return (
-    <button dir={dir}>
+    <Button dir={dir}>
       Do a kickflip
-    </button>
+    </Button>
   )
 }
 ```

docs/content/docs/utilities/direction-provider.mdx

@@ -33,6 +33,7 @@
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-direction": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-label": "^2.1.8",

docs/package.json

@@ -3,7 +3,8 @@
     "name": "angle-slider",
     "type": "registry:ui",
     "dependencies": [
-      "@radix-ui/react-slot"
+      "@radix-ui/react-slot",
+      "@radix-ui/react-direction"
     ],
     "files": [
       {
@@ -67,6 +68,7 @@
     "dependencies": [
       "@radix-ui/react-slider",
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "class-variance-authority",
       "lucide-react"
     ],
@@ -163,7 +165,8 @@
     "name": "editable",
     "type": "registry:ui",
     "dependencies": [
-      "@radix-ui/react-slot"
+      "@radix-ui/react-slot",
+      "@radix-ui/react-direction"
     ],
     "files": [
       {
@@ -185,6 +188,7 @@
     "type": "registry:ui",
     "dependencies": [
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "lucide-react"
     ],
     "files": [
@@ -212,6 +216,7 @@
     "type": "registry:ui",
     "dependencies": [
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "class-variance-authority"
     ],
     "registryDependencies": [
@@ -264,6 +269,7 @@
     "type": "registry:ui",
     "dependencies": [
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "class-variance-authority"
     ],
     "files": [
@@ -377,6 +383,7 @@
     "type": "registry:ui",
     "dependencies": [
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "lucide-react",
       "media-chrome"
     ],
@@ -450,7 +457,8 @@
     "name": "scroll-spy",
     "type": "registry:ui",
     "dependencies": [
-      "@radix-ui/react-slot"
+      "@radix-ui/react-slot",
+      "@radix-ui/react-direction"
     ],
     "files": [
       {
@@ -503,6 +511,7 @@
     "type": "registry:ui",
     "dependencies": [
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "class-variance-authority",
       "lucide-react"
     ],
@@ -542,6 +551,7 @@
     "type": "registry:ui",
     "dependencies": [
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "lucide-react"
     ],
     "files": [
@@ -609,6 +619,7 @@
     "type": "registry:ui",
     "dependencies": [
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "class-variance-authority"
     ],
     "files": [
@@ -628,6 +639,7 @@
     "dependencies": [
       "@floating-ui/react-dom",
       "@radix-ui/react-slot",
+      "@radix-ui/react-direction",
       "lucide-react"
     ],
     "files": [

docs/public/r/index.json

@@ -4,7 +4,7 @@
   "files": [
     {
       "path": "components/direction-provider.tsx",
-      "content": "\"use client\";\n\nimport * as React from \"react\";\n\ntype Direction = \"ltr\" | \"rtl\";\n\nconst DirectionContext = React.createContext<Direction | undefined>(undefined);\n\nfunction useDirection(dir?: Direction): Direction {\n  const contextDir = React.useContext(DirectionContext);\n  if (!contextDir) {\n    throw new Error(\"useDirection must be used within a DirectionProvider\");\n  }\n  return dir ?? contextDir ?? \"ltr\";\n}\n\ninterface DirectionProviderProps {\n  children: React.ReactNode;\n  dir: Direction;\n}\n\nfunction DirectionProvider({ children, dir }: DirectionProviderProps) {\n  return (\n    <DirectionContext.Provider value={dir}>\n      {children}\n    </DirectionContext.Provider>\n  );\n}\n\nexport { DirectionProvider, useDirection };\n",
+      "content": "\"use client\";\n\nimport {\n  DirectionProvider as GlobalDirectionProvider,\n  useDirection,\n} from \"@radix-ui/react-direction\";\nimport type * as React from \"react\";\n\nfunction DirectionProvider(\n  props: React.ComponentProps<typeof GlobalDirectionProvider>,\n) {\n  return <GlobalDirectionProvider {...props} />;\n}\n\nexport {\n  DirectionProvider,\n  //\n  useDirection,\n};\n",
       "type": "registry:component",
       "target": ""
     }