@voyantjs/suppliers-ui 0.15.0 → 0.17.0

package/README.md

@@ -11,3 +11,17 @@ pnpm add @voyantjs/suppliers-ui @voyantjs/suppliers-react @voyantjs/ui @tanstack
 `@voyantjs/ui` provides the design-system primitives. `@voyantjs/suppliers-react` provides the data-layer hooks. Both are required peers.
 
 All components accept a `className` prop and merge it with `cn()`. Wrap or compose to extend; use the registry copy-paste path (`npx shadcn add @voyant/...`) for components you want to fork outright.
+
+## I18n
+
+Components render English by default. To localize them, wrap your UI in
+`SuppliersUiMessagesProvider` and import only the locales your app supports.
+
+```tsx
+import { SuppliersUiMessagesProvider } from "@voyantjs/suppliers-ui"
+import { suppliersUiEn } from "@voyantjs/suppliers-ui/i18n/en"
+import { suppliersUiRo } from "@voyantjs/suppliers-ui/i18n/ro"
+```
+
+English-only apps should import only `./i18n/en`. Bilingual apps can import
+`./i18n/en` and `./i18n/ro`.

package/dist/components/supplier-service-row.d.ts

@@ -1,4 +1,4 @@
-import { type SupplierRate, type SupplierService } from "@voyantjs/suppliers-react";
+import type { SupplierRate, SupplierService } from "@voyantjs/suppliers-react";
 export declare function SupplierServiceRow({ service, rates, expanded, onToggle, onEdit, onDelete, onAddRate, onEditRate, onDeleteRate, }: {
     service: SupplierService;
     rates: SupplierRate[];

package/dist/components/supplier-service-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"supplier-service-row.d.ts","sourceRoot":"","sources":["../../src/components/supplier-service-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAA;AAIlC,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAA;IACxB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,2CAiHA"}
+{"version":3,"file":"supplier-service-row.d.ts","sourceRoot":"","sources":["../../src/components/supplier-service-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAM9E,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAA;IACxB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,2CAsJA"}

package/dist/components/supplier-service-row.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatAmount, formatUnit, } from "@voyantjs/suppliers-react";
 import { Badge, Button } from "@voyantjs/ui/components";
 import { ChevronDown, ChevronRight, Pencil, Plus, Trash2 } from "lucide-react";
+import { useSuppliersUiI18nOrDefault } from "../i18n";
 export function SupplierServiceRow({ service, rates, expanded, onToggle, onEdit, onDelete, onAddRate, onEditRate, onDeleteRate, }) {
-    return (_jsxs("div", { className: "rounded-md border", children: [_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("button", { type: "button", onClick: onToggle, className: "text-muted-foreground hover:text-foreground", children: expanded ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-sm font-medium", children: service.name }), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-xs capitalize", children: service.serviceType }), service.duration ? (_jsx("span", { className: "text-xs text-muted-foreground", children: service.duration })) : null, service.capacity ? (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["max ", service.capacity, " pax"] })) : null, !service.active ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: "Inactive" })) : null] })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: onEdit, children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onDelete, children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })] }), expanded ? (_jsxs("div", { className: "border-t bg-muted/30 p-3", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Rates" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: onAddRate, children: [_jsx(Plus, { className: "mr-1 h-3 w-3" }), "Add Rate"] })] }), rates.length === 0 ? (_jsx("p", { className: "py-2 text-center text-xs text-muted-foreground", children: "No rates yet." })) : (_jsx("div", { className: "rounded border bg-background", children: _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-2 text-left font-medium", children: "Name" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Amount" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Unit" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Valid" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Pax" }), _jsx("th", { className: "w-16 p-2" })] }) }), _jsx("tbody", { children: rates.map((rate) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-2", children: rate.name }), _jsx("td", { className: "p-2 font-mono", children: formatAmount(rate.amountCents, rate.currency) }), _jsx("td", { className: "p-2 capitalize", children: formatUnit(rate.unit) }), _jsx("td", { className: "p-2", children: rate.validFrom || rate.validTo
-                                                    ? `${rate.validFrom ?? "..."} — ${rate.validTo ?? "..."}`
-                                                    : "-" }), _jsx("td", { className: "p-2", children: rate.minPax || rate.maxPax
-                                                    ? `${rate.minPax ?? "?"}-${rate.maxPax ?? "?"}`
-                                                    : "-" }), _jsx("td", { className: "p-2", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => onEditRate(rate), className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3 w-3" }) }), _jsx("button", { type: "button", onClick: () => onDeleteRate(rate.id), className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3 w-3" }) })] }) })] }, rate.id))) })] }) }))] })) : null] }));
+    const i18n = useSuppliersUiI18nOrDefault();
+    const { messages } = i18n;
+    return (_jsxs("div", { className: "rounded-md border", children: [_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("button", { type: "button", onClick: onToggle, className: "text-muted-foreground hover:text-foreground", children: expanded ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-sm font-medium", children: service.name }), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: messages.common.serviceTypeLabels[service.serviceType] }), service.duration ? (_jsx("span", { className: "text-xs text-muted-foreground", children: service.duration })) : null, service.capacity ? (_jsx("span", { className: "text-xs text-muted-foreground", children: messages.common.maxPax.replace("{count}", String(service.capacity)) })) : null, !service.active ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: messages.common.inactive })) : null] })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: onEdit, "aria-label": messages.common.edit, title: messages.common.edit, children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onDelete, "aria-label": messages.common.delete, title: messages.common.delete, children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })] }), expanded ? (_jsxs("div", { className: "border-t bg-muted/30 p-3", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: messages.supplierServiceRow.rates }), _jsxs(Button, { variant: "outline", size: "sm", onClick: onAddRate, children: [_jsx(Plus, { className: "mr-1 h-3 w-3" }), messages.supplierServiceRow.addRate] })] }), rates.length === 0 ? (_jsx("p", { className: "py-2 text-center text-xs text-muted-foreground", children: messages.supplierServiceRow.noRates })) : (_jsx("div", { className: "rounded border bg-background", children: _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-2 text-left font-medium", children: messages.supplierServiceRow.columns.name }), _jsx("th", { className: "p-2 text-left font-medium", children: messages.supplierServiceRow.columns.amount }), _jsx("th", { className: "p-2 text-left font-medium", children: messages.supplierServiceRow.columns.unit }), _jsx("th", { className: "p-2 text-left font-medium", children: messages.supplierServiceRow.columns.valid }), _jsx("th", { className: "p-2 text-left font-medium", children: messages.supplierServiceRow.columns.pax }), _jsx("th", { className: "w-16 p-2" })] }) }), _jsx("tbody", { children: rates.map((rate) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-2", children: rate.name }), _jsx("td", { className: "p-2 font-mono", children: i18n.formatCurrency(rate.amountCents / 100, rate.currency) }), _jsx("td", { className: "p-2", children: messages.common.rateUnitLabels[rate.unit] }), _jsx("td", { className: "p-2", children: rate.validFrom || rate.validTo
+                                                    ? `${rate.validFrom ?? messages.supplierServiceRow.validFallback} — ${rate.validTo ?? messages.supplierServiceRow.validFallback}`
+                                                    : messages.common.none }), _jsx("td", { className: "p-2", children: rate.minPax || rate.maxPax
+                                                    ? `${rate.minPax ?? messages.common.unknown}-${rate.maxPax ?? messages.common.unknown}`
+                                                    : messages.common.none }), _jsx("td", { className: "p-2", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => onEditRate(rate), "aria-label": messages.common.edit, title: messages.common.edit, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3 w-3" }) }), _jsx("button", { type: "button", onClick: () => onDeleteRate(rate.id), "aria-label": messages.common.delete, title: messages.common.delete, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3 w-3" }) })] }) })] }, rate.id))) })] }) }))] })) : null] }));
 }

