diff --git a/apps/apollo-vertex/content/docs/components/button-group.mdx b/apps/apollo-vertex/content/docs/components/button-group.mdx
index 5748bb3136..8416317c3f 100644
--- a/apps/apollo-vertex/content/docs/components/button-group.mdx
+++ b/apps/apollo-vertex/content/docs/components/button-group.mdx
@@ -15,14 +15,14 @@ import { ChevronLeft, ChevronRight, Bold, Italic, Underline } from 'lucide-react
-
-
+
+
-
-
-
+
+
+
diff --git a/apps/apollo-vertex/content/docs/components/button.mdx b/apps/apollo-vertex/content/docs/components/button.mdx
index 6fa2b71446..cebb639881 100644
--- a/apps/apollo-vertex/content/docs/components/button.mdx
+++ b/apps/apollo-vertex/content/docs/components/button.mdx
@@ -23,7 +23,7 @@ import { Mail, Loader2, ChevronRight } from 'lucide-react'
-
+
## With Icon
diff --git a/apps/apollo-vertex/content/docs/components/field.mdx b/apps/apollo-vertex/content/docs/components/field.mdx
index 4e44730007..5252d59591 100644
--- a/apps/apollo-vertex/content/docs/components/field.mdx
+++ b/apps/apollo-vertex/content/docs/components/field.mdx
@@ -9,17 +9,17 @@ import { Textarea } from '@/registry/textarea/textarea'
- Email
+ Email
-
+
We'll never share your email.
- Bio
+ Bio
-
+
Max 500 characters.
@@ -38,9 +38,9 @@ import {
```tsx
- Email
+ Email
-
+
We'll never share your email.
diff --git a/apps/apollo-vertex/content/docs/components/form-wizard-headless-demo.tsx b/apps/apollo-vertex/content/docs/components/form-wizard-headless-demo.tsx
index 87de9fec5c..2a72d9a246 100644
--- a/apps/apollo-vertex/content/docs/components/form-wizard-headless-demo.tsx
+++ b/apps/apollo-vertex/content/docs/components/form-wizard-headless-demo.tsx
@@ -17,7 +17,7 @@ import {
import { cn } from "@/lib/utils";
import { LocaleProvider } from "@/registry/shell/shell-locale-provider";
-const accountSchema = z.object({
+const profileSchema = z.object({
fullName: z.string().min(2, "Enter your name."),
email: z.email("Enter a valid email."),
});
@@ -31,7 +31,7 @@ const reviewSchema = z.object({
});
const wizardSchema = z.object({
- account: accountSchema,
+ profile: profileSchema,
plan: planSchema,
review: reviewSchema,
});
@@ -39,7 +39,7 @@ const wizardSchema = z.object({
type WizardValues = z.infer;
const defaultValues = {
- account: { fullName: "", email: "" },
+ profile: { fullName: "", email: "" },
plan: { tier: "free" },
review: { acceptTerms: false },
};
@@ -52,7 +52,7 @@ const tierOptions = [
];
const steps: WizardStepDef[] = [
- { id: "account", title: "Account" },
+ { id: "profile", title: "Profile" },
{ id: "plan", title: "Plan" },
{ id: "review", title: "Review" },
];
@@ -88,14 +88,14 @@ function CustomNav() {
);
}
-const AccountStep = withForm({
+const ProfileStep = withForm({
...wizardOpts,
render: function Render({ form }) {
const { next } = useFormWizardContext();
return (
next()}
>
{(group) => (
@@ -107,7 +107,7 @@ const AccountStep = withForm({
}}
>
-
+
{(field) => (
)}
-
+
{(field) => (
-
-
+
+
diff --git a/apps/apollo-vertex/content/docs/components/input-group.mdx b/apps/apollo-vertex/content/docs/components/input-group.mdx
index 2c157b6c2f..cf571c0ee6 100644
--- a/apps/apollo-vertex/content/docs/components/input-group.mdx
+++ b/apps/apollo-vertex/content/docs/components/input-group.mdx
@@ -11,21 +11,21 @@ import { Search, Mail } from 'lucide-react'
-
+
https://
-
+
-
+
@gmail.com
@@ -48,6 +48,6 @@ import {
-
+
```
diff --git a/apps/apollo-vertex/content/docs/components/input.mdx b/apps/apollo-vertex/content/docs/components/input.mdx
index a2b9b15487..a7116f0c29 100644
--- a/apps/apollo-vertex/content/docs/components/input.mdx
+++ b/apps/apollo-vertex/content/docs/components/input.mdx
@@ -8,13 +8,13 @@ import { Label } from '@/registry/label/label'
import { Button } from '@/registry/button/button'
-
+
-
+
-
+
-
+
## With Label
@@ -30,7 +30,7 @@ import { Button } from '@/registry/button/button'
-
+
@@ -42,5 +42,5 @@ import { Input } from "@uipath/apollo-vertex"
```
```tsx
-
+
```
diff --git a/apps/apollo-vertex/content/docs/components/progress.mdx b/apps/apollo-vertex/content/docs/components/progress.mdx
index 7c7709dcba..f264ba1bad 100644
--- a/apps/apollo-vertex/content/docs/components/progress.mdx
+++ b/apps/apollo-vertex/content/docs/components/progress.mdx
@@ -6,9 +6,9 @@ description: "Displays an indicator showing the completion progress of a task."
import { Progress } from '@/registry/progress/progress'
-
-
-
+
+
+
## Usage
@@ -18,5 +18,5 @@ import { Progress } from "@uipath/apollo-vertex"
```
```tsx
-
+
```
diff --git a/apps/apollo-vertex/content/docs/components/tooltip.mdx b/apps/apollo-vertex/content/docs/components/tooltip.mdx
index 90c9a36f0c..7153b69bcb 100644
--- a/apps/apollo-vertex/content/docs/components/tooltip.mdx
+++ b/apps/apollo-vertex/content/docs/components/tooltip.mdx
@@ -22,7 +22,7 @@ import { Plus } from 'lucide-react'
-
diff --git a/packages/apollo-vertex/locales/en.json b/packages/apollo-vertex/locales/en.json
index a2dbfbe113..13e05ef3fd 100644
--- a/packages/apollo-vertex/locales/en.json
+++ b/packages/apollo-vertex/locales/en.json
@@ -274,6 +274,7 @@
"scroll_to_bottom": "Scroll to bottom",
"search": "Search...",
"search_frameworks": "Search frameworks",
+ "search_input": "Search",
"secondary": "Secondary",
"select_a_framework": "Select a framework",
"select_all": "Select all",
diff --git a/packages/apollo-vertex/registry.json b/packages/apollo-vertex/registry.json
index 1a6cb7ee16..6cc1ffce7d 100644
--- a/packages/apollo-vertex/registry.json
+++ b/packages/apollo-vertex/registry.json
@@ -1777,13 +1777,14 @@
"type": "registry:ui",
"title": "Command",
"description": "A command menu for searching and executing commands.",
- "dependencies": ["cmdk"],
+ "dependencies": ["cmdk", "react-i18next"],
"registryDependencies": ["@uipath/dialog"],
"files": [
{
"path": "registry/command/command.tsx",
"type": "registry:ui"
- }
+ },
+ { "path": "lib/vertex-translation.ts", "type": "registry:lib" }
]
},
{
diff --git a/packages/apollo-vertex/registry/command/command.tsx b/packages/apollo-vertex/registry/command/command.tsx
index cab3c271b2..562d4757ff 100644
--- a/packages/apollo-vertex/registry/command/command.tsx
+++ b/packages/apollo-vertex/registry/command/command.tsx
@@ -11,6 +11,7 @@ import {
DialogTitle,
} from "@/components/ui/dialog";
import { cn } from "@/lib/utils";
+import { useVertexTranslation } from "@/lib/vertex-translation";
function Command({
className,
@@ -63,6 +64,7 @@ function CommandInput({
className,
...props
}: React.ComponentProps) {
+ const { t } = useVertexTranslation();
return (