snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/base/toggle-rtl.tsx

@@ -0,0 +1,42 @@
+"use client"
+
+import * as React from "react"
+import { BookmarkIcon } from "lucide-react"
+
+import {
+  useTranslation,
+  type Translations,
+} from "@/components/language-selector"
+import { Toggle } from "@/styles/base-nova/ui-rtl/toggle"
+
+const translations: Translations = {
+  en: {
+    dir: "ltr",
+    values: {
+      label: "Bookmark",
+    },
+  },
+  ar: {
+    dir: "rtl",
+    values: {
+      label: "إشارة مرجعية",
+    },
+  },
+  he: {
+    dir: "rtl",
+    values: {
+      label: "סימנייה",
+    },
+  },
+}
+
+export function ToggleRtl() {
+  const { dir, t } = useTranslation(translations, "ar")
+
+  return (
+    <Toggle aria-label="Toggle bookmark" size="sm" variant="outline" dir={dir}>
+      <BookmarkIcon className="group-aria-pressed/toggle:fill-foreground" />
+      {t.label}
+    </Toggle>
+  )
+}