package/dist/components/suppliers-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suppliers-page.d.ts","sourceRoot":"","sources":["../../src/components/suppliers-page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AA+CzD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,2CAuCA"}
+{"version":3,"file":"suppliers-page.d.ts","sourceRoot":"","sources":["../../src/components/suppliers-page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AA+DzD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,2CA0CA"}

package/dist/components/suppliers-page.js

@@ -4,37 +4,45 @@ import { Badge, Button, Input } from "@voyantjs/ui/components";
 import { DataTable } from "@voyantjs/ui/components/data-table";
 import { DataTableColumnHeader } from "@voyantjs/ui/components/data-table-column-header";
 import { Loader2, Plus, Search } from "lucide-react";
-const columns = [
-    {
-        accessorKey: "name",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Name" }),
-    },
-    {
-        accessorKey: "type",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Type" }),
-        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.type })),
-    },
-    {
-        accessorKey: "status",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Status" }),
-        cell: ({ row }) => (_jsx(Badge, { variant: statusVariant[row.original.status] ?? "secondary", className: "capitalize", children: row.original.status })),
-    },
-    {
-        accessorKey: "city",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "City" }),
-        cell: ({ row }) => row.original.city ?? "-",
-    },
-    {
-        accessorKey: "country",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Country" }),
-        cell: ({ row }) => row.original.country ?? "-",
-    },
-    {
-        accessorKey: "defaultCurrency",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Currency" }),
-        cell: ({ row }) => row.original.defaultCurrency ?? "-",
-    },
-];
+import { useSuppliersUiMessagesOrDefault } from "../i18n";
+function useSupplierColumns() {
+    const messages = useSuppliersUiMessagesOrDefault();
+    return [
+        {
+            accessorKey: "name",
+            header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: messages.suppliersPage.columns.name })),
+        },
+        {
+            accessorKey: "type",
+            header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: messages.suppliersPage.columns.type })),
+            cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: messages.common.supplierTypeLabels[row.original.type] })),
+        },
+        {
+            accessorKey: "status",
+            header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: messages.suppliersPage.columns.status })),
+            cell: ({ row }) => (_jsx(Badge, { variant: statusVariant[row.original.status] ?? "secondary", children: messages.common.supplierStatusLabels[row.original.status] })),
+        },
+        {
+            accessorKey: "city",
+            header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: messages.suppliersPage.columns.city })),
+            cell: ({ row }) => row.original.city ?? messages.common.none,
+        },
+        {
+            accessorKey: "country",
+            header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: messages.suppliersPage.columns.country })),
+            cell: ({ row }) => row.original.country ?? messages.common.none,
+        },
+        {
+            accessorKey: "defaultCurrency",
+            header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: messages.suppliersPage.columns.currency })),
+            cell: ({ row }) => row.original.defaultCurrency ?? messages.common.none,
+        },
+    ];
+}
 export function SuppliersPage({ search, onSearchChange, onCreate, onRowClick, rows, total, isPending, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Suppliers" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Manage your hotels, transfers, guides, and service providers." })] }), _jsxs(Button, { onClick: onCreate, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "New Supplier"] })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Search suppliers...", value: search, onChange: (event) => onSearchChange(event.target.value), className: "pl-9" })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : (_jsx(DataTable, { columns: columns, data: rows, onRowClick: (row) => onRowClick(row.original) })), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Showing ", rows.length, " of ", total, " suppliers"] })] }));
