@voyantjs/products-ui 0.13.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-tag-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-tag-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,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAyB7F"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/voyant-ui/components/dialog";
+import { ProductTagForm } from "./product-tag-form";
+export function ProductTagDialog({ open, onOpenChange, tag, onSuccess }) {
+    const isEdit = Boolean(tag);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-tag-dialog", className: "sm:max-w-[480px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit product tag" : "New product tag" }), _jsx(DialogDescription, { children: isEdit
+                                ? "Update the tag used to label and filter products."
+                                : "Create a reusable tag for filtering and classification." })] }), _jsx(ProductTagForm, { mode: tag ? { kind: "edit", tag } : { kind: "create" }, onSuccess: (saved) => {
+                        onSuccess?.(saved);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

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

@@ -0,0 +1,15 @@
+import { type ProductTagRecord } from "@voyantjs/products-react";
+type Mode = {
+    kind: "create";
+} | {
+    kind: "edit";
+    tag: ProductTagRecord;
+};
+export interface ProductTagFormProps {
+    mode: Mode;
+    onSuccess?: (tag: ProductTagRecord) => void;
+    onCancel?: () => void;
+}
+export declare function ProductTagForm({ mode, onSuccess, onCancel }: ProductTagFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-tag-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-tag-form.d.ts","sourceRoot":"","sources":["../../src/components/product-tag-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,0BAA0B,CAAA;AAOjC,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAExE,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;AAYD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA+DhF"}

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

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductTagMutation, } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Input } from "@voyantjs/voyant-ui/components/input";
+import { Label } from "@voyantjs/voyant-ui/components/label";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+function initialState(mode) {
+    return {
+        name: mode.kind === "edit" ? mode.tag.name : "",
+    };
+}
+function toPayload(state) {
+    return { name: state.name.trim() };
+}
+export function ProductTagForm({ mode, onSuccess, onCancel }) {
+    const [state, setState] = React.useState(() => initialState(mode));
+    const [error, setError] = React.useState(null);
+    const { create, update } = useProductTagMutation();
+    React.useEffect(() => {
+        setState(initialState(mode));
+        setError(null);
+    }, [mode]);
+    const isSubmitting = create.isPending || update.isPending;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        if (!state.name.trim()) {
+            setError("Tag name is required.");
+            return;
+        }
+        try {
+            const tag = mode.kind === "create"
+                ? await create.mutateAsync(toPayload(state))
+                : await update.mutateAsync({ id: mode.tag.id, input: toPayload(state) });
+            onSuccess?.(tag);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to save product tag.");
+        }
+    };
+    return (_jsxs("form", { "data-slot": "product-tag-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-tag-name", children: "Name" }), _jsx(Input, { id: "product-tag-name", required: true, autoFocus: true, value: state.name, onChange: (event) => setState({ name: event.target.value }), placeholder: "Family Friendly" })] }), 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 tag"] })] })] }));
+}

package/dist/components/product-tag-list.d.ts

@@ -0,0 +1,5 @@
+export interface ProductTagListProps {
+    pageSize?: number;
+}
+export declare function ProductTagList({ pageSize }?: ProductTagListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-tag-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-tag-list.d.ts","sourceRoot":"","sources":["../../src/components/product-tag-list.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAc,EAAE,GAAE,mBAAwB,2CA6I1E"}

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

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductTagMutation, useProductTags, } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@voyantjs/voyant-ui/components/dropdown-menu";
+import { Input } from "@voyantjs/voyant-ui/components/input";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyantjs/voyant-ui/components/table";
+import { Loader2, MoreHorizontal, Pencil, Plus, Search, Trash2 } from "lucide-react";
+import * as React from "react";
+import { ProductTagDialog } from "./product-tag-dialog";
+export function ProductTagList({ pageSize = 200 } = {}) {
+    const [search, setSearch] = React.useState("");
+    const [offset, setOffset] = React.useState(0);
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const { data, isPending, isError } = useProductTags({
+        search: search || undefined,
+        limit: pageSize,
+        offset,
+    });
+    const { remove } = useProductTagMutation();
+    const tags = data?.data ?? [];
+    const total = data?.total ?? 0;
+    const page = Math.floor(offset / pageSize) + 1;
+    const pageCount = Math.max(1, Math.ceil(total / pageSize));
+    return (_jsxs("div", { "data-slot": "product-tag-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 tags\u2026", 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 tag"] })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { className: "w-[80px] text-right", children: "Actions" })] }) }), _jsx(TableBody, { children: isPending ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 2, 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: 2, className: "h-24 text-center text-sm text-destructive", children: "Failed to load product tags." }) })) : tags.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 2, className: "h-24 text-center text-sm text-muted-foreground", children: "No product tags found." }) })) : (tags.map((tag) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: tag.name }), _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(tag);
+                                                                setDialogOpen(true);
+                                                            }, children: [_jsx(Pencil, { className: "size-4" }), "Edit"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => {
+                                                                if (confirm("Delete this product tag?")) {
+                                                                    remove.mutate(tag.id);
+                                                                }
+                                                            }, children: [_jsx(Trash2, { className: "size-4" }), "Delete"] })] })] }) })] }, tag.id)))) })] }) }), _jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsxs("span", { children: ["Showing ", tags.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(ProductTagDialog, { open: dialogOpen, onOpenChange: setDialogOpen, tag: editing })] }));
+}

