@voyantjs/products-ui 0.15.0 → 0.17.0

package/README.md

@@ -11,3 +11,14 @@ pnpm add @voyantjs/products-ui @voyantjs/products-react @voyantjs/ui @tanstack/r
 `@voyantjs/ui` provides the design-system primitives. `@voyantjs/products-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
+`ProductsUiMessagesProvider` and import only the locales your app supports.
+
+```tsx
+import { ProductsUiMessagesProvider } from "@voyantjs/products-ui"
+import { productsUiEn } from "@voyantjs/products-ui/i18n/en"
+import { productsUiRo } from "@voyantjs/products-ui/i18n/ro"
+```

package/dist/components/option-unit-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option-unit-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAYhE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,2CAyBvB"}
+{"version":3,"file":"option-unit-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAahE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,2CA8BvB"}

package/dist/components/option-unit-dialog.js

@@ -1,12 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 import { OptionUnitForm } from "./option-unit-form";
 export function OptionUnitDialog({ open, onOpenChange, optionId, unit, sortOrder, onSuccess, }) {
     const isEdit = Boolean(unit);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "option-unit-dialog", className: "sm:max-w-[680px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit option unit" : "New option unit" }), _jsx(DialogDescription, { children: isEdit
-                                ? "Update unit constraints, quantity limits, and occupancy rules."
-                                : "Create a selectable unit under this option." })] }), _jsx(OptionUnitForm, { mode: unit ? { kind: "edit", unit } : { kind: "create", optionId, sortOrder }, onSuccess: (saved) => {
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "option-unit-dialog", className: "sm:max-w-[680px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit
+                                ? messages.optionUnitDialog.titles.edit
+                                : messages.optionUnitDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.optionUnitDialog.descriptions.edit
+                                : messages.optionUnitDialog.descriptions.create })] }), _jsx(OptionUnitForm, { mode: unit ? { kind: "edit", unit } : { kind: "create", optionId, sortOrder }, onSuccess: (saved) => {
                         onSuccess?.(saved);
                         onOpenChange(false);
                     }, onCancel: () => onOpenChange(false) })] }) }));

package/dist/components/option-unit-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option-unit-form.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,0BAA0B,CAAA;AAgBjC,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA6FD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAuNhF"}
+{"version":3,"file":"option-unit-form.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,0BAA0B,CAAA;AAkBjC,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA6FD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAuOhF"}

package/dist/components/option-unit-form.js

@@ -9,13 +9,14 @@ import { Switch } from "@voyantjs/ui/components/switch";
 import { Textarea } from "@voyantjs/ui/components/textarea";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 const UNIT_TYPES = [
-    { value: "person", label: "Person" },
-    { value: "group", label: "Group" },
-    { value: "room", label: "Room" },
-    { value: "vehicle", label: "Vehicle" },
-    { value: "service", label: "Service" },
-    { value: "other", label: "Other" },
+    { value: "person" },
+    { value: "group" },
+    { value: "room" },
+    { value: "vehicle" },
+    { value: "service" },
+    { value: "other" },
 ];
 function initialState(mode) {
     if (mode.kind === "edit") {
@@ -83,6 +84,7 @@ export function OptionUnitForm({ mode, onSuccess, onCancel }) {
     const [state, setState] = React.useState(() => initialState(mode));
     const [error, setError] = React.useState(null);
     const { create, update } = useOptionUnitMutation();
+    const messages = useProductsUiMessagesOrDefault();
     React.useEffect(() => {
         setState(initialState(mode));
         setError(null);
@@ -95,7 +97,7 @@ export function OptionUnitForm({ mode, onSuccess, onCancel }) {
         event.preventDefault();
         setError(null);
         if (!state.name.trim()) {
-            setError("Unit name is required.");
+            setError(messages.optionUnitForm.validation.nameRequired);
             return;
         }
         try {
@@ -105,10 +107,15 @@ export function OptionUnitForm({ mode, onSuccess, onCancel }) {
             onSuccess?.(unit);
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to save option unit.");
+            setError(err instanceof Error ? err.message : messages.optionUnitForm.validation.saveFailed);
         }
     };
     const showAgeRange = state.unitType === "person";
     const showOccupancy = state.unitType === "group" || state.unitType === "room" || state.unitType === "vehicle";
-    return (_jsxs("form", { "data-slot": "option-unit-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-name", children: "Name" }), _jsx(Input, { id: "option-unit-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: "Adult" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-code", children: "Code" }), _jsx(Input, { id: "option-unit-code", value: state.code, onChange: (event) => field("code")(event.target.value), placeholder: "adult" })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: "Unit type" }), _jsxs(Select, { items: UNIT_TYPES, value: state.unitType, onValueChange: (value) => value && field("unitType")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: UNIT_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: type.label }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-sort-order", children: "Sort order" }), _jsx(Input, { id: "option-unit-sort-order", type: "number", value: state.sortOrder, onChange: (event) => field("sortOrder")(event.target.value) })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-quantity", children: "Min quantity" }), _jsx(Input, { id: "option-unit-min-quantity", type: "number", min: "0", value: state.minQuantity, onChange: (event) => field("minQuantity")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-quantity", children: "Max quantity" }), _jsx(Input, { id: "option-unit-max-quantity", type: "number", min: "0", value: state.maxQuantity, onChange: (event) => field("maxQuantity")(event.target.value) })] })] }), showAgeRange ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-age", children: "Min age" }), _jsx(Input, { id: "option-unit-min-age", type: "number", min: "0", value: state.minAge, onChange: (event) => field("minAge")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-age", children: "Max age" }), _jsx(Input, { id: "option-unit-max-age", type: "number", min: "0", value: state.maxAge, onChange: (event) => field("maxAge")(event.target.value) })] })] })) : null, showOccupancy ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-min", children: "Occupancy min" }), _jsx(Input, { id: "option-unit-occupancy-min", type: "number", min: "0", value: state.occupancyMin, onChange: (event) => field("occupancyMin")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-max", children: "Occupancy max" }), _jsx(Input, { id: "option-unit-occupancy-max", type: "number", min: "0", value: state.occupancyMax, onChange: (event) => field("occupancyMax")(event.target.value) })] })] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-description", children: "Description" }), _jsx(Textarea, { id: "option-unit-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: "Optional unit description" })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isRequired, onCheckedChange: (checked) => field("isRequired")(checked) }), _jsx(Label, { children: "Required" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isHidden, onCheckedChange: (checked) => field("isHidden")(checked) }), _jsx(Label, { children: "Hidden" })] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: "Cancel" })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create" ? "Create unit" : "Save changes"] })] })] }));
+    return (_jsxs("form", { "data-slot": "option-unit-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-name", children: messages.optionUnitForm.fields.name }), _jsx(Input, { id: "option-unit-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: messages.optionUnitForm.placeholders.name })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-code", children: messages.optionUnitForm.fields.code }), _jsx(Input, { id: "option-unit-code", value: state.code, onChange: (event) => field("code")(event.target.value), placeholder: messages.optionUnitForm.placeholders.code })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: messages.optionUnitForm.fields.unitType }), _jsxs(Select, { items: UNIT_TYPES.map((type) => ({
+                                    label: messages.common.optionUnitTypeLabels[type.value],
+                                    value: type.value,
+                                })), value: state.unitType, onValueChange: (value) => value && field("unitType")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: UNIT_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: messages.common.optionUnitTypeLabels[type.value] }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-sort-order", children: messages.optionUnitForm.fields.sortOrder }), _jsx(Input, { id: "option-unit-sort-order", type: "number", value: state.sortOrder, onChange: (event) => field("sortOrder")(event.target.value) })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-quantity", children: messages.optionUnitForm.fields.minQuantity }), _jsx(Input, { id: "option-unit-min-quantity", type: "number", min: "0", value: state.minQuantity, onChange: (event) => field("minQuantity")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-quantity", children: messages.optionUnitForm.fields.maxQuantity }), _jsx(Input, { id: "option-unit-max-quantity", type: "number", min: "0", value: state.maxQuantity, onChange: (event) => field("maxQuantity")(event.target.value) })] })] }), showAgeRange ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-age", children: messages.optionUnitForm.fields.minAge }), _jsx(Input, { id: "option-unit-min-age", type: "number", min: "0", value: state.minAge, onChange: (event) => field("minAge")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-age", children: messages.optionUnitForm.fields.maxAge }), _jsx(Input, { id: "option-unit-max-age", type: "number", min: "0", value: state.maxAge, onChange: (event) => field("maxAge")(event.target.value) })] })] })) : null, showOccupancy ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-min", children: messages.optionUnitForm.fields.occupancyMin }), _jsx(Input, { id: "option-unit-occupancy-min", type: "number", min: "0", value: state.occupancyMin, onChange: (event) => field("occupancyMin")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-max", children: messages.optionUnitForm.fields.occupancyMax }), _jsx(Input, { id: "option-unit-occupancy-max", type: "number", min: "0", value: state.occupancyMax, onChange: (event) => field("occupancyMax")(event.target.value) })] })] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-description", children: messages.optionUnitForm.fields.description }), _jsx(Textarea, { id: "option-unit-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: messages.optionUnitForm.placeholders.description })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isRequired, onCheckedChange: (checked) => field("isRequired")(checked) }), _jsx(Label, { children: messages.optionUnitForm.fields.required })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isHidden, onCheckedChange: (checked) => field("isHidden")(checked) }), _jsx(Label, { children: messages.optionUnitForm.fields.hidden })] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: messages.common.cancel })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create"
+                                ? messages.optionUnitForm.actions.createUnit
+                                : messages.common.saveChanges] })] })] }));
 }

package/dist/components/product-category-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-category-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-category-combobox.tsx"],"names":[],"mappings":"AAgBA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAID,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,WAAuC,EACvC,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,2CAsEP"}
+{"version":3,"file":"product-category-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-category-combobox.tsx"],"names":[],"mappings":"AAkBA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAID,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,2CA0EP"}

package/dist/components/product-category-combobox.js

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useProductCategories, useProductCategory, } from "@voyantjs/products-react";
 import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
 import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 const PAGE_SIZE = 25;
-export function ProductCategoryCombobox({ value, onChange, placeholder = "Search parent category…", disabled, excludeId, }) {
+export function ProductCategoryCombobox({ value, onChange, placeholder, disabled, excludeId, }) {
+    const messages = useProductsUiMessagesOrDefault();
     const [search, setSearch] = React.useState("");
     const listQuery = useProductCategories({ search: search || undefined, limit: PAGE_SIZE });
     const selectedQuery = useProductCategory(value, { enabled: !!value });
@@ -34,9 +36,9 @@ export function ProductCategoryCombobox({ value, onChange, placeholder = "Search
             const id = next ?? null;
             onChange(id);
             setInputValue(id ? (itemMap.get(id)?.name ?? "") : "");
-        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
-                            ? "Loading…"
-                            : "No product categories found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder ?? messages.comboboxes.productCategory.placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? messages.common.loading
+                            : messages.comboboxes.productCategory.empty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
                                 const item = itemMap.get(id);
                                 if (!item)
                                     return null;

package/dist/components/product-category-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-category-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-category-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAYrE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACtD;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,2CAyB5B"}
+{"version":3,"file":"product-category-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-category-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAarE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACtD;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,2CA8B5B"}

package/dist/components/product-category-dialog.js

@@ -1,12 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 import { ProductCategoryForm } from "./product-category-form";
 export function ProductCategoryDialog({ open, onOpenChange, category, onSuccess, }) {
     const isEdit = Boolean(category);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-category-dialog", className: "sm:max-w-[640px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit product category" : "New product category" }), _jsx(DialogDescription, { children: isEdit
-                                ? "Update category hierarchy, slug, and active state."
-                                : "Create a category for organizing your product catalog." })] }), _jsx(ProductCategoryForm, { mode: category ? { kind: "edit", category } : { kind: "create" }, onSuccess: (saved) => {
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-category-dialog", className: "sm:max-w-[640px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit
+                                ? messages.productCategoryDialog.titles.edit
+                                : messages.productCategoryDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.productCategoryDialog.descriptions.edit
+                                : messages.productCategoryDialog.descriptions.create })] }), _jsx(ProductCategoryForm, { mode: category ? { kind: "edit", category } : { kind: "create" }, onSuccess: (saved) => {
                         onSuccess?.(saved);
                         onOpenChange(false);
                     }, onCancel: () => onOpenChange(false) })] }) }));

package/dist/components/product-category-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-category-form.d.ts","sourceRoot":"","sources":["../../src/components/product-category-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,0BAA0B,CAAA;AAUjC,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,qBAAqB,CAAA;CAAE,CAAA;AAElF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA6CD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAyH1F"}
+{"version":3,"file":"product-category-form.d.ts","sourceRoot":"","sources":["../../src/components/product-category-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,0BAA0B,CAAA;AAYjC,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,qBAAqB,CAAA;CAAE,CAAA;AAElF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA6CD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAkI1F"}

package/dist/components/product-category-form.js

@@ -8,6 +8,7 @@ import { Switch } from "@voyantjs/ui/components/switch";
 import { Textarea } from "@voyantjs/ui/components/textarea";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 import { ProductCategoryCombobox } from "./product-category-combobox";
 function initialState(mode) {
     if (mode.kind === "edit") {
@@ -44,6 +45,7 @@ export function ProductCategoryForm({ mode, onSuccess, onCancel }) {
     const [state, setState] = React.useState(() => initialState(mode));
     const [error, setError] = React.useState(null);
     const { create, update } = useProductCategoryMutation();
+    const messages = useProductsUiMessagesOrDefault();
     React.useEffect(() => {
         setState(initialState(mode));
         setError(null);
@@ -53,11 +55,11 @@ export function ProductCategoryForm({ mode, onSuccess, onCancel }) {
         event.preventDefault();
         setError(null);
         if (!state.name.trim()) {
-            setError("Category name is required.");
+            setError(messages.productCategoryForm.validation.nameRequired);
             return;
         }
         if (!state.slug.trim()) {
-            setError("Category slug is required.");
+            setError(messages.productCategoryForm.validation.slugRequired);
             return;
         }
         try {
@@ -67,8 +69,10 @@ export function ProductCategoryForm({ mode, onSuccess, onCancel }) {
             onSuccess?.(category);
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to save product category.");
+            setError(err instanceof Error ? err.message : messages.productCategoryForm.validation.saveFailed);
         }
     };
-    return (_jsxs("form", { "data-slot": "product-category-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-name", children: "Name" }), _jsx(Input, { id: "product-category-name", required: true, autoFocus: true, value: state.name, onChange: (event) => setState((prev) => ({ ...prev, name: event.target.value })), placeholder: "Adventure" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-slug", children: "Slug" }), _jsx(Input, { id: "product-category-slug", required: true, value: state.slug, onChange: (event) => setState((prev) => ({ ...prev, slug: event.target.value })), placeholder: "adventure" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: "Parent category" }), _jsx(ProductCategoryCombobox, { value: state.parentId === "__none__" ? null : state.parentId, onChange: (value) => setState((prev) => ({ ...prev, parentId: value ?? "__none__" })), excludeId: mode.kind === "edit" ? mode.category.id : null, placeholder: "Search parent category\u2026" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-description", children: "Description" }), _jsx(Textarea, { id: "product-category-description", value: state.description, onChange: (event) => setState((prev) => ({ ...prev, description: event.target.value })), placeholder: "Category description..." })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-sort-order", children: "Sort order" }), _jsx(Input, { id: "product-category-sort-order", type: "number", value: state.sortOrder, onChange: (event) => setState((prev) => ({ ...prev, sortOrder: event.target.value })) })] }), _jsxs("div", { className: "flex items-center gap-2 pt-7", children: [_jsx(Switch, { checked: state.active, onCheckedChange: (active) => setState((prev) => ({ ...prev, active })) }), _jsx(Label, { children: "Active" })] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, children: "Cancel" })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "edit" ? "Save changes" : "Create category"] })] })] }));
+    return (_jsxs("form", { "data-slot": "product-category-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-name", children: messages.productCategoryForm.fields.name }), _jsx(Input, { id: "product-category-name", required: true, autoFocus: true, value: state.name, onChange: (event) => setState((prev) => ({ ...prev, name: event.target.value })), placeholder: messages.productCategoryForm.placeholders.name })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-slug", children: messages.productCategoryForm.fields.slug }), _jsx(Input, { id: "product-category-slug", required: true, value: state.slug, onChange: (event) => setState((prev) => ({ ...prev, slug: event.target.value })), placeholder: messages.productCategoryForm.placeholders.slug })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: messages.productCategoryForm.fields.parentCategory }), _jsx(ProductCategoryCombobox, { value: state.parentId === "__none__" ? null : state.parentId, onChange: (value) => setState((prev) => ({ ...prev, parentId: value ?? "__none__" })), excludeId: mode.kind === "edit" ? mode.category.id : null, placeholder: messages.productCategoryForm.placeholders.parentCategory })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-description", children: messages.productCategoryForm.fields.description }), _jsx(Textarea, { id: "product-category-description", value: state.description, onChange: (event) => setState((prev) => ({ ...prev, description: event.target.value })), placeholder: messages.productCategoryForm.placeholders.description })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-sort-order", children: messages.productCategoryForm.fields.sortOrder }), _jsx(Input, { id: "product-category-sort-order", type: "number", value: state.sortOrder, onChange: (event) => setState((prev) => ({ ...prev, sortOrder: event.target.value })) })] }), _jsxs("div", { className: "flex items-center gap-2 pt-7", children: [_jsx(Switch, { checked: state.active, onCheckedChange: (active) => setState((prev) => ({ ...prev, active })) }), _jsx(Label, { children: messages.productCategoryForm.fields.active })] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, children: messages.common.cancel })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "edit"
+                                ? messages.common.saveChanges
+                                : messages.productCategoryForm.actions.createCategory] })] })] }));
 }

package/dist/components/product-category-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-category-list.d.ts","sourceRoot":"","sources":["../../src/components/product-category-list.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAc,EAAE,GAAE,wBAA6B,2CA+JpF"}
+{"version":3,"file":"product-category-list.d.ts","sourceRoot":"","sources":["../../src/components/product-category-list.tsx"],"names":[],"mappings":"AA+BA,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAc,EAAE,GAAE,wBAA6B,2CAsKpF"}

package/dist/components/product-category-list.js

@@ -8,6 +8,7 @@ import { Input } from "@voyantjs/ui/components/input";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyantjs/ui/components/table";
 import { CheckCircle2, Loader2, MoreHorizontal, Pencil, Plus, Search, Trash2 } from "lucide-react";
 import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 import { ProductCategoryDialog } from "./product-category-dialog";
 export function ProductCategoryList({ pageSize = 200 } = {}) {
     const [search, setSearch] = React.useState("");
@@ -20,23 +21,28 @@ export function ProductCategoryList({ pageSize = 200 } = {}) {
         offset,
     });
     const { remove } = useProductCategoryMutation();
+    const messages = useProductsUiMessagesOrDefault();
     const categories = data?.data ?? [];
     const total = data?.total ?? 0;
     const page = Math.floor(offset / pageSize) + 1;
     const pageCount = Math.max(1, Math.ceil(total / pageSize));
     const categoryById = new Map(categories.map((category) => [category.id, category]));
-    return (_jsxs("div", { "data-slot": "product-category-list", className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Search product categories\u2026", value: search, onChange: (event) => {
+    return (_jsxs("div", { "data-slot": "product-category-list", className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: messages.productCategoryList.searchPlaceholder, value: search, onChange: (event) => {
                                     setSearch(event.target.value);
                                     setOffset(0);
                                 }, className: "pl-9" })] }), _jsxs(Button, { onClick: () => {
                             setEditing(undefined);
                             setDialogOpen(true);
-                        }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), "Add category"] })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Slug" }), _jsx(TableHead, { children: "Parent" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-[80px] text-right", children: "Actions" })] }) }), _jsx(TableBody, { children: isPending ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center", children: _jsx(Loader2, { className: "mx-auto size-4 animate-spin text-muted-foreground" }) }) })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-destructive", children: "Failed to load product categories." }) })) : categories.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-muted-foreground", children: "No product categories found." }) })) : (categories.map((category) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: category.name }), _jsx(TableCell, { children: category.slug }), _jsx(TableCell, { children: category.parentId ? (categoryById.get(category.parentId)?.name ?? "—") : "—" }), _jsx(TableCell, { children: category.active ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "size-3.5" }), "Active"] })) : (_jsx(Badge, { variant: "secondary", children: "Inactive" })) }), _jsx(TableCell, { className: "text-right", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-hidden hover:bg-accent hover:text-accent-foreground", children: _jsx(MoreHorizontal, { className: "size-4" }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                        }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.productCategoryList.addCategory] })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: messages.productCategoryList.columns.name }), _jsx(TableHead, { children: messages.productCategoryList.columns.slug }), _jsx(TableHead, { children: messages.productCategoryList.columns.parent }), _jsx(TableHead, { children: messages.productCategoryList.columns.status }), _jsx(TableHead, { className: "w-[80px] text-right", children: messages.productCategoryList.columns.actions })] }) }), _jsx(TableBody, { children: isPending ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center", children: _jsx(Loader2, { className: "mx-auto size-4 animate-spin text-muted-foreground" }) }) })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-destructive", children: messages.productCategoryList.loadingError }) })) : categories.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-muted-foreground", children: messages.productCategoryList.empty }) })) : (categories.map((category) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: category.name }), _jsx(TableCell, { children: category.slug }), _jsx(TableCell, { children: category.parentId
+                                            ? (categoryById.get(category.parentId)?.name ?? messages.common.none)
+                                            : messages.common.none }), _jsx(TableCell, { children: category.active ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "size-3.5" }), messages.common.active] })) : (_jsx(Badge, { variant: "secondary", children: messages.common.inactive })) }), _jsx(TableCell, { className: "text-right", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-hidden hover:bg-accent hover:text-accent-foreground", children: _jsx(MoreHorizontal, { className: "size-4" }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {
                                                                 setEditing(category);
                                                                 setDialogOpen(true);
-                                                            }, children: [_jsx(Pencil, { className: "size-4" }), "Edit"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => {
-                                                                if (confirm("Delete this product category?")) {
+                                                            }, children: [_jsx(Pencil, { className: "size-4" }), messages.productCategoryList.edit] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => {
+                                                                if (confirm(messages.productCategoryList.deleteConfirm)) {
                                                                     remove.mutate(category.id);
                                                                 }
-                                                            }, children: [_jsx(Trash2, { className: "size-4" }), "Delete"] })] })] }) })] }, category.id)))) })] }) }), _jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsxs("span", { children: ["Showing ", categories.length, " of ", total] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: offset === 0, onClick: () => setOffset((prev) => Math.max(0, prev - pageSize)), children: "Previous" }), _jsxs("span", { children: ["Page ", page, " / ", pageCount] }), _jsx(Button, { variant: "outline", size: "sm", disabled: offset + pageSize >= total, onClick: () => setOffset((prev) => prev + pageSize), children: "Next" })] })] }), _jsx(ProductCategoryDialog, { open: dialogOpen, onOpenChange: setDialogOpen, category: editing })] }));
+                                                            }, children: [_jsx(Trash2, { className: "size-4" }), messages.productCategoryList.delete] })] })] }) })] }, category.id)))) })] }) }), _jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsx("span", { children: messages.productCategoryList.showingSummary
+                            .replace("{count}", String(categories.length))
+                            .replace("{total}", String(total)) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: offset === 0, onClick: () => setOffset((prev) => Math.max(0, prev - pageSize)), children: messages.common.previous }), _jsxs("span", { children: [messages.common.page, " ", page, " / ", pageCount] }), _jsx(Button, { variant: "outline", size: "sm", disabled: offset + pageSize >= total, onClick: () => setOffset((prev) => prev + pageSize), children: messages.common.next })] })] }), _jsx(ProductCategoryDialog, { open: dialogOpen, onOpenChange: setDialogOpen, category: editing })] }));
 }

package/dist/components/product-day-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-day-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-day-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAYhE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,GAAG,EACH,aAAa,EACb,SAAS,GACV,EAAE,qBAAqB,2CA2BvB"}
+{"version":3,"file":"product-day-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-day-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAahE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,GAAG,EACH,aAAa,EACb,SAAS,GACV,EAAE,qBAAqB,2CAgCvB"}

package/dist/components/product-day-dialog.js

@@ -1,12 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 import { ProductDayForm } from "./product-day-form";
 export function ProductDayDialog({ open, onOpenChange, productId, day, nextDayNumber, onSuccess, }) {
     const isEdit = Boolean(day);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-day-dialog", className: "sm:max-w-[640px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit itinerary day" : "Add itinerary day" }), _jsx(DialogDescription, { children: isEdit
-                                ? "Update the title, location, and overview for this day."
-                                : "Create a structured day in the product itinerary." })] }), _jsx(ProductDayForm, { mode: day ? { kind: "edit", productId, day } : { kind: "create", productId, nextDayNumber }, onSuccess: (savedDay) => {
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-day-dialog", className: "sm:max-w-[640px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit
+                                ? messages.productDayDialog.titles.edit
+                                : messages.productDayDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.productDayDialog.descriptions.edit
+                                : messages.productDayDialog.descriptions.create })] }), _jsx(ProductDayForm, { mode: day ? { kind: "edit", productId, day } : { kind: "create", productId, nextDayNumber }, onSuccess: (savedDay) => {
                         onSuccess?.(savedDay);
                         onOpenChange(false);
                     }, onCancel: () => onOpenChange(false) })] }) }));

package/dist/components/product-day-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-day-form.d.ts","sourceRoot":"","sources":["../../src/components/product-day-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAyB,MAAM,0BAA0B,CAAA;AAQvF,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE9D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA2BD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiHhF"}
+{"version":3,"file":"product-day-form.d.ts","sourceRoot":"","sources":["../../src/components/product-day-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAyB,MAAM,0BAA0B,CAAA;AAUvF,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE9D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA2BD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA0HhF"}

package/dist/components/product-day-form.js

@@ -7,6 +7,7 @@ import { Label } from "@voyantjs/ui/components/label";
 import { Textarea } from "@voyantjs/ui/components/textarea";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 function initialState(mode) {
     if (mode.kind === "edit") {
         return {
@@ -27,6 +28,7 @@ export function ProductDayForm({ mode, onSuccess, onCancel }) {
     const [state, setState] = React.useState(() => initialState(mode));
     const [error, setError] = React.useState(null);
     const { create, update } = useProductDayMutation();
+    const messages = useProductsUiMessagesOrDefault();
     React.useEffect(() => {
         setState(initialState(mode));
         setError(null);
@@ -40,7 +42,7 @@ export function ProductDayForm({ mode, onSuccess, onCancel }) {
         setError(null);
         const dayNumber = Number.parseInt(state.dayNumber || "0", 10);
         if (!Number.isFinite(dayNumber) || dayNumber < 1) {
-            setError("Day number must be at least 1.");
+            setError(messages.productDayForm.validation.dayNumberMin);
             return;
         }
         const payload = {
@@ -60,8 +62,12 @@ export function ProductDayForm({ mode, onSuccess, onCancel }) {
             onSuccess?.(day);
         }
         catch (submissionError) {
-            setError(submissionError instanceof Error ? submissionError.message : "Failed to save day.");
+            setError(submissionError instanceof Error
+                ? submissionError.message
+                : messages.productDayForm.validation.saveFailed);
         }
     };
-    return (_jsxs("form", { "data-slot": "product-day-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-number", children: "Day number" }), _jsx(Input, { id: "product-day-number", type: "number", min: "1", autoFocus: true, required: true, value: state.dayNumber, onChange: (event) => field("dayNumber")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-location", children: "Location" }), _jsx(Input, { id: "product-day-location", value: state.location, onChange: (event) => field("location")(event.target.value), placeholder: "Dubrovnik" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-title", children: "Title" }), _jsx(Input, { id: "product-day-title", value: state.title, onChange: (event) => field("title")(event.target.value), placeholder: "Arrival in Dubrovnik" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-description", children: "Description" }), _jsx(Textarea, { id: "product-day-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: "Overview and activities for this day" })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: "Cancel" })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create" ? "Add day" : "Save day"] })] })] }));
+    return (_jsxs("form", { "data-slot": "product-day-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-number", children: messages.productDayForm.fields.dayNumber }), _jsx(Input, { id: "product-day-number", type: "number", min: "1", autoFocus: true, required: true, value: state.dayNumber, onChange: (event) => field("dayNumber")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-location", children: messages.productDayForm.fields.location }), _jsx(Input, { id: "product-day-location", value: state.location, onChange: (event) => field("location")(event.target.value), placeholder: messages.productDayForm.placeholders.location })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-title", children: messages.productDayForm.fields.title }), _jsx(Input, { id: "product-day-title", value: state.title, onChange: (event) => field("title")(event.target.value), placeholder: messages.productDayForm.placeholders.title })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-description", children: messages.productDayForm.fields.description }), _jsx(Textarea, { id: "product-day-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: messages.productDayForm.placeholders.description })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: messages.common.cancel })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create"
+                                ? messages.productDayForm.actions.addDay
+                                : messages.productDayForm.actions.saveDay] })] })] }));
 }

package/dist/components/product-itinerary-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-itinerary-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-itinerary-dialog.tsx"],"names":[],"mappings":"AAiBA,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,2BAA2B,2CA4H7B"}
+{"version":3,"file":"product-itinerary-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-itinerary-dialog.tsx"],"names":[],"mappings":"AAmBA,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,2BAA2B,2CAuI7B"}

package/dist/components/product-itinerary-dialog.js

@@ -8,6 +8,7 @@ import { Input } from "@voyantjs/ui/components/input";
 import { Label } from "@voyantjs/ui/components/label";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 export function ProductItineraryDialog({ open, onOpenChange, productId, itinerary, itineraryCount, onSuccess, }) {
     const isEditing = !!itinerary;
     const isFirstItinerary = !isEditing && itineraryCount === 0;
@@ -15,6 +16,7 @@ export function ProductItineraryDialog({ open, onOpenChange, productId, itinerar
     const [name, setName] = React.useState("");
     const [isDefault, setIsDefault] = React.useState(false);
     const [error, setError] = React.useState(null);
+    const messages = useProductsUiMessagesOrDefault();
     const { create, update } = useProductItineraryMutation();
     const pending = create.isPending || update.isPending;
     React.useEffect(() => {
@@ -35,7 +37,7 @@ export function ProductItineraryDialog({ open, onOpenChange, productId, itinerar
         setError(null);
         const trimmed = name.trim();
         if (!trimmed) {
-            setError("Name is required");
+            setError(messages.productItineraryDialog.validation.nameRequired);
             return;
         }
         try {
@@ -68,10 +70,16 @@ export function ProductItineraryDialog({ open, onOpenChange, productId, itinerar
             onOpenChange(false);
         }
         catch (submissionError) {
-            setError(submissionError instanceof Error ? submissionError.message : "Failed to save itinerary.");
+            setError(submissionError instanceof Error
+                ? submissionError.message
+                : messages.productItineraryDialog.validation.saveFailed);
         }
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-itinerary-dialog", className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEditing ? "Rename itinerary" : "New itinerary" }), _jsx(DialogDescription, { children: isEditing
-                                ? "Update the itinerary name and default state."
-                                : "Add another itinerary variant for this product." })] }), _jsxs("form", { className: "flex flex-col gap-4", onSubmit: handleSubmit, children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-itinerary-name", children: "Name" }), _jsx(Input, { id: "product-itinerary-name", autoFocus: true, value: name, onChange: (event) => setName(event.target.value), placeholder: "e.g. Main itinerary, Family variant" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Checkbox, { id: "product-itinerary-default", checked: isDefault, disabled: defaultLocked || isFirstItinerary, onCheckedChange: (checked) => setIsDefault(checked === true) }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "product-itinerary-default", className: "text-sm font-normal", children: "Set as default itinerary" }), defaultLocked ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "This is the default. Set another itinerary as default to change it." })) : isFirstItinerary ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "The first itinerary is automatically the default." })) : null] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: pending, children: [pending ? _jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" }) : null, isEditing ? "Save changes" : "Create itinerary"] })] })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-itinerary-dialog", className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEditing
+                                ? messages.productItineraryDialog.titles.edit
+                                : messages.productItineraryDialog.titles.create }), _jsx(DialogDescription, { children: isEditing
+                                ? messages.productItineraryDialog.descriptions.edit
+                                : messages.productItineraryDialog.descriptions.create })] }), _jsxs("form", { className: "flex flex-col gap-4", onSubmit: handleSubmit, children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-itinerary-name", children: messages.productItineraryDialog.fields.name }), _jsx(Input, { id: "product-itinerary-name", autoFocus: true, value: name, onChange: (event) => setName(event.target.value), placeholder: messages.productItineraryDialog.placeholders.name })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Checkbox, { id: "product-itinerary-default", checked: isDefault, disabled: defaultLocked || isFirstItinerary, onCheckedChange: (checked) => setIsDefault(checked === true) }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "product-itinerary-default", className: "text-sm font-normal", children: messages.productItineraryDialog.fields.defaultItinerary }), defaultLocked ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.productItineraryDialog.fields.notesDefaultLocked })) : isFirstItinerary ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.productItineraryDialog.fields.notesFirstDefault })) : null] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: pending, children: [pending ? _jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" }) : null, isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.productItineraryDialog.actions.createItinerary] })] })] })] }) }));
 }

package/dist/components/product-media-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-media-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-media-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAYlE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAChD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,2CAyBzB"}
+{"version":3,"file":"product-media-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-media-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAalE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAChD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,2CA8BzB"}

package/dist/components/product-media-dialog.js

@@ -1,12 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 import { ProductMediaForm } from "./product-media-form";
 export function ProductMediaDialog({ open, onOpenChange, productId, dayId, media, onSuccess, }) {
     const isEdit = Boolean(media);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-media-dialog", className: "sm:max-w-[720px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit media" : "Add media" }), _jsx(DialogDescription, { children: isEdit
-                                ? "Update metadata, sorting, and cover behavior for this media item."
-                                : "Register a product or day-level media item by URL." })] }), _jsx(ProductMediaForm, { mode: media ? { kind: "edit", media } : { kind: "create", productId, dayId }, onSuccess: (savedMedia) => {
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-media-dialog", className: "sm:max-w-[720px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit
+                                ? messages.productMediaDialog.titles.edit
+                                : messages.productMediaDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.productMediaDialog.descriptions.edit
+                                : messages.productMediaDialog.descriptions.create })] }), _jsx(ProductMediaForm, { mode: media ? { kind: "edit", media } : { kind: "create", productId, dayId }, onSuccess: (savedMedia) => {
                         onSuccess?.(savedMedia);
                         onOpenChange(false);
                     }, onCancel: () => onOpenChange(false) })] }) }));

package/dist/components/product-media-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-media-form.d.ts","sourceRoot":"","sources":["../../src/components/product-media-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,kBAAkB,EAA2B,MAAM,0BAA0B,CAAA;AAkB3F,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,kBAAkB,CAAA;CAAE,CAAA;AAE/C,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAqLpF"}
+{"version":3,"file":"product-media-form.d.ts","sourceRoot":"","sources":["../../src/components/product-media-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,kBAAkB,EAA2B,MAAM,0BAA0B,CAAA;AAoB3F,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,kBAAkB,CAAA;CAAE,CAAA;AAE/C,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAuMpF"}

package/dist/components/product-media-form.js

@@ -9,10 +9,11 @@ import { Switch } from "@voyantjs/ui/components/switch";
 import { Textarea } from "@voyantjs/ui/components/textarea";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider";
 const MEDIA_TYPES = [
-    { value: "image", label: "Image" },
-    { value: "video", label: "Video" },
-    { value: "document", label: "Document" },
+    { value: "image" },
+    { value: "video" },
+    { value: "document" },
 ];
 function initialState(mode) {
     if (mode.kind === "edit") {
@@ -44,6 +45,7 @@ export function ProductMediaForm({ mode, onSuccess, onCancel }) {
     const [state, setState] = React.useState(() => initialState(mode));
     const [error, setError] = React.useState(null);
     const { create, update } = useProductMediaMutation();
+    const messages = useProductsUiMessagesOrDefault();
     React.useEffect(() => {
         setState(initialState(mode));
         setError(null);
@@ -56,11 +58,11 @@ export function ProductMediaForm({ mode, onSuccess, onCancel }) {
         event.preventDefault();
         setError(null);
         if (!state.name.trim()) {
-            setError("Media name is required.");
+            setError(messages.productMediaForm.validation.nameRequired);
             return;
         }
         if (!state.url.trim()) {
-            setError("Media URL is required.");
+            setError(messages.productMediaForm.validation.urlRequired);
             return;
         }
         const payload = {
@@ -85,8 +87,15 @@ export function ProductMediaForm({ mode, onSuccess, onCancel }) {
             onSuccess?.(media);
         }
         catch (submissionError) {
-            setError(submissionError instanceof Error ? submissionError.message : "Failed to save media.");
+            setError(submissionError instanceof Error
+                ? submissionError.message
+                : messages.productMediaForm.validation.saveFailed);
         }
     };
-    return (_jsxs("form", { "data-slot": "product-media-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: "Media type" }), _jsxs(Select, { items: MEDIA_TYPES, value: state.mediaType, onValueChange: (value) => field("mediaType")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: MEDIA_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: type.label }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-name", children: "Name" }), _jsx(Input, { id: "product-media-name", autoFocus: true, required: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: "Hero image" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-url", children: "URL" }), _jsx(Input, { id: "product-media-url", type: "url", required: true, value: state.url, onChange: (event) => field("url")(event.target.value), placeholder: "https://example.com/media/hero.jpg" })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-storage-key", children: "Storage key" }), _jsx(Input, { id: "product-media-storage-key", value: state.storageKey, onChange: (event) => field("storageKey")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-mime-type", children: "MIME type" }), _jsx(Input, { id: "product-media-mime-type", value: state.mimeType, onChange: (event) => field("mimeType")(event.target.value), placeholder: "image/jpeg" })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-file-size", children: "File size" }), _jsx(Input, { id: "product-media-file-size", type: "number", min: "0", value: state.fileSize, onChange: (event) => field("fileSize")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-sort-order", children: "Sort order" }), _jsx(Input, { id: "product-media-sort-order", type: "number", value: state.sortOrder, onChange: (event) => field("sortOrder")(event.target.value) })] }), _jsxs("div", { className: "flex items-end gap-2 pb-2", children: [_jsx(Switch, { checked: state.isCover, onCheckedChange: (checked) => field("isCover")(checked) }), _jsx(Label, { children: "Cover media" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-alt-text", children: "Alt text" }), _jsx(Textarea, { id: "product-media-alt-text", value: state.altText, onChange: (event) => field("altText")(event.target.value), placeholder: "Short accessibility description" })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: "Cancel" })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create" ? "Add media" : "Save media"] })] })] }));
+    return (_jsxs("form", { "data-slot": "product-media-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: messages.productMediaForm.fields.mediaType }), _jsxs(Select, { items: MEDIA_TYPES.map((type) => ({
+                                    label: messages.common.mediaTypeLabels[type.value],
+                                    value: type.value,
+                                })), value: state.mediaType, onValueChange: (value) => field("mediaType")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: MEDIA_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: messages.common.mediaTypeLabels[type.value] }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-name", children: messages.productMediaForm.fields.name }), _jsx(Input, { id: "product-media-name", autoFocus: true, required: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: messages.productMediaForm.placeholders.name })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-url", children: messages.productMediaForm.fields.url }), _jsx(Input, { id: "product-media-url", type: "url", required: true, value: state.url, onChange: (event) => field("url")(event.target.value), placeholder: messages.productMediaForm.placeholders.url })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-storage-key", children: messages.productMediaForm.fields.storageKey }), _jsx(Input, { id: "product-media-storage-key", value: state.storageKey, onChange: (event) => field("storageKey")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-mime-type", children: messages.productMediaForm.fields.mimeType }), _jsx(Input, { id: "product-media-mime-type", value: state.mimeType, onChange: (event) => field("mimeType")(event.target.value), placeholder: messages.productMediaForm.placeholders.mimeType })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-file-size", children: messages.productMediaForm.fields.fileSize }), _jsx(Input, { id: "product-media-file-size", type: "number", min: "0", value: state.fileSize, onChange: (event) => field("fileSize")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-sort-order", children: messages.productMediaForm.fields.sortOrder }), _jsx(Input, { id: "product-media-sort-order", type: "number", value: state.sortOrder, onChange: (event) => field("sortOrder")(event.target.value) })] }), _jsxs("div", { className: "flex items-end gap-2 pb-2", children: [_jsx(Switch, { checked: state.isCover, onCheckedChange: (checked) => field("isCover")(checked) }), _jsx(Label, { children: messages.productMediaForm.fields.coverMedia })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-media-alt-text", children: messages.productMediaForm.fields.altText }), _jsx(Textarea, { id: "product-media-alt-text", value: state.altText, onChange: (event) => field("altText")(event.target.value), placeholder: messages.productMediaForm.placeholders.altText })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: messages.common.cancel })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create"
+                                ? messages.productMediaForm.actions.addMedia
+                                : messages.productMediaForm.actions.saveMedia] })] })] }));
 }

package/dist/components/product-media-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-media-section.d.ts","sourceRoot":"","sources":["../../src/components/product-media-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAA;AAuBjC,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC3C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,yBAAyB,GAAG,CACtC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAC3C,OAAO,CAAC,wBAAwB,CAAC,CAAA;AAEtC,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,yBAAyB,CAAA;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,KAAqC,EACrC,WAE4D,EAC5D,OAAe,EACf,WAAW,EACX,YAAgD,GACjD,EAAE,wBAAwB,2CA6O1B"}
+{"version":3,"file":"product-media-section.d.ts","sourceRoot":"","sources":["../../src/components/product-media-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAA;AAwBjC,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC3C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,yBAAyB,GAAG,CACtC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAC3C,OAAO,CAAC,wBAAwB,CAAC,CAAA;AAEtC,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,yBAAyB,CAAA;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAe,EACf,WAAW,EACX,YAAgD,GACjD,EAAE,wBAAwB,2CAgQ1B"}