+    const messages = useSuppliersUiMessagesOrDefault();
+    const columns = useSupplierColumns();
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: messages.suppliersPage.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.suppliersPage.description })] }), _jsxs(Button, { onClick: onCreate, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), messages.suppliersPage.create] })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: messages.suppliersPage.searchPlaceholder, value: search, onChange: (event) => onSearchChange(event.target.value), className: "pl-9" })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : (_jsx(DataTable, { columns: columns, data: rows, onRowClick: (row) => onRowClick(row.original) })), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.suppliersPage.summary
+                    .replace("{shown}", String(rows.length))
+                    .replace("{total}", String(total)) })] }));
 }

package/dist/i18n/en.d.ts

@@ -0,0 +1,70 @@
+export declare const suppliersUiEn: {
+    common: {
+        edit: string;
+        delete: string;
+        add: string;
+        open: string;
+        inactive: string;
+        none: string;
+        unknown: string;
+        maxPax: string;
+        supplierTypeLabels: {
+            hotel: string;
+            transfer: string;
+            guide: string;
+            experience: string;
+            airline: string;
+            restaurant: string;
+            other: string;
+        };
+        supplierStatusLabels: {
+            active: string;
+            inactive: string;
+            pending: string;
+        };
+        serviceTypeLabels: {
+            accommodation: string;
+            transfer: string;
+            experience: string;
+            guide: string;
+            meal: string;
+            other: string;
+        };
+        rateUnitLabels: {
+            per_person: string;
+            per_group: string;
+            per_night: string;
+            per_vehicle: string;
+            flat: string;
+        };
+    };
+    suppliersPage: {
+        title: string;
+        description: string;
+        create: string;
+        searchPlaceholder: string;
+        summary: string;
+        columns: {
+            name: string;
+            type: string;
+            status: string;
+            city: string;
+            country: string;
+            currency: string;
+        };
+    };
+    supplierServiceRow: {
+        rates: string;
+        addRate: string;
+        noRates: string;
+        columns: {
+            name: string;
+            amount: string;
+            unit: string;
+            valid: string;
+            pax: string;
+        };
+        validFallback: string;
+    };
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/i18n/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEK,CAAA"}

package/dist/i18n/en.js

@@ -0,0 +1,69 @@
+export const suppliersUiEn = {
+    common: {
+        edit: "Edit",
+        delete: "Delete",
+        add: "Add",
+        open: "Open",
+        inactive: "Inactive",
+        none: "-",
+        unknown: "?",
+        maxPax: "max {count} pax",
+        supplierTypeLabels: {
+            hotel: "Hotel",
+            transfer: "Transfer",
+            guide: "Guide",
+            experience: "Experience",
+            airline: "Airline",
+            restaurant: "Restaurant",
+            other: "Other",
+        },
+        supplierStatusLabels: {
+            active: "Active",
+            inactive: "Inactive",
+            pending: "Pending",
+        },
+        serviceTypeLabels: {
+            accommodation: "Accommodation",
+            transfer: "Transfer",
+            experience: "Experience",
+            guide: "Guide",
+            meal: "Meal",
+            other: "Other",
+        },
+        rateUnitLabels: {
+            per_person: "Per person",
+            per_group: "Per group",
+            per_night: "Per night",
+            per_vehicle: "Per vehicle",
+            flat: "Flat",
+        },
+    },
+    suppliersPage: {
+        title: "Suppliers",
+        description: "Manage your hotels, transfers, guides, and service providers.",
+        create: "New Supplier",
+        searchPlaceholder: "Search suppliers...",
+        summary: "Showing {shown} of {total} suppliers",
+        columns: {
+            name: "Name",
+            type: "Type",
+            status: "Status",
+            city: "City",
+            country: "Country",
+            currency: "Currency",
+        },
+    },
+    supplierServiceRow: {
+        rates: "Rates",
+        addRate: "Add Rate",
+        noRates: "No rates yet.",
+        columns: {
+            name: "Name",
+            amount: "Amount",
+            unit: "Unit",
+            valid: "Valid",
+            pax: "Pax",
+        },
+        validFallback: "...",
+    },
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,5 @@
+export { suppliersUiEn } from "./en";
+export type { SupplierRateUnit, SupplierServiceType, SupplierStatus, SuppliersUiMessages, SupplierType, } from "./messages";
+export { getSuppliersUiI18n, resolveSuppliersUiMessages, type SuppliersUiMessageOverrides, SuppliersUiMessagesProvider, suppliersUiMessageDefinitions, useSuppliersUiI18n, useSuppliersUiI18nOrDefault, useSuppliersUiMessages, useSuppliersUiMessagesOrDefault, } from "./provider";
+export { suppliersUiRo } from "./ro";
+//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AACpC,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,GACb,MAAM,YAAY,CAAA;AACnB,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,KAAK,2BAA2B,EAChC,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,2BAA2B,EAC3B,sBAAsB,EACtB,+BAA+B,GAChC,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA"}

package/dist/i18n/index.js

@@ -0,0 +1,3 @@
+export { suppliersUiEn } from "./en";
+export { getSuppliersUiI18n, resolveSuppliersUiMessages, SuppliersUiMessagesProvider, suppliersUiMessageDefinitions, useSuppliersUiI18n, useSuppliersUiI18nOrDefault, useSuppliersUiMessages, useSuppliersUiMessagesOrDefault, } from "./provider";
+export { suppliersUiRo } from "./ro";

package/dist/i18n/messages.d.ts

@@ -0,0 +1,50 @@
+import type { Supplier, SupplierRate, SupplierService } from "@voyantjs/suppliers-react";
+export type SupplierType = Supplier["type"];
+export type SupplierStatus = Supplier["status"];
+export type SupplierServiceType = SupplierService["serviceType"];
+export type SupplierRateUnit = SupplierRate["unit"];
+export type SuppliersUiMessages = {
+    common: {
+        edit: string;
+        delete: string;
+        add: string;
+        open: string;
+        inactive: string;
+        none: string;
+        unknown: string;
+        maxPax: string;
+        supplierTypeLabels: Record<SupplierType, string>;
+        supplierStatusLabels: Record<SupplierStatus, string>;
+        serviceTypeLabels: Record<SupplierServiceType, string>;
+        rateUnitLabels: Record<SupplierRateUnit, string>;
+    };
+    suppliersPage: {
+        title: string;
+        description: string;
+        create: string;
+        searchPlaceholder: string;
+        summary: string;
+        columns: {
+            name: string;
+            type: string;
+            status: string;
+            city: string;
+            country: string;
+            currency: string;
+        };
+    };
+    supplierServiceRow: {
+        rates: string;
+        addRate: string;
+        noRates: string;
+        columns: {
+            name: string;
+            amount: string;
+            unit: string;
+            valid: string;
+            pax: string;
+        };
+        validFallback: string;
+    };
+};
+//# sourceMappingURL=messages.d.ts.map

package/dist/i18n/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAExF,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;AAC3C,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC/C,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,aAAa,CAAC,CAAA;AAChE,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAA;QAChD,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACpD,iBAAiB,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;QACtD,cAAc,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;KACjD,CAAA;IACD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,MAAM,EAAE,MAAM,CAAA;QACd,iBAAiB,EAAE,MAAM,CAAA;QACzB,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAA;YACZ,IAAI,EAAE,MAAM,CAAA;YACZ,MAAM,EAAE,MAAM,CAAA;YACd,IAAI,EAAE,MAAM,CAAA;YACZ,OAAO,EAAE,MAAM,CAAA;YACf,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;KACF,CAAA;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAA;YACZ,MAAM,EAAE,MAAM,CAAA;YACd,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,GAAG,EAAE,MAAM,CAAA;SACZ,CAAA;QACD,aAAa,EAAE,MAAM,CAAA;KACtB,CAAA;CACF,CAAA"}

package/dist/i18n/messages.js

@@ -0,0 +1 @@
+export {};

package/dist/i18n/provider.d.ts

@@ -0,0 +1,162 @@
+import { type LocaleMessageOverrides, type PackageI18nValue } from "@voyantjs/i18n";
+import type { ReactNode } from "react";
+import type { SuppliersUiMessages } from "./messages";
+export declare const suppliersUiMessageDefinitions: {
+    en: {
+        common: {
+            edit: string;
+            delete: string;
+            add: string;
+            open: string;
+            inactive: string;
+            none: string;
+            unknown: string;
+            maxPax: string;
+            supplierTypeLabels: {
+                hotel: string;
+                transfer: string;
+                guide: string;
+                experience: string;
+                airline: string;
+                restaurant: string;
+                other: string;
+            };
+            supplierStatusLabels: {
+                active: string;
+                inactive: string;
+                pending: string;
+            };
+            serviceTypeLabels: {
+                accommodation: string;
+                transfer: string;
+                experience: string;
+                guide: string;
+                meal: string;
+                other: string;
+            };
+            rateUnitLabels: {
+                per_person: string;
+                per_group: string;
+                per_night: string;
+                per_vehicle: string;
+                flat: string;
+            };
+        };
+        suppliersPage: {
+            title: string;
+            description: string;
+            create: string;
+            searchPlaceholder: string;
+            summary: string;
+            columns: {
+                name: string;
+                type: string;
+                status: string;
+                city: string;
+                country: string;
+                currency: string;
+            };
+        };
+        supplierServiceRow: {
+            rates: string;
+            addRate: string;
+            noRates: string;
+            columns: {
+                name: string;
+                amount: string;
+                unit: string;
+                valid: string;
+                pax: string;
+            };
+            validFallback: string;
+        };
+    };
+    ro: {
+        common: {
+            edit: string;
+            delete: string;
+            add: string;
+            open: string;
+            inactive: string;
+            none: string;
+            unknown: string;
+            maxPax: string;
+            supplierTypeLabels: {
+                hotel: string;
+                transfer: string;
+                guide: string;
+                experience: string;
+                airline: string;
+                restaurant: string;
+                other: string;
+            };
+            supplierStatusLabels: {
+                active: string;
+                inactive: string;
+                pending: string;
+            };
+            serviceTypeLabels: {
+                accommodation: string;
+                transfer: string;
+                experience: string;
+                guide: string;
+                meal: string;
+                other: string;
+            };
+            rateUnitLabels: {
+                per_person: string;
+                per_group: string;
+                per_night: string;
+                per_vehicle: string;
+                flat: string;
+            };
+        };
+        suppliersPage: {
+            title: string;
+            description: string;
+            create: string;
+            searchPlaceholder: string;
+            summary: string;
+            columns: {
+                name: string;
+                type: string;
+                status: string;
+                city: string;
+                country: string;
+                currency: string;
+            };
+        };
+        supplierServiceRow: {
+            rates: string;
+            addRate: string;
+            noRates: string;
+            columns: {
+                name: string;
+                amount: string;
+                unit: string;
+                valid: string;
+                pax: string;
+            };
+            validFallback: string;
+        };
+    };
+};
+export type SuppliersUiMessageOverrides = LocaleMessageOverrides<SuppliersUiMessages>;
+export declare function resolveSuppliersUiMessages({ locale, overrides, }: {
+    locale: string | null | undefined;
+    overrides?: SuppliersUiMessageOverrides | null;
+}): SuppliersUiMessages;
+export declare function getSuppliersUiI18n({ locale, overrides, }: {
+    locale?: string | null | undefined;
+    overrides?: SuppliersUiMessageOverrides | null;
+}): PackageI18nValue<SuppliersUiMessages>;
+export declare function SuppliersUiMessagesProvider({ children, locale, overrides, }: {
+    children: ReactNode;
+    locale: string | null | undefined;
+    overrides?: SuppliersUiMessageOverrides | null;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useSuppliersUiI18n: () => PackageI18nValue<SuppliersUiMessages>;
+export declare const useSuppliersUiMessages: () => SuppliersUiMessages;
+export declare function useSuppliersUiI18nOrDefault(): PackageI18nValue<SuppliersUiMessages>;
+export declare function useSuppliersUiMessagesOrDefault(): SuppliersUiMessages;
+//# sourceMappingURL=provider.d.ts.map

package/dist/i18n/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/i18n/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EAEtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAKrD,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGe,CAAA;AAEzD,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AASrF,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAA;CAC/C,uBAOA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAClC,SAAS,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAA;CAC/C,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CASxC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAA;CAC/C,2CAWA;AAED,eAAO,MAAM,kBAAkB,6CAA6B,CAAA;AAC5D,eAAO,MAAM,sBAAsB,2BAAiC,CAAA;AAEpE,wBAAgB,2BAA2B,0CAE1C;AAED,wBAAgB,+BAA+B,wBAE9C"}

package/dist/i18n/provider.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createLocaleFormatters, createPackageMessagesContext, resolvePackageMessages, } from "@voyantjs/i18n";
+import { suppliersUiEn } from "./en";
+import { suppliersUiRo } from "./ro";
+const fallbackLocale = "en";
+export const suppliersUiMessageDefinitions = {
+    en: suppliersUiEn,
+    ro: suppliersUiRo,
+};
+const suppliersUiContext = createPackageMessagesContext("SuppliersUiMessages");
+const defaultSuppliersUiI18n = {
+    messages: suppliersUiEn,
+    ...createLocaleFormatters(fallbackLocale),
+};
+export function resolveSuppliersUiMessages({ locale, overrides, }) {
+    return resolvePackageMessages({
+        definitions: suppliersUiMessageDefinitions,
+        fallbackLocale,
+        locale,
+        overrides,
+    });
+}
+export function getSuppliersUiI18n({ locale, overrides, }) {
+    const resolvedLocale = locale ?? fallbackLocale;
+    return {
+        messages: resolveSuppliersUiMessages({
+            locale: resolvedLocale,
+            overrides,
+        }),
+        ...createLocaleFormatters(resolvedLocale),
+    };
+}
+export function SuppliersUiMessagesProvider({ children, locale, overrides, }) {
+    return (_jsx(suppliersUiContext.ResolvedMessagesProvider, { definitions: suppliersUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, overrides: overrides, children: children }));
+}
+export const useSuppliersUiI18n = suppliersUiContext.useI18n;
+export const useSuppliersUiMessages = suppliersUiContext.useMessages;
+export function useSuppliersUiI18nOrDefault() {
+    return suppliersUiContext.useOptionalI18n() ?? defaultSuppliersUiI18n;
+}
+export function useSuppliersUiMessagesOrDefault() {
+    return useSuppliersUiI18nOrDefault().messages;
+}

package/dist/i18n/ro.d.ts

@@ -0,0 +1,70 @@
+export declare const suppliersUiRo: {
+    common: {
+        edit: string;
+        delete: string;
+        add: string;
+        open: string;
+        inactive: string;
+        none: string;
+        unknown: string;
+        maxPax: string;
+        supplierTypeLabels: {
+            hotel: string;
+            transfer: string;
+            guide: string;
+            experience: string;
+            airline: string;
+            restaurant: string;
+            other: string;
+        };
+        supplierStatusLabels: {
+            active: string;
+            inactive: string;
+            pending: string;
+        };
+        serviceTypeLabels: {
+            accommodation: string;
+            transfer: string;
+            experience: string;
+            guide: string;
+            meal: string;
+            other: string;
+        };
+        rateUnitLabels: {
+            per_person: string;
+            per_group: string;
+            per_night: string;
+            per_vehicle: string;
+            flat: string;
+        };
+    };
+    suppliersPage: {
+        title: string;
+        description: string;
+        create: string;
+        searchPlaceholder: string;
+        summary: string;
+        columns: {
+            name: string;
+            type: string;
+            status: string;
+            city: string;
+            country: string;
+            currency: string;
+        };
+    };
+    supplierServiceRow: {
+        rates: string;
+        addRate: string;
+        noRates: string;
+        columns: {
+            name: string;
+            amount: string;
+            unit: string;
+            valid: string;
+            pax: string;
+        };
+        validFallback: string;
+    };
+};
+//# sourceMappingURL=ro.d.ts.map

package/dist/i18n/ro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEK,CAAA"}

package/dist/i18n/ro.js

@@ -0,0 +1,69 @@
+export const suppliersUiRo = {
+    common: {
+        edit: "Editeaza",
+        delete: "Sterge",
+        add: "Adauga",
+        open: "Deschide",
+        inactive: "Inactiv",
+        none: "-",
+        unknown: "?",
+        maxPax: "maxim {count} pax",
+        supplierTypeLabels: {
+            hotel: "Hotel",
+            transfer: "Transfer",
+            guide: "Ghid",
+            experience: "Experienta",
+            airline: "Companie aeriana",
+            restaurant: "Restaurant",
+            other: "Altul",
+        },
+        supplierStatusLabels: {
+            active: "Activ",
+            inactive: "Inactiv",
+            pending: "In asteptare",
+        },
+        serviceTypeLabels: {
+            accommodation: "Cazare",
+            transfer: "Transfer",
+            experience: "Experienta",
+            guide: "Ghid",
+            meal: "Masa",
+            other: "Altul",
+        },
+        rateUnitLabels: {
+            per_person: "Per persoana",
+            per_group: "Per grup",
+            per_night: "Per noapte",
+            per_vehicle: "Per vehicul",
+            flat: "Fix",
+        },
+    },
+    suppliersPage: {
+        title: "Furnizori",
+        description: "Gestioneaza hotelurile, transferurile, ghizii si furnizorii de servicii.",
+        create: "Furnizor Nou",
+        searchPlaceholder: "Cauta furnizori...",
+        summary: "Afisezi {shown} din {total} furnizori",
+        columns: {
+            name: "Nume",
+            type: "Tip",
+            status: "Status",
+            city: "Oras",
+            country: "Tara",
+            currency: "Moneda",
+        },
+    },
+    supplierServiceRow: {
+        rates: "Tarife",
+        addRate: "Adauga Tarif",
+        noRates: "Nu exista inca tarife.",
+        columns: {
+            name: "Nume",
+            amount: "Suma",
+            unit: "Unitate",
+            valid: "Valabil",
+            pax: "Pax",
+        },
+        validFallback: "...",
+    },
+};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { SupplierServiceRow } from "./components/supplier-service-row";
 export { SuppliersPage } from "./components/suppliers-page";
+export { getSuppliersUiI18n, resolveSuppliersUiMessages, type SuppliersUiMessageOverrides, type SuppliersUiMessages, SuppliersUiMessagesProvider, suppliersUiEn, suppliersUiMessageDefinitions, suppliersUiRo, useSuppliersUiI18n, useSuppliersUiI18nOrDefault, useSuppliersUiMessages, useSuppliersUiMessagesOrDefault, } from "./i18n";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,KAAK,2BAA2B,EAChC,KAAK,mBAAmB,EACxB,2BAA2B,EAC3B,aAAa,EACb,6BAA6B,EAC7B,aAAa,EACb,kBAAkB,EAClB,2BAA2B,EAC3B,sBAAsB,EACtB,+BAA+B,GAChC,MAAM,QAAQ,CAAA"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { SupplierServiceRow } from "./components/supplier-service-row";
 export { SuppliersPage } from "./components/suppliers-page";
+export { getSuppliersUiI18n, resolveSuppliersUiMessages, SuppliersUiMessagesProvider, suppliersUiEn, suppliersUiMessageDefinitions, suppliersUiRo, useSuppliersUiI18n, useSuppliersUiI18nOrDefault, useSuppliersUiMessages, useSuppliersUiMessagesOrDefault, } from "./i18n";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/suppliers-ui",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "license": "FSL-1.1-Apache-2.0",
   "repository": {
     "type": "git",
@@ -14,6 +14,18 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js"
+    },
+    "./i18n/en": {
+      "types": "./dist/i18n/en.d.ts",
+      "import": "./dist/i18n/en.js"
+    },
+    "./i18n/ro": {
+      "types": "./dist/i18n/ro.d.ts",
+      "import": "./dist/i18n/ro.js"
+    },
     "./components/*": {
       "types": "./dist/components/*.d.ts",
       "import": "./dist/components/*.js"
@@ -24,8 +36,11 @@
     "@tanstack/react-table": "^8.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@voyantjs/suppliers-react": "0.15.0",
-    "@voyantjs/ui": "0.15.0"
+    "@voyantjs/suppliers-react": "0.17.0",
+    "@voyantjs/ui": "0.17.0"
+  },
+  "dependencies": {
+    "@voyantjs/i18n": "0.17.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -37,9 +52,10 @@
     "react-dom": "^19.2.4",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@voyantjs/suppliers-react": "0.15.0",
+    "@voyantjs/suppliers-react": "0.17.0",
+    "@voyantjs/ui": "0.17.0",
     "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.15.0"
+    "@voyantjs/i18n": "0.17.0"
   },
   "files": [
     "dist"