"use client"; import * as React from "react"; import { DirectionProvider as BaseUIDirectionProvider } from "@base-ui/react/direction-provider"; export type Direction = "ltr" | "rtl"; const DirectionContext = React.createContext("ltr"); /** * App-owned direction. The consumer sets AND mounts this provider * with the same value; the package never derives direction from locale. * Wraps Base UI's DirectionProvider so popups resolve align/side logically. */ export function DirectionProvider({ dir = "ltr", children }: { dir?: Direction; children: React.ReactNode }) { return ( {children} ); } export function useDir(): Direction { return React.useContext(DirectionContext); }