@opencode-ai/ui 0.0.0-dev-202608040510 → 0.0.0-dev-202608040656

package/src/v2/components/text-input-v2.tsx

@@ -1,5 +1,6 @@
 import { type ComponentProps, type JSX, Show, splitProps } from "solid-js"
 import { Icon } from "./icon"
+import { useI18n } from "../../context/i18n"
 import "./text-input-v2.css"
 
 export interface TextInputV2Props extends Omit<ComponentProps<"input">, "type"> {
@@ -25,6 +26,7 @@ export interface TextInputV2Props extends Omit<ComponentProps<"input">, "type">
 }
 
 export function TextInputV2(props: TextInputV2Props) {
+  const i18n = useI18n()
   const [local, inputProps] = splitProps(props, [
     "class",
     "classList",
@@ -71,7 +73,11 @@ export function TextInputV2(props: TextInputV2Props) {
           type="button"
           data-slot="text-input-v2-icon-button"
           data-variant={local.showClearButton ? "clear" : "copy"}
-          aria-label={local.showClearButton ? (local.clearLabel ?? "Clear") : (local.copyLabel ?? "Copy")}
+          aria-label={
+            local.showClearButton
+              ? (local.clearLabel ?? i18n.t("ui.common.clear"))
+              : (local.copyLabel ?? i18n.t("ui.message.copy"))
+          }
           disabled={local.disabled}
           onMouseDown={(event) => {
             if (!local.showClearButton) return

package/src/v2/components/toast-v2.tsx

@@ -2,12 +2,14 @@ import { Toaster, toast, type ToasterProps } from "solid-sonner"
 import type { ComponentProps, JSX } from "solid-js"
 import { createContext, onCleanup, onMount, splitProps, useContext } from "solid-js"
 import { Portal } from "solid-js/web"
+import { useI18n } from "../../context/i18n"
 import "./button-v2.css"
 import "./toast-v2.css"
 
 export interface ToastV2RegionProps extends ToasterProps {}
 
 function ToastV2Region(props: ToastV2RegionProps) {
+  const i18n = useI18n()
   const [local, rest] = splitProps(props, ["class", "className", "style", "toastOptions", "swipeDirections"])
   onMount(() => {
     const sync = () => {
@@ -56,7 +58,7 @@ function ToastV2Region(props: ToastV2RegionProps) {
           ...local.toastOptions,
           unstyled: true,
           closeButton: true,
-          closeButtonAriaLabel: local.toastOptions?.closeButtonAriaLabel ?? "Dismiss",
+          closeButtonAriaLabel: local.toastOptions?.closeButtonAriaLabel ?? i18n.t("ui.common.dismiss"),
         }}
         {...rest}
       />
@@ -96,13 +98,14 @@ function ToastV2Actions(props: ComponentProps<"div">) {
 }
 
 function ToastV2CloseButton(props: ComponentProps<"button">) {
+  const i18n = useI18n()
   const toastId = useContext(ToastV2Context)
   const [local, rest] = splitProps(props, ["children", "onClick"])
   return (
     <button
       type="button"
       data-slot="toast-v2-close-button"
-      aria-label="Dismiss"
+      aria-label={i18n.t("ui.common.dismiss")}
       {...rest}
       onClick={(event) => {
         if (typeof local.onClick === "function") local.onClick(event)