@voyantjs/hospitality-ui 0.13.0

package/README.md

@@ -0,0 +1,13 @@
+# @voyantjs/hospitality-ui
+
+Importable React UI components for Voyant hospitality. Bundler-consumed (Vite, Next.js, webpack, etc.).
+
+## Install
+
+```bash
+pnpm add @voyantjs/hospitality-ui @voyantjs/hospitality-react @voyantjs/voyant-ui @tanstack/react-query react react-dom
+```
+
+`@voyantjs/voyant-ui` provides the design-system primitives. `@voyantjs/hospitality-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.

package/dist/components/cancellation-policy-combobox.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function CancellationPolicyCombobox({ value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=cancellation-policy-combobox.d.ts.map

package/dist/components/cancellation-policy-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cancellation-policy-combobox.d.ts","sourceRoot":"","sources":["../../src/components/cancellation-policy-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;CACnB,CAAA;AAID,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,WAA6C,EAC7C,QAAQ,GACT,EAAE,KAAK,2CAoEP"}

package/dist/components/cancellation-policy-combobox.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCancellationPolicies, useCancellationPolicy, } from "@voyantjs/pricing-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/voyant-ui/components/combobox";
+import * as React from "react";
+const PAGE_SIZE = 25;
+export function CancellationPolicyCombobox({ value, onChange, placeholder = "Search cancellation policies…", disabled, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = useCancellationPolicies({ search: search || undefined, limit: PAGE_SIZE });
+    const selectedQuery = useCancellationPolicy(value, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected
+        ? `${selected.name}${selected.code ? ` · ${selected.code}` : ""}`
+        : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        if (selectedLabel)
+            setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => {
+            const item = itemMap.get(id);
+            return item ? `${item.name}${item.code ? ` · ${item.code}` : ""}` : "";
+        }, onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            const item = id ? itemMap.get(id) : null;
+            setInputValue(item ? `${item.name}${item.code ? ` · ${item.code}` : ""}` : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? "Loading…"
+                            : "No cancellation policies found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsxs(ComboboxItem, { value: item.id, children: [item.name, item.code ? ` · ${item.code}` : ""] }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/maintenance-block-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type MaintenanceBlockRecord } from "@voyantjs/hospitality-react";
+export type MaintenanceBlockData = MaintenanceBlockRecord;
+export interface MaintenanceBlockDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    propertyId: string;
+    block?: MaintenanceBlockRecord;
+    onSuccess?: (block: MaintenanceBlockRecord) => void;
+}
+export declare function MaintenanceBlockDialog({ open, onOpenChange, propertyId, block, onSuccess, }: MaintenanceBlockDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=maintenance-block-dialog.d.ts.map

package/dist/components/maintenance-block-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maintenance-block-dialog.d.ts","sourceRoot":"","sources":["../../src/components/maintenance-block-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,6BAA6B,CAAA;AA2BpC,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAA;AAkBzD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,sBAAsB,CAAA;IAC9B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACpD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,2BAA2B,2CA2K7B"}

package/dist/components/maintenance-block-dialog.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMaintenanceBlockMutation, } from "@voyantjs/hospitality-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/voyant-ui/components";
+import { DatePicker } from "@voyantjs/voyant-ui/components/date-picker";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { RoomTypeCombobox } from "./room-type-combobox";
+import { RoomUnitCombobox } from "./room-unit-combobox";
+const STATUSES = ["open", "in_progress", "resolved", "cancelled"];
+const formSchema = z.object({
+    roomTypeId: z.string().optional().nullable(),
+    roomUnitId: z.string().optional().nullable(),
+    startsOn: z.string().min(1, "Start date is required"),
+    endsOn: z.string().min(1, "End date is required"),
+    status: z.enum(STATUSES),
+    reason: z.string().optional().nullable(),
+    notes: z.string().optional().nullable(),
+});
+export function MaintenanceBlockDialog({ open, onOpenChange, propertyId, block, onSuccess, }) {
+    const isEditing = Boolean(block);
+    const { create, update } = useMaintenanceBlockMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            roomTypeId: "",
+            roomUnitId: "",
+            startsOn: "",
+            endsOn: "",
+            status: "open",
+            reason: "",
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && block) {
+            form.reset({
+                roomTypeId: block.roomTypeId ?? "",
+                roomUnitId: block.roomUnitId ?? "",
+                startsOn: block.startsOn,
+                endsOn: block.endsOn,
+                status: block.status,
+                reason: block.reason ?? "",
+                notes: block.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset({
+                roomTypeId: "",
+                roomUnitId: "",
+                startsOn: "",
+                endsOn: "",
+                status: "open",
+                reason: "",
+                notes: "",
+            });
+        }
+    }, [block, form, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            propertyId,
+            roomTypeId: values.roomTypeId || null,
+            roomUnitId: values.roomUnitId || null,
+            startsOn: values.startsOn,
+            endsOn: values.endsOn,
+            status: values.status,
+            reason: values.reason || null,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: block.id, input: payload })
+            : await create.mutateAsync(payload);
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.isSubmitting || create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Maintenance Block" : "Add Maintenance Block" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Room type (optional)" }), _jsx(RoomTypeCombobox, { propertyId: propertyId, value: form.watch("roomTypeId"), onChange: (value) => form.setValue("roomTypeId", value ?? ""), placeholder: "None", disabled: !open })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Room unit (optional)" }), _jsx(RoomUnitCombobox, { propertyId: propertyId, value: form.watch("roomUnitId"), onChange: (value) => form.setValue("roomUnitId", value ?? ""), placeholder: "None", disabled: !open })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Starts on" }), _jsx(DatePicker, { value: form.watch("startsOn") || null, onChange: (next) => form.setValue("startsOn", next ?? "", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }), placeholder: "Select start date", className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Ends on" }), _jsx(DatePicker, { value: form.watch("endsOn") || null, onChange: (next) => form.setValue("endsOn", next ?? "", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }), placeholder: "Select end date", className: "w-full" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Status" }), _jsxs(Select, { items: STATUSES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: STATUSES.map((status) => (_jsx(SelectItem, { value: status, className: "capitalize", children: status.replace(/_/g, " ") }, status))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Reason" }), _jsx(Input, { ...form.register("reason"), placeholder: "HVAC failure" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Block"] })] })] })] }) }));
+}

package/dist/components/maintenance-blocks-tab.d.ts

@@ -0,0 +1,5 @@
+export interface MaintenanceBlocksTabProps {
+    propertyId: string;
+}
+export declare function MaintenanceBlocksTab({ propertyId }: MaintenanceBlocksTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=maintenance-blocks-tab.d.ts.map

package/dist/components/maintenance-blocks-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maintenance-blocks-tab.d.ts","sourceRoot":"","sources":["../../src/components/maintenance-blocks-tab.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,MAAM,CAAA;CACnB;AAGD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,EAAE,yBAAyB,2CAuI7E"}

package/dist/components/maintenance-blocks-tab.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries } from "@tanstack/react-query";
+import { getRoomTypeQueryOptions, getRoomUnitQueryOptions, useMaintenanceBlockMutation, useMaintenanceBlocks, useVoyantHospitalityContext, } from "@voyantjs/hospitality-react";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { MaintenanceBlockDialog } from "./maintenance-block-dialog";
+import { PaginationFooter } from "./pagination-footer";
+const PAGE_SIZE = 25;
+export function MaintenanceBlocksTab({ propertyId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const [pageIndex, setPageIndex] = React.useState(0);
+    const { data, isPending } = useMaintenanceBlocks({
+        propertyId,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const { remove } = useMaintenanceBlockMutation();
+    const rows = data?.data ?? [];
+    const { baseUrl, fetcher } = useVoyantHospitalityContext();
+    const roomTypeIds = Array.from(new Set(rows.map((row) => row.roomTypeId).filter(Boolean)));
+    const roomUnitIds = Array.from(new Set(rows.map((row) => row.roomUnitId).filter(Boolean)));
+    const roomTypeQueries = useQueries({
+        queries: roomTypeIds.map((id) => getRoomTypeQueryOptions({ baseUrl, fetcher }, id)),
+    });
+    const roomUnitQueries = useQueries({
+        queries: roomUnitIds.map((id) => getRoomUnitQueryOptions({ baseUrl, fetcher }, id)),
+    });
+    const roomTypeById = new Map(roomTypeQueries.flatMap((query) => (query.data ? [[query.data.id, query.data]] : [])));
+    const roomUnitById = new Map(roomUnitQueries.flatMap((query) => (query.data ? [[query.data.id, query.data]] : [])));
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Take rooms out of service for repairs or upkeep." }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Block"] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : rows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No maintenance blocks yet." }) })) : (_jsx("div", { className: "rounded-md border bg-background", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-3 text-left font-medium", children: "Dates" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Room type / unit" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Reason" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Status" }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((row) => {
+                                const roomType = row.roomTypeId ? roomTypeById.get(row.roomTypeId)?.name : null;
+                                const roomUnit = row.roomUnitId
+                                    ? roomUnitById.get(row.roomUnitId)?.roomNumber
+                                    : null;
+                                return (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsxs("td", { className: "p-3 font-mono text-xs", children: [row.startsOn, " \u2192 ", row.endsOn] }), _jsx("td", { className: "p-3 text-muted-foreground", children: roomType ?? roomUnit ?? row.roomTypeId ?? row.roomUnitId ?? "—" }), _jsx("td", { className: "p-3 text-muted-foreground", children: row.reason ?? "—" }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: "outline", className: "capitalize", children: row.status.replace(/_/g, " ") }) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => {
+                                                            setEditing(row);
+                                                            setDialogOpen(true);
+                                                        }, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", onClick: () => {
+                                                            if (confirm("Delete block?")) {
+                                                                remove.mutate(row.id);
+                                                            }
+                                                        }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, row.id));
+                            }) })] }) })), _jsx(PaginationFooter, { pageIndex: pageIndex, pageSize: PAGE_SIZE, total: data?.total ?? 0, onPageIndexChange: setPageIndex }), _jsx(MaintenanceBlockDialog, { open: dialogOpen, onOpenChange: setDialogOpen, propertyId: propertyId, block: editing })] }));
+}

package/dist/components/meal-plan-combobox.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    propertyId: string;
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function MealPlanCombobox({ propertyId, value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=meal-plan-combobox.d.ts.map

package/dist/components/meal-plan-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meal-plan-combobox.d.ts","sourceRoot":"","sources":["../../src/components/meal-plan-combobox.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,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;CACnB,CAAA;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,GACT,EAAE,KAAK,2CAoEP"}

package/dist/components/meal-plan-combobox.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMealPlan, useMealPlans } from "@voyantjs/hospitality-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/voyant-ui/components/combobox";
+import * as React from "react";
+const PAGE_SIZE = 25;
+export function MealPlanCombobox({ propertyId, value, onChange, placeholder = "Search meal plans…", disabled, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = useMealPlans({
+        propertyId,
+        search: search || undefined,
+        limit: PAGE_SIZE,
+        enabled: !!propertyId,
+    });
+    const selectedQuery = useMealPlan(value, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? `${selected.name} · ${selected.code}` : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        if (selectedLabel)
+            setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => {
+            const item = itemMap.get(id);
+            return item ? `${item.name} · ${item.code}` : "";
+        }, onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            const item = id ? itemMap.get(id) : null;
+            setInputValue(item ? `${item.name} · ${item.code}` : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending ? "Loading…" : "No meal plans found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsxs(ComboboxItem, { value: item.id, children: [item.name, " \u00B7 ", item.code] }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/meal-plan-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type MealPlanRecord } from "@voyantjs/hospitality-react";
+export interface MealPlanDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    propertyId: string;
+    mealPlan?: MealPlanRecord;
+    onSuccess?: (mealPlan: MealPlanRecord) => void;
+}
+export declare function MealPlanDialog({ open, onOpenChange, propertyId, mealPlan, onSuccess, }: MealPlanDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=meal-plan-dialog.d.ts.map

package/dist/components/meal-plan-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meal-plan-dialog.d.ts","sourceRoot":"","sources":["../../src/components/meal-plan-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,6BAA6B,CAAA;AAmCtF,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CAoJrB"}

package/dist/components/meal-plan-dialog.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMealPlanMutation } from "@voyantjs/hospitality-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Switch, Textarea, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const formSchema = z.object({
+    code: z.string().min(1, "Code is required").max(50),
+    name: z.string().min(1, "Name is required").max(255),
+    description: z.string().optional().nullable(),
+    includesBreakfast: z.boolean(),
+    includesLunch: z.boolean(),
+    includesDinner: z.boolean(),
+    includesDrinks: z.boolean(),
+    active: z.boolean(),
+    sortOrder: z.coerce.number().int(),
+});
+export function MealPlanDialog({ open, onOpenChange, propertyId, mealPlan, onSuccess, }) {
+    const isEditing = Boolean(mealPlan);
+    const { create, update } = useMealPlanMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            code: "",
+            name: "",
+            description: "",
+            includesBreakfast: false,
+            includesLunch: false,
+            includesDinner: false,
+            includesDrinks: false,
+            active: true,
+            sortOrder: 0,
+        },
+    });
+    useEffect(() => {
+        if (open && mealPlan) {
+            form.reset({
+                code: mealPlan.code,
+                name: mealPlan.name,
+                description: mealPlan.description ?? "",
+                includesBreakfast: mealPlan.includesBreakfast,
+                includesLunch: mealPlan.includesLunch,
+                includesDinner: mealPlan.includesDinner,
+                includesDrinks: mealPlan.includesDrinks,
+                active: mealPlan.active,
+                sortOrder: mealPlan.sortOrder,
+            });
+        }
+        else if (open) {
+            form.reset({
+                code: "",
+                name: "",
+                description: "",
+                includesBreakfast: false,
+                includesLunch: false,
+                includesDinner: false,
+                includesDrinks: false,
+                active: true,
+                sortOrder: 0,
+            });
+        }
+    }, [form, mealPlan, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            propertyId,
+            code: values.code,
+            name: values.name,
+            description: values.description || null,
+            includesBreakfast: values.includesBreakfast,
+            includesLunch: values.includesLunch,
+            includesDinner: values.includesDinner,
+            includesDrinks: values.includesDrinks,
+            active: values.active,
+            sortOrder: values.sortOrder,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: mealPlan.id, input: payload })
+            : await create.mutateAsync(payload);
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.isSubmitting || create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Meal Plan" : "Add Meal Plan" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Code" }), _jsx(Input, { ...form.register("code"), placeholder: "BB" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { ...form.register("name"), placeholder: "Bed & Breakfast" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Description" }), _jsx(Textarea, { ...form.register("description") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number", className: "w-32" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("includesBreakfast"), onCheckedChange: (checked) => form.setValue("includesBreakfast", checked) }), _jsx(Label, { children: "Breakfast" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("includesLunch"), onCheckedChange: (checked) => form.setValue("includesLunch", checked) }), _jsx(Label, { children: "Lunch" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("includesDinner"), onCheckedChange: (checked) => form.setValue("includesDinner", checked) }), _jsx(Label, { children: "Dinner" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("includesDrinks"), onCheckedChange: (checked) => form.setValue("includesDrinks", checked) }), _jsx(Label, { children: "Drinks" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: "Active" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Meal Plan"] })] })] })] }) }));
+}

package/dist/components/meal-plans-tab.d.ts

@@ -0,0 +1,5 @@
+export interface MealPlansTabProps {
+    propertyId: string;
+}
+export declare function MealPlansTab({ propertyId }: MealPlansTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=meal-plans-tab.d.ts.map

package/dist/components/meal-plans-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meal-plans-tab.d.ts","sourceRoot":"","sources":["../../src/components/meal-plans-tab.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;CACnB;AAGD,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAkI7D"}

package/dist/components/meal-plans-tab.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMealPlanMutation, useMealPlans } from "@voyantjs/hospitality-react";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import * as React from "react";
+import { MealPlanDialog } from "./meal-plan-dialog";
+import { PaginationFooter } from "./pagination-footer";
+const PAGE_SIZE = 25;
+export function MealPlansTab({ propertyId }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const [pageIndex, setPageIndex] = React.useState(0);
+    const { data, isPending } = useMealPlans({
+        propertyId,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const { remove } = useMealPlanMutation();
+    const rows = (data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Meal inclusions like BB, HB, FB, all-inclusive, and room-only." }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Meal Plan"] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : rows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No meal plans yet." }) })) : (_jsx("div", { className: "rounded-md border bg-background", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-3 text-left font-medium", children: "Code" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Name" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Includes" }), _jsx("th", { className: "p-3 text-left font-medium", children: "Status" }), _jsx("th", { className: "w-20 p-3" })] }) }), _jsx("tbody", { children: rows.map((row) => {
+                                const includes = [];
+                                if (row.includesBreakfast)
+                                    includes.push("Breakfast");
+                                if (row.includesLunch)
+                                    includes.push("Lunch");
+                                if (row.includesDinner)
+                                    includes.push("Dinner");
+                                if (row.includesDrinks)
+                                    includes.push("Drinks");
+                                return (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: row.code }), _jsx("td", { className: "p-3 font-medium", children: row.name }), _jsx("td", { className: "p-3", children: _jsx("div", { className: "flex flex-wrap gap-1", children: includes.length === 0 ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })) : (includes.map((label) => (_jsx(Badge, { variant: "secondary", children: label }, label)))) }) }), _jsx("td", { className: "p-3", children: _jsx(Badge, { variant: row.active ? "default" : "outline", children: row.active ? "Active" : "Inactive" }) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => {
+                                                            setEditing(row);
+                                                            setDialogOpen(true);
+                                                        }, className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", onClick: () => {
+                                                            if (confirm(`Delete meal plan "${row.name}"?`)) {
+                                                                remove.mutate(row.id);
+                                                            }
+                                                        }, className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }, row.id));
+                            }) })] }) })), _jsx(PaginationFooter, { pageIndex: pageIndex, pageSize: PAGE_SIZE, total: data?.total ?? 0, onPageIndexChange: setPageIndex }), _jsx(MealPlanDialog, { open: dialogOpen, onOpenChange: setDialogOpen, propertyId: propertyId, mealPlan: editing })] }));
+}

package/dist/components/pagination-footer.d.ts

@@ -0,0 +1,9 @@
+type PaginationFooterProps = {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    onPageIndexChange: (pageIndex: number) => void;
+};
+export declare function PaginationFooter({ pageIndex, pageSize, total, onPageIndexChange, }: PaginationFooterProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=pagination-footer.d.ts.map

package/dist/components/pagination-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-footer.d.ts","sourceRoot":"","sources":["../../src/components/pagination-footer.tsx"],"names":[],"mappings":"AAIA,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,EAAE,qBAAqB,kDAmCvB"}

package/dist/components/pagination-footer.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+export function PaginationFooter({ pageIndex, pageSize, total, onPageIndexChange, }) {
+    const pageCount = Math.max(1, Math.ceil(total / pageSize));
+    const canPreviousPage = pageIndex > 0;
+    const canNextPage = pageIndex + 1 < pageCount;
+    if (total <= pageSize)
+        return null;
+    return (_jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsxs("span", { children: ["Showing ", pageIndex * pageSize + 1, "-", Math.min((pageIndex + 1) * pageSize, total), " of ", total] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: !canPreviousPage, onClick: () => onPageIndexChange(pageIndex - 1), children: "Previous" }), _jsxs("span", { children: ["Page ", pageIndex + 1, " / ", pageCount] }), _jsx(Button, { variant: "outline", size: "sm", disabled: !canNextPage, onClick: () => onPageIndexChange(pageIndex + 1), children: "Next" })] })] }));
+}

package/dist/components/price-catalog-combobox.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function PriceCatalogCombobox({ value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=price-catalog-combobox.d.ts.map

package/dist/components/price-catalog-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-catalog-combobox.d.ts","sourceRoot":"","sources":["../../src/components/price-catalog-combobox.tsx"],"names":[],"mappings":"AAYA,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;CACnB,CAAA;AAID,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,WAAsC,EACtC,QAAQ,GACT,EAAE,KAAK,2CA+DP"}

package/dist/components/price-catalog-combobox.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePriceCatalog, usePriceCatalogs } from "@voyantjs/pricing-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/voyant-ui/components/combobox";
+import * as React from "react";
+const PAGE_SIZE = 25;
+export function PriceCatalogCombobox({ value, onChange, placeholder = "Search price catalogs…", disabled, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = usePriceCatalogs({ search: search || undefined, limit: PAGE_SIZE });
+    const selectedQuery = usePriceCatalog(value, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? `${selected.name} · ${selected.code}` : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        if (selectedLabel)
+            setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => {
+            const item = itemMap.get(id);
+            return item ? `${item.name} · ${item.code}` : "";
+        }, onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            const item = id ? itemMap.get(id) : null;
+            setInputValue(item ? `${item.name} · ${item.code}` : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending ? "Loading…" : "No price catalogs found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsxs(ComboboxItem, { value: item.id, children: [item.name, " \u00B7 ", item.code] }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/rate-plan-combobox.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    propertyId: string;
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function RatePlanCombobox({ propertyId, value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=rate-plan-combobox.d.ts.map

package/dist/components/rate-plan-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate-plan-combobox.d.ts","sourceRoot":"","sources":["../../src/components/rate-plan-combobox.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,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;CACnB,CAAA;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,GACT,EAAE,KAAK,2CAoEP"}