@voyantjs/products-ui 0.19.0 → 0.21.0

package/dist/components/product-catalog-card.d.ts

@@ -0,0 +1,14 @@
+import type { CatalogSearchHit } from "@voyantjs/catalog-react";
+export interface ProductCatalogCardProps {
+    hit: CatalogSearchHit;
+    /** Click handler — usually a router push to the product detail page. */
+    onClick?: (hit: CatalogSearchHit) => void;
+    className?: string;
+}
+/**
+ * Search-result card for a product hit. Reads `name`, `status`,
+ * `productTypeId`, `bookingMode`, `sellAmountCents`, `sellCurrency`,
+ * `tags` from the resolved indexer document.
+ */
+export declare function ProductCatalogCard({ hit, onClick, className }: ProductCatalogCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-catalog-card.d.ts.map

package/dist/components/product-catalog-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/product-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAK/D,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,gBAAgB,CAAA;IACrB,wEAAwE;IACxE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAoDtF"}

package/dist/components/product-catalog-card.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyantjs/ui/components/badge";
+import { Card, CardContent } from "@voyantjs/ui/components/card";
+import { cn } from "@voyantjs/ui/lib/utils";
+/**
+ * Search-result card for a product hit. Reads `name`, `status`,
+ * `productTypeId`, `bookingMode`, `sellAmountCents`, `sellCurrency`,
+ * `tags` from the resolved indexer document.
+ */
+export function ProductCatalogCard({ hit, onClick, className }) {
+    const fields = hit.document.fields;
+    const name = stringOr(fields.name, "Untitled product");
+    const status = stringOr(fields.status, null);
+    const bookingMode = stringOr(fields.bookingMode, null);
+    const sellAmount = numberOr(fields.sellAmountCents, null);
+    const sellCurrency = stringOr(fields.sellCurrency, null);
+    const tags = stringArray(fields.tags);
+    const price = sellAmount != null && sellCurrency
+        ? new Intl.NumberFormat(undefined, {
+            style: "currency",
+            currency: sellCurrency,
+            maximumFractionDigits: 0,
+        }).format(sellAmount / 100)
+        : null;
+    return (_jsx(Card, { className: cn("h-full cursor-pointer transition-colors hover:border-primary/40", onClick == null && "cursor-default", className), onClick: onClick ? () => onClick(hit) : undefined, children: _jsxs(CardContent, { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), status && (_jsx(Badge, { variant: status === "active" ? "default" : "secondary", className: "shrink-0", children: status }))] }), _jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-xs", children: [bookingMode && _jsx("span", { children: bookingMode }), price && _jsx("span", { className: "ml-auto font-medium text-foreground", children: price })] }), tags.length > 0 && (_jsx("div", { className: "mt-auto flex flex-wrap gap-1", children: tags.slice(0, 4).map((tag) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: tag }, tag))) }))] }) }));
+}
+function stringOr(value, fallback) {
+    return typeof value === "string" && value.length > 0 ? value : fallback;
+}
+function numberOr(value, fallback) {
+    if (typeof value === "number")
+        return value;
+    if (typeof value === "string") {
+        const n = Number(value);
+        return Number.isFinite(n) ? n : fallback;
+    }
+    return fallback;
+}
+function stringArray(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value.filter((v) => typeof v === "string" && v.length > 0);
+}

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;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"}
+{"version":3,"file":"product-category-form.d.ts","sourceRoot":"","sources":["../../src/components/product-category-form.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,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;AAmDD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAqJ1F"}

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PaymentPolicyForm, PaymentPolicyPreview } from "@voyantjs/finance-ui";
 import { useProductCategoryMutation, } from "@voyantjs/products-react";
 import { Button } from "@voyantjs/ui/components/button";
 import { Input } from "@voyantjs/ui/components/input";
@@ -20,6 +21,7 @@ function initialState(mode) {
             description: category.description ?? "",
             sortOrder: String(category.sortOrder),
             active: category.active,
+            customerPaymentPolicy: category.customerPaymentPolicy ?? null,
         };
     }
     return {
@@ -29,6 +31,7 @@ function initialState(mode) {
         description: "",
         sortOrder: "0",
         active: true,
+        customerPaymentPolicy: null,
     };
 }
 function toPayload(state) {
@@ -39,6 +42,7 @@ function toPayload(state) {
         description: state.description.trim() || null,
         sortOrder: Number(state.sortOrder) || 0,
         active: state.active,
+        customerPaymentPolicy: state.customerPaymentPolicy ?? null,
     };
 }
 export function ProductCategoryForm({ mode, onSuccess, onCancel }) {
@@ -72,7 +76,7 @@ export function ProductCategoryForm({ mode, onSuccess, onCancel }) {
             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: 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"
+    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 })] })] }), _jsxs("div", { className: "flex flex-col gap-3 rounded-md border bg-muted/10 p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium", children: "Customer payment policy" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "When set, products in this category inherit these terms unless the listing or booking sets its own override. Wins over the supplier-level policy." })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-[2fr_1fr]", children: [_jsx(PaymentPolicyForm, { value: state.customerPaymentPolicy, onChange: (next) => setState((prev) => ({ ...prev, customerPaymentPolicy: next })), inheritable: true, disabled: isSubmitting }), _jsx(PaymentPolicyPreview, { policy: state.customerPaymentPolicy })] })] }), 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-day-dialog.d.ts

