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

2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
--- a/apps/v4/examples/aria/alert-dialog-rtl.tsx
+++ b/apps/v4/examples/aria/alert-dialog-rtl.tsx
@@ -0,0 +1,116 @@
+"use client"
+
+import { BluetoothIcon } from "lucide-react"
+
+import {
+  useTranslation,
+  type Translations,
+} from "@/components/language-selector"
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/styles/aria-nova/ui-rtl/alert-dialog"
+import { Button } from "@/styles/aria-nova/ui-rtl/button"
+
+const translations: Translations = {
+  en: {
+    dir: "ltr",
+    values: {
+      showDialog: "Show Dialog",
+      showDialogSm: "Show Dialog (sm)",
+      title: "Are you absolutely sure?",
+      description:
+        "This action cannot be undone. This will permanently delete your account from our servers.",
+      cancel: "Cancel",
+      continue: "Continue",
+      smallTitle: "Allow accessory to connect?",
+      smallDescription:
+        "Do you want to allow the USB accessory to connect to this device?",
+      dontAllow: "Don't allow",
+      allow: "Allow",
+    },
+  },
+  ar: {
+    dir: "rtl",
+    values: {
+      showDialog: "إظهار الحوار",
+      showDialogSm: "إظهار الحوار (صغير)",
+      title: "هل أنت متأكد تمامًا؟",
+      description:
+        "لا يمكن التراجع عن هذا الإجراء. سيؤدي هذا إلى حذف حسابك نهائيًا من خوادمنا.",
+      cancel: "إلغاء",
+      continue: "متابعة",
+      smallTitle: "السماح للملحق بالاتصال؟",
+      smallDescription: "هل تريد السماح لملحق USB بالاتصال بهذا الجهاز؟",
+      dontAllow: "عدم السماح",
+      allow: "السماح",
+    },
+  },
+  he: {
+    dir: "rtl",
+    values: {
+      showDialog: "הצג דיאלוג",
+      showDialogSm: "הצג דיאלוג (קטן)",
+      title: "האם אתה בטוח לחלוטין?",
+      description:
+        "פעולה זו לא ניתנת לביטול. זה ימחק לצמיתות את החשבון שלך מהשרתים שלנו.",
+      cancel: "ביטול",
+      continue: "המשך",
+      smallTitle: "לאפשר להתקן להתחבר?",
+      smallDescription: "האם אתה רוצה לאפשר להתקן USB להתחבר למכשיר זה?",
+      dontAllow: "אל תאפשר",
+      allow: "אפשר",
+    },
+  },
+}
+
+export function AlertDialogRtl() {
+  const { dir, t, language } = useTranslation(translations, "ar")
+
+  return (
+    <div className="flex gap-4" dir={dir}>
+      <AlertDialogTrigger>
+        <Button variant="outline">{t.showDialog}</Button>
+        <AlertDialog dir={dir} data-lang={dir === "rtl" ? language : undefined}>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t.title}</AlertDialogTitle>
+            <AlertDialogDescription>{t.description}</AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t.cancel}</AlertDialogCancel>
+            <AlertDialogAction>{t.continue}</AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialog>
+      </AlertDialogTrigger>
+      <AlertDialogTrigger>
+        <Button variant="outline">{t.showDialogSm}</Button>
+        <AlertDialog
+          size="sm"
+          dir={dir}
+          data-lang={dir === "rtl" ? language : undefined}
+        >
+          <AlertDialogHeader>
+            <AlertDialogMedia>
+              <BluetoothIcon />
+            </AlertDialogMedia>
+            <AlertDialogTitle>{t.smallTitle}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t.smallDescription}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t.dontAllow}</AlertDialogCancel>
+            <AlertDialogAction>{t.allow}</AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialog>
+      </AlertDialogTrigger>
+    </div>
+  )
+}