package/dist/components/product-type-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 ProductTypeCombobox({ value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-type-combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-type-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-type-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,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,WAAqC,EACrC,QAAQ,GACT,EAAE,KAAK,2CAoEP"}

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductType, useProductTypes } from "@voyantjs/products-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 ProductTypeCombobox({ value, onChange, placeholder = "Search product types…", disabled, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = useProductTypes({ active: true, search: search || undefined, limit: PAGE_SIZE });
+    const selectedQuery = useProductType(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(() => {
+        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 product types found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: item.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: item.name }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.code })] }) }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/product-version-dialog.d.ts

@@ -0,0 +1,8 @@
+export interface ProductVersionDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    onSuccess?: () => void;
+}
+export declare function ProductVersionDialog({ open, onOpenChange, productId, onSuccess, }: ProductVersionDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-version-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-version-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-version-dialog.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,yBAAyB,2CAqE3B"}

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

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductVersionMutation } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/voyant-ui/components/dialog";
+import { Label } from "@voyantjs/voyant-ui/components/label";
+import { Textarea } from "@voyantjs/voyant-ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+export function ProductVersionDialog({ open, onOpenChange, productId, onSuccess, }) {
+    const [notes, setNotes] = React.useState("");
+    const [error, setError] = React.useState(null);
+    const { create } = useProductVersionMutation();
+    React.useEffect(() => {
+        if (open) {
+            setNotes("");
+            setError(null);
+        }
+    }, [open]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-version-dialog", className: "sm:max-w-[560px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Create version snapshot" }), _jsx(DialogDescription, { children: "Save the current product state, including itinerary and option structure, as a new version." })] }), _jsxs("form", { className: "flex flex-col gap-4", onSubmit: async (event) => {
+                        event.preventDefault();
+                        setError(null);
+                        try {
+                            await create.mutateAsync({
+                                productId,
+                                notes: notes.trim() ? notes.trim() : null,
+                            });
+                            onSuccess?.();
+                            onOpenChange(false);
+                        }
+                        catch (submissionError) {
+                            setError(submissionError instanceof Error
+                                ? submissionError.message
+                                : "Failed to create version snapshot.");
+                        }
+                    }, children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-version-notes", children: "Notes" }), _jsx(Textarea, { id: "product-version-notes", value: notes, onChange: (event) => setNotes(event.target.value), placeholder: "What changed in this version?" })] }), 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: create.isPending, children: [create.isPending ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, "Create version"] })] })] })] }) }));
+}

package/dist/components/product-versions-section.d.ts