@@ -3,9 +3,11 @@ export interface ProductDayDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     productId: string;
+    /** Optional. When set, new days are created against this itinerary. */
+    itineraryId?: string;
     day?: ProductDayRecord;
     nextDayNumber?: number;
     onSuccess?: (day: ProductDayRecord) => void;
 }
-export declare function ProductDayDialog({ open, onOpenChange, productId, day, nextDayNumber, onSuccess, }: ProductDayDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductDayDialog({ open, onOpenChange, productId, itineraryId, day, nextDayNumber, onSuccess, }: ProductDayDialogProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=product-day-dialog.d.ts.map

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;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"}
+{"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,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,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,WAAW,EACX,GAAG,EACH,aAAa,EACb,SAAS,GACV,EAAE,qBAAqB,2CAkCvB"}

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

@@ -3,14 +3,16 @@ 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, }) {
+export function ProductDayDialog({ open, onOpenChange, productId, itineraryId, day, nextDayNumber, onSuccess, }) {
     const isEdit = Boolean(day);
     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) => {
+                                : messages.productDayDialog.descriptions.create })] }), _jsx(ProductDayForm, { mode: day
+                        ? { kind: "edit", productId, day }
+                        : { kind: "create", productId, itineraryId, nextDayNumber }, onSuccess: (savedDay) => {
                         onSuccess?.(savedDay);
                         onOpenChange(false);
                     }, onCancel: () => onOpenChange(false) })] }) }));

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

@@ -2,6 +2,7 @@ import { type ProductDayRecord } from "@voyantjs/products-react";
 type Mode = {
     kind: "create";
     productId: string;
+    itineraryId?: string;
     nextDayNumber?: number;
 } | {
     kind: "edit";

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;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"}
+{"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,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GACnF;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,2CA8HhF"}

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

@@ -53,7 +53,11 @@ export function ProductDayForm({ mode, onSuccess, onCancel }) {
         };
         try {
             const day = mode.kind === "create"
-                ? await create.mutateAsync({ productId: mode.productId, ...payload })
+                ? await create.mutateAsync({
+                    productId: mode.productId,
+                    itineraryId: mode.itineraryId,
+                    ...payload,
+                })
                 : await update.mutateAsync({
                     productId: mode.productId,
                     dayId: mode.day.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/products-ui",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -15,6 +15,9 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./styles.css": {
+      "default": "./src/styles.css"
+    },
     "./i18n": {
       "types": "./dist/i18n/index.d.ts",
       "import": "./dist/i18n/index.js",
@@ -40,14 +43,17 @@
     "@tanstack/react-query": "^5.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@voyantjs/availability-react": "0.19.0",
-    "@voyantjs/pricing-react": "0.19.0",
-    "@voyantjs/products-react": "0.19.0",
-    "@voyantjs/suppliers-react": "0.19.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/availability-react": "0.21.0",
+    "@voyantjs/catalog-react": "0.21.0",
+    "@voyantjs/finance": "0.21.0",
+    "@voyantjs/finance-ui": "0.21.0",
+    "@voyantjs/pricing-react": "0.21.0",
+    "@voyantjs/products-react": "0.21.0",
+    "@voyantjs/suppliers-react": "0.21.0",
+    "@voyantjs/ui": "0.21.0"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.19.0"
+    "@voyantjs/i18n": "0.21.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -58,16 +64,20 @@
     "react-dom": "^19.2.4",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@voyantjs/availability-react": "0.19.0",
-    "@voyantjs/i18n": "0.19.0",
-    "@voyantjs/pricing-react": "0.19.0",
-    "@voyantjs/products-react": "0.19.0",
-    "@voyantjs/suppliers-react": "0.19.0",
+    "@voyantjs/availability-react": "0.21.0",
+    "@voyantjs/catalog-react": "0.21.0",
+    "@voyantjs/finance": "0.21.0",
+    "@voyantjs/finance-ui": "0.21.0",
+    "@voyantjs/i18n": "0.21.0",
+    "@voyantjs/pricing-react": "0.21.0",
+    "@voyantjs/products-react": "0.21.0",
+    "@voyantjs/suppliers-react": "0.21.0",
     "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/ui": "0.21.0"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/styles.css"
   ],
   "publishConfig": {
     "access": "public"

package/src/styles.css

@@ -0,0 +1,11 @@
+/* Tailwind v4 source-detection helper.
+ *
+ * Templates that consume this package should `@import` this CSS so Tailwind
+ * scans these component files for utility classes:
+ *
+ *   @import "@voyantjs/<domain>-ui/styles.css";
+ *
+ * Without it, classes that only appear inside this package (e.g. data-attr
+ * variants on primitives) won't be compiled into the final bundle.
+ */
+@source "./components/**/*.{ts,tsx}";