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

apps/v4/examples/aria/empty-rtl.tsx

@@ -0,0 +1,83 @@
+"use client"
+
+import * as React from "react"
+import { IconFolderCode } from "@tabler/icons-react"
+import { ArrowUpRightIcon } from "lucide-react"
+
+import {
+  useTranslation,
+  type Translations,
+} from "@/components/language-selector"
+import { Button, LinkButton } from "@/styles/aria-nova/ui-rtl/button"
+import {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+} from "@/styles/aria-nova/ui-rtl/empty"
+
+const translations: Translations = {
+  en: {
+    dir: "ltr",
+    values: {
+      title: "No Projects Yet",
+      description:
+        "You haven't created any projects yet. Get started by creating your first project.",
+      createProject: "Create Project",
+      importProject: "Import Project",
+      learnMore: "Learn More",
+    },
+  },
+  ar: {
+    dir: "rtl",
+    values: {
+      title: "لا توجد مشاريع بعد",
+      description: "لم تقم بإنشاء أي مشاريع بعد. ابدأ بإنشاء مشروعك الأول.",
+      createProject: "إنشاء مشروع",
+      importProject: "استيراد مشروع",
+      learnMore: "تعرف على المزيد",
+    },
+  },
+  he: {
+    dir: "rtl",
+    values: {
+      title: "אין פרויקטים עדיין",
+      description:
+        "עדיין לא יצרת פרויקטים. התחל על ידי יצירת הפרויקט הראשון שלך.",
+      createProject: "צור פרויקט",
+      importProject: "ייבא פרויקט",
+      learnMore: "למד עוד",
+    },
+  },
+}
+
+export function EmptyRtl() {
+  const { dir, t } = useTranslation(translations, "ar")
+
+  return (
+    <Empty dir={dir}>
+      <EmptyHeader>
+        <EmptyMedia variant="icon">
+          <IconFolderCode />
+        </EmptyMedia>
+        <EmptyTitle>{t.title}</EmptyTitle>
+        <EmptyDescription>{t.description}</EmptyDescription>
+      </EmptyHeader>
+      <EmptyContent className="flex-row justify-center gap-2">
+        <Button>{t.createProject}</Button>
+        <Button variant="outline">{t.importProject}</Button>
+      </EmptyContent>
+      <LinkButton
+        href="#"
+        variant="link"
+        className="text-muted-foreground"
+        size="sm"
+      >
+        {t.learnMore}{" "}
+        <ArrowUpRightIcon className="rtl:rotate-270" data-icon="inline-end" />
+      </LinkButton>
+    </Empty>
+  )
+}