@cosmicdrift/kumiko-renderer-web 0.64.0 → 0.65.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.64.0",
+  "version": "0.65.0",
   "description": "Web-platform bindings for @cosmicdrift/kumiko-renderer. HTML default-primitives, browser history-based navigation, EventSource-backed live events, and a one-call createKumikoApp that mounts the whole stack via react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -16,9 +16,9 @@
     "./styles.css": "./src/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.57.2",
-    "@cosmicdrift/kumiko-headless": "0.57.2",
-    "@cosmicdrift/kumiko-renderer": "0.57.2",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.65.0",
+    "@cosmicdrift/kumiko-headless": "0.65.0",
+    "@cosmicdrift/kumiko-renderer": "0.65.0",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",

package/src/__tests__/date-input.test.tsx

@@ -6,9 +6,10 @@
 // nach Timezone den Vortag.
 
 import { describe, expect, mock, test } from "bun:test";
-import { fireEvent, render, screen } from "@testing-library/react";
+import { fireEvent, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { DateInput } from "../primitives/date-input";
+import { render } from "./test-utils";
 
 describe("DateInput", () => {
   test("Eingabefeld zeigt locale-numerisches Datum (de-DE)", () => {

package/src/__tests__/toast.test.tsx

@@ -6,9 +6,10 @@
 // Tick (Counter-Race-Bug).
 
 import { describe, expect, test } from "bun:test";
-import { act, fireEvent, render, screen } from "@testing-library/react";
+import { act, fireEvent, screen } from "@testing-library/react";
 import { type ReactNode, useEffect } from "react";
 import { type ToastOptions, ToastProvider, useToast } from "../primitives/toast";
+import { render } from "./test-utils";
 
 // Trigger-Component die im Mount toast() aufruft. So testen wir den
 // Hook ohne userEvent-Klick-Pfad und ohne fragile timer.
@@ -41,7 +42,7 @@ describe("ToastProvider + useToast", () => {
     expect(screen.getByText("Copied")).toBeTruthy();
   });
 
-  test("docsUrl: rendert 'Mehr erfahren →' Link mit target=_blank", () => {
+  test("docsUrl: rendert Learn-more-Link (i18n-Default) mit target=_blank", () => {
     render(
       <ToastProvider>
         <ToastTrigger
@@ -55,7 +56,7 @@ describe("ToastProvider + useToast", () => {
         />
       </ToastProvider>,
     );
-    const link = screen.getByRole("link", { name: /Mehr erfahren/i });
+    const link = screen.getByRole("link", { name: /Learn more/i });
     expect(link.getAttribute("href")).toBe("https://docs.kumiko.rocks/errors/stale_state");
     expect(link.getAttribute("target")).toBe("_blank");
     expect(link.getAttribute("rel")).toBe("noopener noreferrer");

package/src/primitives/date-field.tsx

@@ -7,6 +7,7 @@
 // Datums-Teil neben dem Uhrzeit-Input. So teilen `date` und `timestamp`
 // dieselbe Tipp-/Navigations-UX statt zweier divergenter Primitives (#369).
 
+import { useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { type ReactNode, useState } from "react";
 import { cn } from "../lib/cn";
 import { CalendarPopover } from "./calendar-popover";
@@ -47,6 +48,7 @@ export function DateField({
   min,
   max,
 }: DateFieldProps): ReactNode {
+  const t = useTranslation();
   const resolvedLocale = locale ?? guessLocale();
   const selected = parseIso(value);
 
@@ -101,7 +103,7 @@ export function DateField({
         {...(maxDate !== undefined && { max: maxDate })}
         {...(disabled !== undefined && { disabled })}
         {...(hasError !== undefined && { hasError })}
-        triggerLabel="Kalender öffnen"
+        triggerLabel={t("kumiko.field.open-calendar")}
       />
     </div>
   );

package/src/primitives/timestamp-input.tsx

@@ -10,6 +10,7 @@
 // inputValueToTimestamp kapseln die UTC↔Wall-Clock-Umrechnung (Bug-Bash-2,
 // 2026-06-08) und sind separat getestet.
 
+import { useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { type ReactNode, useState } from "react";
 import { cn } from "../lib/cn";
 import { DateField } from "./date-field";
@@ -89,6 +90,7 @@ export function TimestampInput({
   min,
   max,
 }: TimestampInputProps): ReactNode {
+  const t = useTranslation();
   const local = timestampToInputValue(value);
   const isoDate = local !== "" ? local.slice(0, 10) : "";
   // Uhrzeit ohne gesetztes Datum würde im Wire-Wert verschwinden — lokal
@@ -125,7 +127,7 @@ export function TimestampInput({
       />
       <input
         type="time"
-        aria-label="Uhrzeit"
+        aria-label={t("kumiko.field.time")}
         disabled={disabled}
         aria-invalid={hasError === true ? true : undefined}
         value={effectiveTime}

package/src/primitives/toast.tsx

@@ -7,6 +7,7 @@
 // Auto-dismiss nach 5s, manuell schließbar via X-Button. Der ARIA-
 // Live-Region-Setup kommt komplett aus Radix.
 
+import { useTranslation } from "@cosmicdrift/kumiko-renderer";
 import * as Primitive from "@radix-ui/react-toast";
 import { X } from "lucide-react";
 import {
@@ -29,7 +30,8 @@ export type ToastOptions = {
   readonly variant?: ToastVariant;
   // Self-service deep-link (z.B. KumikoError.docsUrl). Wenn gesetzt
   // rendert der Toast einen "Mehr erfahren →" Link der in neuem Tab
-  // öffnet. Label override via `docsLinkLabel` (Default: deutsch).
+  // öffnet. Label override via `docsLinkLabel` (Default: i18n
+  // kumiko.toast.learn-more).
   readonly docsUrl?: string;
   readonly docsLinkLabel?: string;
 };
@@ -116,6 +118,8 @@ function ToastItem({
   readonly entry: ToastEntry;
   readonly onClose: () => void;
 }): ReactNode {
+  const t = useTranslation();
+  const learnMore = entry.docsLinkLabel ?? t("kumiko.toast.learn-more");
   const variantClass =
     entry.variant === "destructive"
       ? "destructive group border-destructive bg-destructive text-destructive-foreground"
@@ -135,7 +139,7 @@ function ToastItem({
           </Primitive.Description>
         )}
         {entry.docsUrl !== undefined && (
-          <Primitive.Action altText={entry.docsLinkLabel ?? "Mehr erfahren"} asChild>
+          <Primitive.Action altText={learnMore} asChild>
             <a
               href={entry.docsUrl}
               target="_blank"
@@ -145,7 +149,7 @@ function ToastItem({
                 "focus:outline-none focus:ring-1 focus:ring-current rounded",
               )}
             >
-              {entry.docsLinkLabel ?? "Mehr erfahren"} →
+              {learnMore} →
             </a>
           </Primitive.Action>
         )}
@@ -157,7 +161,7 @@ function ToastItem({
           "group-hover:opacity-100",
           "group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50",
         )}
-        aria-label="Close"
+        aria-label={t("kumiko.dialog.close")}
       >
         <X className="h-4 w-4" />
       </Primitive.Close>