@@ -0,0 +1,7 @@
+export interface ProductVersionsSectionProps {
+    productId: string;
+    title?: string;
+    description?: string;
+}
+export declare function ProductVersionsSection({ productId, title, description, }: ProductVersionsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-versions-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-versions-section.d.ts","sourceRoot":"","sources":["../../src/components/product-versions-section.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,KAAkB,EAClB,WAA8D,GAC/D,EAAE,2BAA2B,2CAoD7B"}

package/dist/components/product-versions-section.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductVersions } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyantjs/voyant-ui/components/card";
+import { FileText, Loader2, Plus } from "lucide-react";
+import * as React from "react";
+import { ProductVersionDialog } from "./product-version-dialog";
+export function ProductVersionsSection({ productId, title = "Versions", description = "Create and browse immutable product snapshots.", }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const { data, isPending, isError } = useProductVersions(productId);
+    const versions = data?.data ?? [];
+    return (_jsxs(Card, { "data-slot": "product-versions-section", children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(CardTitle, { children: title }), _jsx(CardDescription, { children: description })] }), _jsxs(Button, { variant: "outline", onClick: () => setDialogOpen(true), children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), "Create version"] })] }), _jsxs(CardContent, { className: "flex flex-col gap-3", children: [isPending ? (_jsx("div", { className: "flex min-h-24 items-center justify-center", children: _jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" }) })) : isError ? (_jsx("p", { className: "text-sm text-destructive", children: "Failed to load product versions." })) : versions.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No version snapshots created yet." })) : (versions.map((version) => (_jsxs("div", { className: "flex items-center gap-4 rounded-md border p-3", children: [_jsx(FileText, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "flex-1", children: [_jsxs("p", { className: "text-sm font-medium", children: ["Version ", version.versionNumber] }), version.notes ? (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: version.notes })) : null] }), _jsxs("div", { className: "text-right text-xs text-muted-foreground", children: [_jsx("div", { children: new Date(version.createdAt).toLocaleString() }), _jsx("div", { children: version.authorId })] })] }, version.id)))), _jsx(ProductVersionDialog, { open: dialogOpen, onOpenChange: setDialogOpen, productId: productId })] })] }));
+}

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export { OptionUnitDialog, type OptionUnitDialogProps } from "./components/option-unit-dialog";
+export { OptionUnitForm, type OptionUnitFormProps } from "./components/option-unit-form";
+export { ProductCategoryCombobox } from "./components/product-category-combobox";
+export { ProductCategoryDialog, type ProductCategoryDialogProps, } from "./components/product-category-dialog";
+export { ProductCategoryForm, type ProductCategoryFormProps, } from "./components/product-category-form";
+export { ProductCategoryList, type ProductCategoryListProps, } from "./components/product-category-list";
+export { ProductDayDialog, type ProductDayDialogProps } from "./components/product-day-dialog";
+export { ProductDayForm, type ProductDayFormProps } from "./components/product-day-form";
+export { ProductItineraryDialog, type ProductItineraryDialogProps, } from "./components/product-itinerary-dialog";
+export { ProductMediaDialog, type ProductMediaDialogProps } from "./components/product-media-dialog";
+export { ProductMediaForm, type ProductMediaFormProps } from "./components/product-media-form";
+export { ProductMediaSection, type ProductMediaSectionProps, type ProductMediaUploadHandler, type ProductMediaUploadResult, } from "./components/product-media-section";
+export { ProductOptionDialog, type ProductOptionDialogProps, } from "./components/product-option-dialog";
+export { ProductOptionForm, type ProductOptionFormProps } from "./components/product-option-form";
+export { ProductOptionsSection, type ProductOptionsSectionProps, } from "./components/product-options-section";
+export { ProductTagDialog, type ProductTagDialogProps } from "./components/product-tag-dialog";
+export { ProductTagForm, type ProductTagFormProps } from "./components/product-tag-form";
+export { ProductTagList, type ProductTagListProps } from "./components/product-tag-list";
+export { ProductTypeCombobox } from "./components/product-type-combobox";
+export { ProductVersionDialog, type ProductVersionDialogProps, } from "./components/product-version-dialog";
+export { ProductVersionsSection, type ProductVersionsSectionProps, } from "./components/product-versions-section";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACxF,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AACpG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AACjG,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACxF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAA"}

package/dist/index.js

@@ -0,0 +1,21 @@
+export { OptionUnitDialog } from "./components/option-unit-dialog";
+export { OptionUnitForm } from "./components/option-unit-form";
+export { ProductCategoryCombobox } from "./components/product-category-combobox";
+export { ProductCategoryDialog, } from "./components/product-category-dialog";
+export { ProductCategoryForm, } from "./components/product-category-form";
+export { ProductCategoryList, } from "./components/product-category-list";
+export { ProductDayDialog } from "./components/product-day-dialog";
+export { ProductDayForm } from "./components/product-day-form";
+export { ProductItineraryDialog, } from "./components/product-itinerary-dialog";
+export { ProductMediaDialog } from "./components/product-media-dialog";
+export { ProductMediaForm } from "./components/product-media-form";
+export { ProductMediaSection, } from "./components/product-media-section";
+export { ProductOptionDialog, } from "./components/product-option-dialog";
+export { ProductOptionForm } from "./components/product-option-form";
+export { ProductOptionsSection, } from "./components/product-options-section";
+export { ProductTagDialog } from "./components/product-tag-dialog";
+export { ProductTagForm } from "./components/product-tag-form";
+export { ProductTagList } from "./components/product-tag-list";
+export { ProductTypeCombobox } from "./components/product-type-combobox";
+export { ProductVersionDialog, } from "./components/product-version-dialog";
+export { ProductVersionsSection, } from "./components/product-versions-section";

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@voyantjs/products-ui",
+  "version": "0.13.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/products-ui"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/*": "./src/components/*.tsx"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist",
+    "prepack": "pnpm run build",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src/",
+    "test": "vitest run --passWithNoTests"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@voyantjs/availability-react": "workspace:*",
+    "@voyantjs/pricing-react": "workspace:*",
+    "@voyantjs/products-react": "workspace:*",
+    "@voyantjs/suppliers-react": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.96.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@voyantjs/availability-react": "workspace:*",
+    "@voyantjs/pricing-react": "workspace:*",
+    "@voyantjs/products-react": "workspace:*",
+    "@voyantjs/suppliers-react": "workspace:*",
+    "@voyantjs/voyant-typescript-config": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "lucide-react": "^0.475.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.2"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+      },
+      "./components/*": {
+        "types": "./dist/components/*.d.ts",
+        "import": "./dist/components/*.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  }
+}