@uipath/apollo-vertex 0.1.0 → 0.4.0

package/dist/registry/ai-chat/components/ai-chat-selection-menu.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTextSelection } from "@mantine/hooks";
 import { AnimatePresence, motion } from "framer-motion";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../lib/vertex-translation.js";
 import { Button } from "../../button/button.js";
 import { POP_ANIMATE, POP_EXIT, POP_INITIAL, POP_TRANSITION } from "../animations.js";
 import { AutopilotIcon } from "./icons/autopilot.js";
@@ -25,7 +25,7 @@ function deriveMenuState(selection, container) {
     };
 }
 function AiChatSelectionMenu({ onAskAi, containerRef }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const selection = useTextSelection();
     const menu = deriveMenuState(selection, containerRef?.current ?? null);
     return /*#__PURE__*/ jsx(AnimatePresence, {

package/dist/registry/ai-chat/components/ai-chat.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../../lib/vertex-translation.js";
 import { cn } from "../../../lib/utils.js";
 import { asBlockquote, isVisibleAssistant } from "../content-parts.js";
 import { useStickyScroll } from "../hooks/use-sticky-scroll.js";
@@ -15,7 +15,7 @@ import { AiChatMessage } from "./ai-chat-message.js";
 import { AiChatScrollToBottomButton } from "./ai-chat-scroll-to-bottom-button.js";
 import { AiChatSelectionMenu } from "./ai-chat-selection-menu.js";
 function AiChat({ messages, status, onSendMessage, onStop, onClearChat, onRetry, onFeedback, getFeedback, onRegenerate, onEditMessage, renderToolPart, assistantName, title, header, emptyState, suggestions, onSuggestionClick, placeholder, acceptedFileTypes, enableTextSelection = false, error }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const [input, setInput] = useState("");
     const [quotedText, setQuotedText] = useState(null);
     const { attachScrollListeners, scrollElement, contentRef, isStuck, scrollToBottom } = useStickyScroll();

package/dist/registry/bar-chart/bar-chart-with-adapter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIsFetching, useSuspenseQuery } from "@tanstack/react-query";
 import { useDeferredValue } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { assertNumberOrNull } from "../../lib/asserts/assert-number-or-null.js";
 import { ChartLoadingBoundary, SpinnerWithChildren, format, formatMetricValue, formatPercentage } from "../charts-core/charts-core.js";
 import { BarChart } from "./bar-chart-view.js";
@@ -18,7 +18,7 @@ function BarChartWithAdapter({ configuration, dataModel, dataAdapter }) {
     });
 }
 function BarChartResolver({ configuration, dataModel, dataAdapter }) {
-    const { i18n: { language } } = useTranslation();
+    const { i18n: { language } } = useVertexTranslation();
     const deferrableProps = useDeferredValue({
         configuration,
         dataModel,

package/dist/registry/breadcrumb/breadcrumb.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { cn } from "../../lib/utils.js";
 function Breadcrumb({ ...props }) {
     return /*#__PURE__*/ jsx("nav", {
@@ -55,7 +55,7 @@ function BreadcrumbSeparator({ children, className, ...props }) {
     });
 }
 function BreadcrumbEllipsis({ className, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs("span", {
         "data-slot": "breadcrumb-ellipsis",
         role: "presentation",

package/dist/registry/card/card.d.ts

@@ -7,8 +7,10 @@ declare const cardVariants: (props?: ({
 interface CardProps extends React.ComponentProps<"div">, VariantProps<typeof cardVariants> {
     selectable?: "standard" | "ai";
     selected?: boolean;
+    /** Classes for the outermost element, e.g. `col-span-*`. When `selectable` is set, `className` and all other props go to the inner button. */
+    wrapperClassName?: string;
 }
-declare function Card({ className, variant, selectable, selected, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function Card({ className, wrapperClassName, variant, selectable, selected, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/registry/card/card.js

@@ -24,11 +24,11 @@ const cardVariants = cva("flex flex-col gap-6 py-6 text-card-foreground", {
         variant: "default"
     }
 });
-function Card({ className, variant, selectable, selected = false, children, ...props }) {
+function Card({ className, wrapperClassName, variant, selectable, selected = false, children, ...props }) {
     if (selectable) {
         const isAi = "ai" === selectable;
         return /*#__PURE__*/ jsxs("div", {
-            className: "relative group/card h-full",
+            className: cn("relative group/card h-full", wrapperClassName),
             "data-slot": "card",
             "data-variant": variant,
             "data-selectable": selectable,
@@ -58,9 +58,8 @@ function Card({ className, variant, selectable, selected = false, children, ...p
         "data-slot": "card",
         "data-variant": variant,
         className: cn(cardVariants({
-            variant,
-            className
-        })),
+            variant
+        }), className, wrapperClassName),
         ...props,
         children: children
     });

package/dist/registry/carousel/carousel.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import embla_carousel_react from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import { createContext, useContext, useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { cn } from "../../lib/utils.js";
 const CarouselContext = /*#__PURE__*/ createContext(null);
@@ -103,7 +103,7 @@ function CarouselItem({ className, ...props }) {
     });
 }
 function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return /*#__PURE__*/ jsxs(Button, {
         "data-slot": "carousel-previous",
@@ -123,7 +123,7 @@ function CarouselPrevious({ className, variant = "outline", size = "icon", ...pr
     });
 }
 function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return /*#__PURE__*/ jsxs(Button, {
         "data-slot": "carousel-next",

package/dist/registry/charts-core/charts-core.d.ts

@@ -15,8 +15,8 @@ export { type LineChartConfiguration, LineChartConfigurationSchema, } from "./mo
 export { type MultiLineChartConfiguration, MultiLineChartConfigurationSchema, } from "./models/configurations/multi-line-chart-configuration";
 export { type TableChartConfiguration, TableChartConfigurationSchema, } from "./models/configurations/table-chart-configuration";
 export type { DataModelAggregate, AggregationKind, MetricExpression, } from "./models/expression";
-export type { ListFilter } from "./models/filter";
-export type { FilterValues } from "./models/filter-values";
+export type { ListFilter, PeriodFilter } from "./models/filter";
+export type { BooleanListFilterValues, FilterValues, ListFilterValues, NumberListFilterValues, NumberRangeFilterValues, PeriodFilterValues, StringListFilterValues, StringSearchFilterValues, } from "./models/filter-values";
 export { type FromConfig, FromConfigSchema, type JoinConfig, JoinConfigSchema, } from "./models/join-schema";
 export type { PrimitiveValue } from "./models/primitive-value";
 export { SpinnerWithChildren } from "./spinner-with-children";

package/dist/registry/charts-core/error-boundary.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ErrorBoundary } from "react-error-boundary";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 function Fallback({ error, resetErrorBoundary }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const message = error instanceof Error ? error.message : String(error);
     return /*#__PURE__*/ jsxs("div", {
         role: "alert",

package/dist/registry/combobox/combobox.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangleIcon, CheckIcon, ChevronsUpDownIcon, XIcon } from "lucide-react";
 import { createContext, use, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Badge } from "../badge/badge.js";
 import { buttonVariants } from "../button/button.js";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../command/command.js";
@@ -150,7 +150,7 @@ function ComboboxBadgeList({ className, ...props }) {
     });
 }
 function ComboboxBadge({ className, value: itemValue, onRemove, children, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { value: selectedValues, onValueChange } = useComboboxContext();
     function handleRemove(e) {
         e.preventDefault();

package/dist/registry/confidence-signal/confidence-signal.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover/popover.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.js";
 import { SignalBars } from "./confidence-signal-bars.js";
@@ -10,7 +10,7 @@ import { ConfidenceSignalCta } from "./confidence-signal-cta.js";
 import { ConfidenceSignalFactors } from "./confidence-signal-factors.js";
 import { LEVEL_CONFIG } from "./confidence-signal-levels.js";
 function ConfidenceSignal({ level, variant = "med", explanation, factors, explainCta, nextStep, animateIn = false, className, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const [tooltipOpen, setTooltipOpen] = useState(false);
     const [detailsOpen, setDetailsOpen] = useState(false);
     const config = LEVEL_CONFIG[level];

package/dist/registry/data-fabric-adapter/contract.d.ts

@@ -18,7 +18,6 @@ export declare const dataFabricContract: {
                     fieldName: z.ZodString;
                     operator: z.ZodEnum<{
                         in: "in";
-                        contains: "contains";
                         "=": "=";
                         "!=": "!=";
                         ">": ">";
@@ -26,6 +25,7 @@ export declare const dataFabricContract: {
                         ">=": ">=";
                         "<=": "<=";
                         "not in": "not in";
+                        contains: "contains";
                         "not contains": "not contains";
                         startswith: "startswith";
                         endswith: "endswith";

package/dist/registry/data-fabric-adapter/schemas/query-schema.d.ts

@@ -3,7 +3,6 @@ export declare const DataFabricQueryFilterSchema: z.ZodObject<{
     fieldName: z.ZodString;
     operator: z.ZodEnum<{
         in: "in";
-        contains: "contains";
         "=": "=";
         "!=": "!=";
         ">": ">";
@@ -11,6 +10,7 @@ export declare const DataFabricQueryFilterSchema: z.ZodObject<{
         ">=": ">=";
         "<=": "<=";
         "not in": "not in";
+        contains: "contains";
         "not contains": "not contains";
         startswith: "startswith";
         endswith: "endswith";
@@ -50,7 +50,6 @@ export declare const DataFabricQueryRequestSchema: z.ZodObject<{
             fieldName: z.ZodString;
             operator: z.ZodEnum<{
                 in: "in";
-                contains: "contains";
                 "=": "=";
                 "!=": "!=";
                 ">": ">";
@@ -58,6 +57,7 @@ export declare const DataFabricQueryRequestSchema: z.ZodObject<{
                 ">=": ">=";
                 "<=": "<=";
                 "not in": "not in";
+                contains: "contains";
                 "not contains": "not contains";
                 startswith: "startswith";
                 endswith: "endswith";

package/dist/registry/data-table/data-table-expand-toggle.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { ChevronsDownUp, ChevronsUpDown } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 function DataTableExpandAllToggle({ table }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const allExpanded = table.getIsAllRowsExpanded();
     return /*#__PURE__*/ jsx(Button, {
         type: "button",

package/dist/registry/data-table/data-table-pagination.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select/select.js";
 import { cn } from "../../lib/utils.js";
@@ -12,7 +12,7 @@ function DataTablePagination({ table, paginationSizes = [
     100
 ], className }) {
     "use no memo";
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { pageIndex, pageSize } = table.getState().pagination;
     const totalRows = table.getFilteredRowModel().rows.length;
     const pageCount = table.getPageCount();

package/dist/registry/data-table/data-table-search.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SearchIcon } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Input } from "../input/input.js";
 import { cn } from "../../lib/utils.js";
 function DataTableSearch({ table, placeholder, className }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs("div", {
         "data-slot": "data-table-search",
         className: cn("relative", className),

package/dist/registry/data-table/data-table-view-options.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Columns3Icon } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdown-menu/dropdown-menu.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.js";
 import { SortableColumnList } from "./sortable-column-list.js";
 function DataTableViewOptions({ table, className }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const allReorderableColumns = table.getAllColumns().filter((column)=>null != column.accessorFn && column.getCanHide());
     const currentOrder = table.getState().columnOrder;
     const orderedColumns = ()=>{

package/dist/registry/data-table/data-table.d.ts

@@ -45,4 +45,5 @@ interface DataTableProps<TData, TValue> {
 declare function DataTable<TData, TValue>({ columns, data, className, isLoading, onRowClick, sorting, onSortingChange, columnFilters, onColumnFiltersChange, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, rowSelection, onRowSelectionChange, globalFilter, onGlobalFilterChange, pagination, onPaginationChange, getRowId, globalFilterFn, enableSearch, enableViewOptions, enableColumnResizing, toolbarContent, noResultsMessage, stickyHeader, expanded, onExpandedChange, renderExpandedRow, getRowClassName, skeletonColumnWidths, plain, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export { DataTable };
 export type { DataTableProps };
+/** @public */
 export { DataTableColumnHeader } from "./data-table-column-header";

package/dist/registry/data-table/data-table.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { flexRender, getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from "@tanstack/react-table";
 import { Fragment } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/table.js";
 import { useReactTableCompat } from "../use-data-table/useReactTableCompat.js";
 import { cn } from "../../lib/utils.js";
@@ -15,7 +15,7 @@ import { DataTableToolbar } from "./data-table-toolbar.js";
 import { DataTableColumnHeader } from "./data-table-column-header.js";
 const GLASS_CLASSES = "bg-white/55 border border-white/80 rounded-2xl backdrop-blur-sm shadow-[0_2px_16px_2px_rgba(0,0,0,0.05),inset_0_1px_0_0_rgba(255,255,255,0.6)] dark:bg-white/[0.055] dark:border-white/[0.03] dark:shadow-[0_2px_16px_2px_rgba(0,0,0,0.2),inset_0_1px_0_0_rgba(255,255,255,0.04)]";
 function DataTable({ columns, data, className, isLoading = false, onRowClick, sorting, onSortingChange, columnFilters, onColumnFiltersChange, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, rowSelection, onRowSelectionChange, globalFilter, onGlobalFilterChange, pagination, onPaginationChange, getRowId, globalFilterFn, enableSearch = true, enableViewOptions = true, enableColumnResizing = false, toolbarContent, noResultsMessage, stickyHeader = false, expanded, onExpandedChange, renderExpandedRow, getRowClassName, skeletonColumnWidths, plain = false }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const isRowSelectionEnabled = !!(rowSelection && onRowSelectionChange);
     const isPaginationEnabled = !!(pagination && onPaginationChange);
     const resetPageIndex = ()=>{

package/dist/registry/date-picker/date-picker.js

@@ -3,12 +3,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { DateTime } from "luxon";
 import { ChevronDownIcon } from "lucide-react";
 import "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { Calendar } from "../calendar/calendar.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover/popover.js";
 function DatePicker({ value, onValueChanged }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs(Popover, {
         children: [
             /*#__PURE__*/ jsx(PopoverTrigger, {

package/dist/registry/dialog/dialog.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { cn } from "../../lib/utils.js";
 function Dialog({ ...props }) {
     return /*#__PURE__*/ jsx(Root, {
@@ -37,7 +37,7 @@ function DialogOverlay({ className, ...props }) {
     });
 }
 function DialogContent({ className, children, showCloseButton = true, fullscreen, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs(DialogPortal, {
         "data-slot": "dialog-portal",
         children: [

package/dist/registry/distribution-chart/distribution-chart-with-adapter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIsFetching, useSuspenseQuery } from "@tanstack/react-query";
 import { useDeferredValue } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { assert } from "../../lib/asserts/assert.js";
 import { assertDefined } from "../../lib/asserts/assert-defined.js";
 import { ChartLoadingBoundary, SpinnerWithChildren, binLabel, formatMetricValue, getChartRange } from "../charts-core/charts-core.js";
@@ -18,7 +18,7 @@ function DistributionChartWithAdapter({ configuration, dataModel, dataAdapter })
     });
 }
 function DistributionChartResolver({ configuration, dataModel, dataAdapter }) {
-    const { i18n: { language } } = useTranslation();
+    const { i18n: { language } } = useVertexTranslation();
     const deferrableProps = useDeferredValue({
         configuration,
         dataModel

package/dist/registry/filter-dropdown/filter-dropdown.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon, SearchIcon, XIcon } from "lucide-react";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { Input } from "../input/input.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover/popover.js";
@@ -13,7 +13,7 @@ import { FILTER_DROPDOWN_LIST_SLOT, FilterDropdownError, FilterDropdownLoadingMo
 import { useFilterDropdownSearch } from "./use-filter-dropdown-search.js";
 function FilterDropdown({ title, options, className, multiSelect = true, column, value: valueProp, onChange: onChangeProp, enableSearch = "auto", searchThreshold = 8, searchPlaceholder = "Search...", noOptionsMessage, noResultsMessage = "No results found", align = "start", popoverWidth = "w-[220px]", isLoading = false, hasMore = false, onLoadMore, loadingMessage, onSearchChange, searchDebounceMs = 300, error, errorMessage, onRetry, retryLabel, selectedOptions }) {
     "use no memo";
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const [open, setOpen] = useState(false);
     const { searchQuery, updateSearch, resetSearch } = useFilterDropdownSearch({
         onSearchChange,

package/dist/registry/form/use-translated-errors.js

@@ -1,8 +1,8 @@
 "use client";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { normalizeErrors } from "./field-utils.js";
 function useTranslatedErrors(errors) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return normalizeErrors(errors).map((error)=>({
             message: t(error.message, {
                 defaultValue: error.message

package/dist/registry/form-wizard/form-wizard-nav.js

@@ -1,12 +1,12 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { cn } from "../../lib/utils.js";
 import { useFormWizardContext } from "./form-wizard.js";
 function FormWizardNav({ className, children, ...props }) {
     const { form, isFirst, isLast, back, next } = useFormWizardContext();
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if ("function" == typeof children) return /*#__PURE__*/ jsx(Fragment, {
         children: children({
             back,

package/dist/registry/kpi-chart/kpi-chart-with-adapter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIsFetching, useSuspenseQuery } from "@tanstack/react-query";
 import { useDeferredValue } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { assertNumber } from "../../lib/asserts/assert-number.js";
 import { ChartLoadingBoundary, SpinnerWithChildren, formatMetricValue } from "../charts-core/charts-core.js";
 import { KpiChart } from "./kpi-chart-view.js";
@@ -17,7 +17,7 @@ function KpiChartWithAdapter({ configuration, dataModel, dataAdapter }) {
     });
 }
 function KpiChartResolver({ configuration, dataModel, dataAdapter }) {
-    const { i18n: { language } } = useTranslation();
+    const { i18n: { language } } = useVertexTranslation();
     const deferrableProps = useDeferredValue({
         configuration,
         dataModel

package/dist/registry/line-chart/line-chart-with-adapter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIsFetching, useSuspenseQuery } from "@tanstack/react-query";
 import { useDeferredValue } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { assert } from "../../lib/asserts/assert.js";
 import { assertDefined } from "../../lib/asserts/assert-defined.js";
 import { ChartLoadingBoundary, SpinnerWithChildren, binLabel, formatMetricValue, getChartRange } from "../charts-core/charts-core.js";
@@ -18,7 +18,7 @@ function LineChartWithAdapter({ configuration, dataModel, dataAdapter }) {
     });
 }
 function LineChartResolver({ configuration, dataModel, dataAdapter }) {
-    const { i18n: { language } } = useTranslation();
+    const { i18n: { language } } = useVertexTranslation();
     const deferrableProps = useDeferredValue({
         configuration,
         dataModel

package/dist/registry/multi-line-chart/multi-line-chart-with-adapter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIsFetching, useSuspenseQuery } from "@tanstack/react-query";
 import { useDeferredValue } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { assert } from "../../lib/asserts/assert.js";
 import { assertDefined } from "../../lib/asserts/assert-defined.js";
 import { ChartLoadingBoundary, SpinnerWithChildren, binLabel, formatMetricValue, getChartRange } from "../charts-core/charts-core.js";
@@ -22,7 +22,7 @@ function MultiLineChartWithAdapter({ configuration, dataModel, dataAdapter }) {
     });
 }
 function MultiLineChartResolver({ configuration, dataModel, dataAdapter }) {
-    const { t, i18n: { language } } = useTranslation();
+    const { t, i18n: { language } } = useVertexTranslation();
     const deferrableProps = useDeferredValue({
         configuration,
         dataModel

package/dist/registry/pagination/pagination.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { buttonVariants } from "../button/button.js";
 import { cn } from "../../lib/utils.js";
 function Pagination({ className, ...props }) {
@@ -42,7 +42,7 @@ function PaginationLink({ className, isActive, size = "icon", ...props }) {
     });
 }
 function PaginationPrevious({ className, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs(PaginationLink, {
         "aria-label": t("go_to_previous_page"),
         size: "default",
@@ -58,7 +58,7 @@ function PaginationPrevious({ className, ...props }) {
     });
 }
 function PaginationNext({ className, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs(PaginationLink, {
         "aria-label": t("go_to_next_page"),
         size: "default",
@@ -74,7 +74,7 @@ function PaginationNext({ className, ...props }) {
     });
 }
 function PaginationEllipsis({ className, ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs("span", {
         "aria-hidden": true,
         "data-slot": "pagination-ellipsis",

package/dist/registry/sheet/sheet.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { cn } from "../../lib/utils.js";
 function Sheet({ ...props }) {
     return /*#__PURE__*/ jsx(Root, {
@@ -37,7 +37,7 @@ function SheetOverlay({ className, ...props }) {
     });
 }
 function SheetContent({ className, children, side = "right", ...props }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs(SheetPortal, {
         children: [
             /*#__PURE__*/ jsx(SheetOverlay, {}),

package/dist/registry/shell/group-membership-guard.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useAuth } from "./shell-auth-provider.js";
 import { MembershipDenied, VerifyingMembership } from "./group-membership-screens.js";

package/dist/registry/shell/group-membership-screens.js

@@ -1,9 +1,10 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ShieldX } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 const VerifyingMembership = ()=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsx("div", {
         className: "flex h-screen items-center justify-center bg-background",
         children: /*#__PURE__*/ jsx("div", {
@@ -13,7 +14,7 @@ const VerifyingMembership = ()=>{
     });
 };
 const MembershipDenied = ({ user, onLogout, description })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsx("div", {
         className: "flex h-screen items-center justify-center bg-background",
         children: /*#__PURE__*/ jsx("div", {

package/dist/registry/shell/shell-auth-provider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { jwtDecode } from "jwt-decode";

package/dist/registry/shell/shell-company.js

@@ -3,7 +3,7 @@ import { Link } from "@tanstack/react-router";
 import { AnimatePresence, motion } from "framer-motion";
 import { PanelLeft } from "lucide-react";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { useSidebar } from "../sidebar/sidebar.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip/tooltip.js";
@@ -11,7 +11,7 @@ import { cn } from "../../lib/utils.js";
 import { fastFadeTransition, iconHoverScale, scaleVariants, textFadeVariants } from "./shell-animations.js";
 import { CompanyLogoIcon } from "./shell-company-logo.js";
 function CollapsedLogo({ companyLogo, sidebarHovered, onExpand }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const [buttonHovered, setButtonHovered] = useState(false);
     const isCustomLogo = companyLogo?.isCustom ?? false;
     const panelBgClass = isCustomLogo ? "bg-white border border-border" : "bg-[oklch(0.6533_0.2227_34.41)]";
@@ -92,7 +92,7 @@ function CollapsedLogo({ companyLogo, sidebarHovered, onExpand }) {
     });
 }
 const Company = ({ companyName, productName, companyLogo, sidebarHovered = false })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { state, toggleSidebar } = useSidebar();
     const isCollapsed = "collapsed" === state;
     const isCustomLogo = companyLogo?.isCustom ?? false;