Finalize multilingual routing and translations

2026-03-07 14:10:30 +01:00
parent 1ad9ae9629
commit 7f4277d1d7
53 changed files with 2805 additions and 1382 deletions
@@ -0,0 +1,59 @@
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { Card } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
+
+const appCardVariants = cva(
+  "rounded-surface border transition-all duration-200",
+  {
+    variants: {
+      level: {
+        1: "border-border bg-surface-1 text-foreground shadow-card",
+        2: "border-border bg-surface-2 text-foreground shadow-sm",
+        3: "border-border/90 bg-surface-3 text-foreground shadow-panel",
+        inverse: "border-transparent bg-surface-inverse text-surface-inverse-foreground shadow-lg",
+      },
+      padding: {
+        none: "",
+        sm: "p-4",
+        md: "p-6",
+        lg: "p-8",
+      },
+      interactive: {
+        true: "hover:-translate-y-0.5 hover:border-border-strong hover:shadow-md",
+        false: "",
+      },
+    },
+    defaultVariants: {
+      level: 1,
+      padding: "none",
+      interactive: false,
+    },
+  },
+);
+
+export interface AppCardProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof appCardVariants> {}
+
+const AppCard = React.forwardRef<HTMLDivElement, AppCardProps>(
+  ({ className, level, padding, interactive, ...props }, ref) => (
+    <Card
+      ref={ref}
+      className={cn(
+        appCardVariants({
+          level,
+          padding,
+          interactive,
+        }),
+        className,
+      )}
+      {...props}
+    />
+  ),
+);
+
+AppCard.displayName = "AppCard";
+
+export { AppCard, appCardVariants };