@voyant-travel/inventory-react 0.1.0

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { ProductOptionForm } from "./product-option-form.js";
+export function ProductOptionDialog({ open, onOpenChange, productId, option, sortOrder, onSuccess, }) {
+    const isEdit = Boolean(option);
+    const messages = useProductsUiMessagesOrDefault();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-option-dialog", className: "sm:max-w-[640px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit
+                                ? messages.productOptionDialog.titles.edit
+                                : messages.productOptionDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.productOptionDialog.descriptions.edit
+                                : messages.productOptionDialog.descriptions.create })] }), _jsx(ProductOptionForm, { mode: option ? { kind: "edit", option } : { kind: "create", productId, sortOrder }, onSuccess: (saved) => {
+                        onSuccess?.(saved);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

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

@@ -0,0 +1,17 @@
+import { type ProductOptionRecord } from "../index.js";
+type Mode = {
+    kind: "create";
+    productId: string;
+    sortOrder?: number;
+} | {
+    kind: "edit";
+    option: ProductOptionRecord;
+};
+export interface ProductOptionFormProps {
+    mode: Mode;
+    onSuccess?: (option: ProductOptionRecord) => void;
+    onCancel?: () => void;
+}
+export declare function ProductOptionForm({ mode, onSuccess, onCancel }: ProductOptionFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-option-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-option-form.d.ts","sourceRoot":"","sources":["../../src/components/product-option-form.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,aAAa,CAAA;AAEpB,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,mBAAmB,CAAA;CAAE,CAAA;AAEjD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA2DD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAwKtF"}

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

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Label } from "@voyant-travel/ui/components/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { Switch } from "@voyant-travel/ui/components/switch";
+import { Textarea } from "@voyant-travel/ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductOptionMutation, } from "../index.js";
+const OPTION_STATUSES = [{ value: "draft" }, { value: "active" }, { value: "archived" }];
+function initialState(mode) {
+    if (mode.kind === "edit") {
+        return {
+            name: mode.option.name,
+            code: mode.option.code ?? "",
+            description: mode.option.description ?? "",
+            status: mode.option.status,
+            isDefault: mode.option.isDefault,
+            sortOrder: String(mode.option.sortOrder),
+            availableFrom: mode.option.availableFrom ?? "",
+            availableTo: mode.option.availableTo ?? "",
+        };
+    }
+    return {
+        name: "",
+        code: "",
+        description: "",
+        status: "active",
+        isDefault: false,
+        sortOrder: String(mode.sortOrder ?? 0),
+        availableFrom: "",
+        availableTo: "",
+    };
+}
+function toOptionalString(value) {
+    const trimmed = value.trim();
+    return trimmed ? trimmed : null;
+}
+function toPayload(state) {
+    return {
+        name: state.name.trim(),
+        code: toOptionalString(state.code),
+        description: toOptionalString(state.description),
+        status: state.status,
+        isDefault: state.isDefault,
+        sortOrder: Number.parseInt(state.sortOrder || "0", 10) || 0,
+        availableFrom: toOptionalString(state.availableFrom),
+        availableTo: toOptionalString(state.availableTo),
+    };
+}
+export function ProductOptionForm({ mode, onSuccess, onCancel }) {
+    const [state, setState] = React.useState(() => initialState(mode));
+    const [error, setError] = React.useState(null);
+    const { create, update } = useProductOptionMutation();
+    const messages = useProductsUiMessagesOrDefault();
+    React.useEffect(() => {
+        setState(initialState(mode));
+        setError(null);
+    }, [mode]);
+    const isSubmitting = create.isPending || update.isPending;
+    const field = (key) => (value) => {
+        setState((prev) => ({ ...prev, [key]: value }));
+    };
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        if (!state.name.trim()) {
+            setError(messages.productOptionForm.validation.nameRequired);
+            return;
+        }
+        try {
+            const option = mode.kind === "create"
+                ? await create.mutateAsync({ productId: mode.productId, ...toPayload(state) })
+                : await update.mutateAsync({ id: mode.option.id, input: toPayload(state) });
+            onSuccess?.(option);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.productOptionForm.validation.saveFailed);
+        }
+    };
+    return (_jsxs("form", { "data-slot": "product-option-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-option-name", children: messages.productOptionForm.fields.name }), _jsx(Input, { id: "product-option-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: messages.productOptionForm.placeholders.name })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-option-code", children: messages.productOptionForm.fields.code }), _jsx(Input, { id: "product-option-code", value: state.code, onChange: (event) => field("code")(event.target.value), placeholder: messages.productOptionForm.placeholders.code })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-option-description", children: messages.productOptionForm.fields.description }), _jsx(Textarea, { id: "product-option-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: messages.productOptionForm.placeholders.description })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: messages.productOptionForm.fields.status }), _jsxs(Select, { value: state.status, onValueChange: (value) => value && field("status")(value), items: OPTION_STATUSES.map((status) => ({
+                                    label: messages.common.optionStatusLabels[status.value],
+                                    value: status.value,
+                                })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: OPTION_STATUSES.map((status) => (_jsx(SelectItem, { value: status.value, children: messages.common.optionStatusLabels[status.value] }, status.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-option-sort-order", children: messages.productOptionForm.fields.sortOrder }), _jsx(Input, { id: "product-option-sort-order", type: "number", value: state.sortOrder, onChange: (event) => field("sortOrder")(event.target.value) })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-option-available-from", children: messages.productOptionForm.fields.availableFrom }), _jsx(DatePicker, { value: state.availableFrom || null, onChange: (next) => field("availableFrom")(next ?? ""), placeholder: messages.productOptionForm.placeholders.availableFrom, className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-option-available-to", children: messages.productOptionForm.fields.availableTo }), _jsx(DatePicker, { value: state.availableTo || null, onChange: (next) => field("availableTo")(next ?? ""), placeholder: messages.productOptionForm.placeholders.availableTo, className: "w-full" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isDefault, onCheckedChange: (checked) => field("isDefault")(checked) }), _jsx(Label, { htmlFor: "product-option-default", children: messages.productOptionForm.fields.defaultOption })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: messages.common.cancel })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create"
+                                ? messages.productOptionForm.actions.createOption
+                                : messages.common.saveChanges] })] })] }));
+}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type OptionUnitRecord, type ProductOptionRecord } from "../index.js";
+export declare function optionLooksLikeRoomArrangementLabel(option: Pick<ProductOptionRecord, "code" | "name">): boolean;
+export declare function getRoomArrangementOptionNames(options: ReadonlyArray<Pick<ProductOptionRecord, "code" | "id" | "name" | "status">>, unitsByOptionId: ReadonlyMap<string, readonly Pick<OptionUnitRecord, "unitType">[]>): string[];
+export interface ProductOptionsSectionProps {
+    productId: string;
+    pageSize?: number;
+    title?: string;
+    description?: string;
+    renderOptionDetails?: (option: ProductOptionRecord) => React.ReactNode;
+}
+export declare function ProductOptionsSection({ productId, pageSize, title, description, renderOptionDetails, }: ProductOptionsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-options-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-options-section.d.ts","sourceRoot":"","sources":["../../src/components/product-options-section.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EAOzB,MAAM,aAAa,CAAA;AAoCpB,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAAC,GACjD,OAAO,CAIT;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC,EACpF,eAAe,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EAAE,CAAC,GAClF,MAAM,EAAE,CASV;AA0CD,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAA;CACvE;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAc,EACd,KAAK,EACL,WAAW,EACX,mBAAmB,GACpB,EAAE,0BAA0B,2CA+J5B"}

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

@@ -0,0 +1,200 @@
+// agent-quality: file-size exception -- owner: inventory-react; existing UI surface stays co-located until a dedicated split preserves behavior and tests.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries } from "@tanstack/react-query";
+import { Alert, AlertDescription, AlertTitle } from "@voyant-travel/ui/components/alert";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyant-travel/ui/components/card";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { ChevronDown, ChevronRight, Copy, Loader2, Pencil, Plus, Trash2, TriangleAlert, } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { getOptionUnitsQueryOptions, useDuplicateProductOptionMutation, useOptionUnitMutation, useOptionUnits, useProductOptionMutation, useProductOptions, useVoyantProductsContext, } from "../index.js";
+import { OptionUnitDialog } from "./option-unit-dialog.js";
+import { useDuplicateOptionPricingMutation } from "./product-detail/commerce-client.js";
+import { ProductOptionDialog } from "./product-option-dialog.js";
+const optionStatusVariant = {
+    draft: "outline",
+    active: "default",
+    archived: "secondary",
+};
+function formatRange(min, max) {
+    if (min == null && max == null) {
+        return "—";
+    }
+    return `${min ?? 0}–${max ?? "∞"}`;
+}
+function formatMessage(template, replacements) {
+    return Object.entries(replacements).reduce((message, [key, value]) => message.replaceAll(`{${key}}`, String(value)), template);
+}
+const ROOM_ARRANGEMENT_LABEL_PATTERN = /\b(single|sgl|double|dbl|twin|triple|tpl|quad|dubla|tripla|camera)\b/i;
+function normalizeConfigurationLabel(value) {
+    return (value ?? "")
+        .normalize("NFKD")
+        .replace(/[\u0300-\u036f]/g, "")
+        .toLowerCase();
+}
+export function optionLooksLikeRoomArrangementLabel(option) {
+    return [option.name, option.code].some((value) => ROOM_ARRANGEMENT_LABEL_PATTERN.test(normalizeConfigurationLabel(value)));
+}
+export function getRoomArrangementOptionNames(options, unitsByOptionId) {
+    return options
+        .filter((option) => option.status !== "archived")
+        .filter(optionLooksLikeRoomArrangementLabel)
+        .filter((option) => {
+        const units = unitsByOptionId.get(option.id) ?? [];
+        return units.length > 0 && units.every((unit) => unit.unitType === "room");
+    })
+        .map((option) => option.name);
+}
+function formatInventory(unit, messages) {
+    if (unit.unitType === "room") {
+        if (unit.maxQuantity != null && unit.maxQuantity > 0) {
+            return formatMessage(messages.unitSummaries.roomsWithCount, { count: unit.maxQuantity });
+        }
+        return messages.unitSummaries.rooms;
+    }
+    if (unit.unitType === "vehicle") {
+        if (unit.maxQuantity != null && unit.maxQuantity > 0) {
+            return formatMessage(messages.unitSummaries.vehiclesWithCount, { count: unit.maxQuantity });
+        }
+        return messages.unitSummaries.vehicles;
+    }
+    return formatMessage(messages.unitSummaries.range, {
+        range: formatRange(unit.minQuantity, unit.maxQuantity),
+    });
+}
+function formatOccupancyText(unit, messages) {
+    if (unit.occupancyMin == null && unit.occupancyMax == null) {
+        return "—";
+    }
+    if (unit.occupancyMin === unit.occupancyMax) {
+        return formatMessage(messages.unitSummaries.sleeps, { count: unit.occupancyMin ?? 0 });
+    }
+    return formatMessage(messages.unitSummaries.sleepsRange, {
+        range: `${unit.occupancyMin ?? 0}–${unit.occupancyMax ?? "∞"}`,
+    });
+}
+export function ProductOptionsSection({ productId, pageSize = 100, title, description, renderOptionDetails, }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const productsClient = useVoyantProductsContext();
+    const [expandedOptionId, setExpandedOptionId] = React.useState(null);
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editingOption, setEditingOption] = React.useState(undefined);
+    const { data, isPending, isError } = useProductOptions({
+        productId,
+        limit: pageSize,
+    });
+    const { remove } = useProductOptionMutation();
+    const duplicateOption = useDuplicateProductOptionMutation();
+    const duplicatePricing = useDuplicateOptionPricingMutation();
+    const options = React.useMemo(() => (data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder), [data?.data]);
+    const optionUnitQueries = useQueries({
+        queries: options.map((option) => ({
+            ...getOptionUnitsQueryOptions(productsClient, {
+                optionId: option.id,
+                limit: 100,
+            }),
+            enabled: options.length > 1,
+        })),
+    });
+    const roomArrangementOptionNames = React.useMemo(() => {
+        const unitsByOptionId = new Map();
+        options.forEach((option, index) => {
+            const units = optionUnitQueries[index]?.data?.data;
+            if (units)
+                unitsByOptionId.set(option.id, units);
+        });
+        return getRoomArrangementOptionNames(options, unitsByOptionId);
+    }, [options, optionUnitQueries]);
+    const showRoomArrangementWarning = roomArrangementOptionNames.length >= 2;
+    const nextSortOrder = options.length > 0 ? Math.max(...options.map((option) => option.sortOrder)) + 1 : 0;
+    const resolvedTitle = title ?? messages.productOptionsSection.titles.default;
+    const resolvedDescription = description ?? messages.productOptionsSection.descriptions.default;
+    // A product with a single option needs no option chrome — show its pricing
+    // table directly. Only flatten when a host injects the details (the grid);
+    // bare mounts keep the expandable units table.
+    const flattenedOption = renderOptionDetails && options.length === 1 ? options[0] : undefined;
+    const editOption = (option) => {
+        setEditingOption(option);
+        setDialogOpen(true);
+    };
+    const duplicateOptionFlow = (option) => {
+        duplicateOption.mutate({ sourceOptionId: option.id, productId }, {
+            onSuccess: async ({ option: duplicatedOption, unitIdMap }) => {
+                await duplicatePricing.mutateAsync({
+                    sourceOptionId: option.id,
+                    targetOptionId: duplicatedOption.id,
+                    productId,
+                    unitIdMap,
+                });
+            },
+        });
+    };
+    const deleteOption = (option) => {
+        if (confirm(messages.productOptionsSection.deleteConfirm.option.replace("{name}", option.name))) {
+            remove.mutate(option.id);
+        }
+    };
+    return (_jsxs(Card, { "data-slot": "product-options-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: resolvedTitle }), _jsx(CardDescription, { children: resolvedDescription })] }), _jsxs(Button, { onClick: () => {
+                            setEditingOption(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.productOptionsSection.actions.addOption] })] }), _jsxs(CardContent, { className: "flex flex-col gap-3", children: [showRoomArrangementWarning ? (_jsxs(Alert, { className: "border-amber-500/40 bg-amber-500/10", children: [_jsx(TriangleAlert, { className: "size-4 text-amber-600", "aria-hidden": "true" }), _jsx(AlertTitle, { children: messages.productOptionsSection.configurationWarnings.roomOptionsTitle }), _jsx(AlertDescription, { children: formatMessage(messages.productOptionsSection.configurationWarnings.roomOptionsDescription, { options: roomArrangementOptionNames.join(", ") }) })] })) : null, 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: messages.productOptionsSection.loadingError.options })) : options.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: messages.productOptionsSection.empty.options })) : flattenedOption ? (
+                    // A single option needs no chrome at all — show its pricing table
+                    // directly. Per-option actions (duplicate/edit/delete) only appear
+                    // once there are 2+ options to disambiguate.
+                    renderOptionDetails?.(flattenedOption)) : (options.map((option) => (_jsx(OptionRow, { option: option, expanded: expandedOptionId === option.id, onToggle: () => setExpandedOptionId((current) => (current === option.id ? null : option.id)), onEdit: () => editOption(option), onDuplicate: () => duplicateOptionFlow(option), onDelete: () => deleteOption(option), messages: messages, children: renderOptionDetails?.(option) }, option.id)))), _jsx(ProductOptionDialog, { open: dialogOpen, onOpenChange: setDialogOpen, productId: productId, option: editingOption, sortOrder: nextSortOrder, onSuccess: () => {
+                            setDialogOpen(false);
+                            setEditingOption(undefined);
+                        } })] })] }));
+}
+function OptionRow({ option, expanded, onToggle, onEdit, onDuplicate, onDelete, messages, children, }) {
+    return (_jsxs("div", { className: "rounded-md border", children: [_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("button", { type: "button", onClick: onToggle, className: "text-muted-foreground transition-colors hover:text-foreground", children: expanded ? _jsx(ChevronDown, { className: "size-4" }) : _jsx(ChevronRight, { className: "size-4" }) }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: option.name }), option.code ? (_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: option.code })) : null, _jsx(Badge, { variant: optionStatusVariant[option.status] ?? "outline", children: messages.common.optionStatusLabels[option.status] }), option.isDefault ? (_jsx(Badge, { variant: "secondary", children: messages.productOptionsSection.badges.defaultOption })) : null] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onDuplicate, "aria-label": messages.productOptionsSection.actions.duplicate, children: _jsx(Copy, { className: "size-4", "aria-hidden": "true" }) }), _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onEdit, "aria-label": messages.productOptionsSection.actions.edit, children: _jsx(Pencil, { className: "size-4", "aria-hidden": "true" }) }), _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onDelete, "aria-label": messages.productOptionsSection.actions.delete, children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) })] })] }), expanded ? (_jsx("div", { className: "flex flex-col gap-4 border-t bg-muted/30 p-3", children: children ?? _jsx(UnitsPanel, { optionId: option.id, messages: messages }) })) : null] }));
+}
+function UnitsPanel({ optionId, messages, }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editingUnit, setEditingUnit] = React.useState(undefined);
+    const { data, isPending, isError } = useOptionUnits({ optionId, limit: 100 });
+    const { remove } = useOptionUnitMutation();
+    const units = React.useMemo(() => (data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder), [data?.data]);
+    const nextSortOrder = units.length > 0 ? Math.max(...units.map((unit) => unit.sortOrder)) + 1 : 0;
+    const isPersonOnly = units.length > 0 && units.every((unit) => unit.unitType === "person");
+    const showAge = units.some((unit) => unit.unitType === "person");
+    const hasRoomUnits = units.some((unit) => unit.unitType === "room");
+    const showOccupancy = units.some((unit) => unit.unitType === "room" || unit.occupancyMin != null || unit.occupancyMax != null);
+    const unitsTitle = isPersonOnly
+        ? messages.productOptionsSection.titles.personUnits
+        : hasRoomUnits
+            ? messages.productOptionsSection.titles.roomUnits
+            : messages.productOptionsSection.titles.units;
+    const unitsDescription = isPersonOnly
+        ? messages.productOptionsSection.descriptions.personUnits
+        : hasRoomUnits
+            ? messages.productOptionsSection.descriptions.roomUnits
+            : messages.productOptionsSection.descriptions.units;
+    const addUnitLabel = isPersonOnly
+        ? messages.productOptionsSection.actions.addPersonUnit
+        : hasRoomUnits
+            ? messages.productOptionsSection.actions.addRoomUnit
+            : messages.productOptionsSection.actions.addUnit;
+    const quantityColumnLabel = isPersonOnly
+        ? messages.productOptionsSection.columns.personQuantity
+        : hasRoomUnits
+            ? messages.productOptionsSection.columns.roomQuantity
+            : messages.productOptionsSection.columns.quantity;
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: unitsTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: unitsDescription })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
+                            setEditingUnit(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 size-3.5", "aria-hidden": "true" }), addUnitLabel] })] }), isPending ? (_jsx("div", { className: "flex min-h-20 items-center justify-center rounded-md border bg-background", children: _jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" }) })) : isError ? (_jsx("p", { className: "text-sm text-destructive", children: messages.productOptionsSection.loadingError.units })) : units.length === 0 ? (_jsx("p", { className: "rounded-md border bg-background px-3 py-4 text-sm text-muted-foreground", children: messages.productOptionsSection.empty.units })) : (_jsx("div", { className: "rounded-md border bg-background", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: messages.productOptionsSection.columns.unitType }), _jsx(TableHead, { children: messages.productOptionsSection.columns.unitName }), _jsx(TableHead, { children: quantityColumnLabel }), showAge ? (_jsx(TableHead, { children: messages.productOptionsSection.columns.age })) : null, showOccupancy ? (_jsx(TableHead, { children: messages.productOptionsSection.columns.occupancy })) : null, _jsx(TableHead, { className: "w-[88px] text-right", children: messages.productOptionsSection.columns.actions })] }) }), _jsx(TableBody, { children: units.map((unit) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Badge, { variant: "outline", children: messages.common.optionUnitTypeLabels[unit.unitType] }) }), _jsxs(TableCell, { children: [_jsx("div", { className: "font-medium", children: unit.name }), unit.code ? (_jsx("div", { className: "font-mono text-xs text-muted-foreground", children: unit.code })) : null] }), _jsx(TableCell, { children: _jsx("div", { className: "text-xs", children: formatInventory(unit, messages.productOptionsSection) }) }), showAge ? (_jsx(TableCell, { className: "font-mono text-xs", children: formatRange(unit.minAge, unit.maxAge) })) : null, showOccupancy ? (_jsx(TableCell, { children: _jsx("div", { className: "text-xs", children: formatOccupancyText(unit, messages.productOptionsSection) }) })) : null, _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: () => {
+                                                        setEditingUnit(unit);
+                                                        setDialogOpen(true);
+                                                    }, "aria-label": messages.productOptionsSection.actions.edit, children: _jsx(Pencil, { className: "size-4", "aria-hidden": "true" }) }), _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: () => {
+                                                        if (confirm(messages.productOptionsSection.deleteConfirm.unit.replace("{name}", unit.name))) {
+                                                            remove.mutate(unit.id);
+                                                        }
+                                                    }, "aria-label": messages.productOptionsSection.actions.delete, children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) })] }) })] }, unit.id))) })] }) })), _jsx(OptionUnitDialog, { open: dialogOpen, onOpenChange: setDialogOpen, optionId: optionId, unit: editingUnit, sortOrder: nextSortOrder, onSuccess: () => {
+                    setDialogOpen(false);
+                    setEditingUnit(undefined);
+                } })] }));
+}

package/dist/components/product-quick-view-sheet.d.ts

@@ -0,0 +1,23 @@
+import { type ProductRecord } from "../index.js";
+export interface ProductQuickViewSheetProps {
+    productId: string | null | undefined;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Wired to the "View full product" footer button. Receives the product
+     * so the host can route to its detail page. When omitted, the footer
+     * action is suppressed.
+     */
+    onViewFull?: (product: ProductRecord) => void;
+    /** Optional locale override; defaults to the active i18n locale. */
+    locale?: string;
+}
+/**
+ * Right-side sheet that previews the core info for a product without
+ * navigating away. Mirrors `BookingQuickViewSheet` shape (header with
+ * status badge + total, sectioned body, "View full" footer) so the
+ * pair feels native on the slot detail / allocation views where both
+ * sheets coexist.
+ */
+export declare function ProductQuickViewSheet({ productId, open, onOpenChange, onViewFull, locale, }: ProductQuickViewSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-quick-view-sheet.d.ts.map

package/dist/components/product-quick-view-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-quick-view-sheet.d.ts","sourceRoot":"","sources":["../../src/components/product-quick-view-sheet.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,aAAa,CAAA;AAEpB,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,GACP,EAAE,0BAA0B,2CA0D5B"}

package/dist/components/product-quick-view-sheet.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { ArrowRight, Calendar, ImageIcon, Layers, MapPin, Route, Tag } from "lucide-react";
+import { useProductsUiI18nOrDefault, useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProduct, useProductDays, useProductMedia, useProductOptions, } from "../index.js";
+/**
+ * Right-side sheet that previews the core info for a product without
+ * navigating away. Mirrors `BookingQuickViewSheet` shape (header with
+ * status badge + total, sectioned body, "View full" footer) so the
+ * pair feels native on the slot detail / allocation views where both
+ * sheets coexist.
+ */
+export function ProductQuickViewSheet({ productId, open, onOpenChange, onViewFull, locale, }) {
+    const i18n = useProductsUiI18nOrDefault();
+    const messages = useProductsUiMessagesOrDefault();
+    const detail = messages.productDetailPage;
+    const resolvedLocale = locale ?? i18n.locale;
+    const query = useProduct(productId ?? undefined, {
+        enabled: open && Boolean(productId),
+    });
+    const product = query.data ?? null;
+    const isLoading = Boolean(productId) && query.fetchStatus === "fetching" && !product;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", className: "sm:max-w-md", children: [_jsx(SheetHeader, { className: "border-b", children: product ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx(SheetTitle, { className: "text-base font-semibold", children: product.name }), _jsx(Badge, { variant: "outline", className: "shrink-0 capitalize", children: messages.common.productStatusLabels[product.status] ?? product.status })] }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: formatAmount(product.sellAmountCents, product.sellCurrency, resolvedLocale, detail.states.noDescription) })] })) : (_jsx(SheetTitle, { children: detail.states.loading })) }), _jsx(SheetBody, { className: "flex flex-col gap-5", children: isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: messages.common.loading })) : !product ? (_jsx("p", { className: "text-sm text-muted-foreground", children: detail.states.notFoundDescription })) : (_jsx(QuickViewBody, { product: product, locale: resolvedLocale })) }), onViewFull && product ? (_jsx(SheetFooter, { children: _jsxs(Button, { type: "button", className: "w-full", onClick: () => onViewFull(product), children: ["View full product", _jsx(ArrowRight, { className: "ml-1 h-4 w-4", "aria-hidden": "true" })] }) })) : null] }) }));
+}
+function QuickViewBody({ product, locale }) {
+    const messages = useProductsUiMessagesOrDefault();
+    const detail = messages.productDetailPage;
+    const mediaQuery = useProductMedia(product.id, { limit: 1 });
+    const cover = (mediaQuery.data?.data ?? []).find((m) => m.isCover) ?? mediaQuery.data?.data?.[0] ?? null;
+    const daysQuery = useProductDays(product.id);
+    const days = (daysQuery.data?.data ?? []).slice().sort((a, b) => a.dayNumber - b.dayNumber);
+    const optionsQuery = useProductOptions({ productId: product.id, limit: 25 });
+    const options = (optionsQuery.data?.data ?? []).slice().sort((a, b) => a.sortOrder - b.sortOrder);
+    const dateRange = product.startDate
+        ? product.endDate && product.endDate !== product.startDate
+            ? `${formatDate(product.startDate, locale, detail.states.noDescription)} - ${formatDate(product.endDate, locale, detail.states.noDescription)}`
+            : formatDate(product.startDate, locale, detail.states.noDescription)
+        : null;
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [cover ? (_jsx("div", { className: "overflow-hidden rounded-md border bg-muted", children: _jsx("img", { src: cover.url, alt: product.name, className: "aspect-video w-full object-cover" }) })) : (_jsx("div", { className: "flex aspect-video w-full items-center justify-center rounded-md border bg-muted text-muted-foreground", children: _jsx(ImageIcon, { className: "size-6", "aria-hidden": "true" }) })), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx(Badge, { variant: "outline", className: "capitalize", children: messages.common.productBookingModeLabels[product.bookingMode] ?? product.bookingMode }), _jsx(Badge, { variant: "outline", className: "capitalize", children: messages.common.productCapacityModeLabels[product.capacityMode] ?? product.capacityMode })] }), product.description ? (_jsx("p", { className: "whitespace-pre-wrap text-sm text-muted-foreground", children: product.description })) : null, _jsx("div", { className: "flex flex-col gap-1.5", children: dateRange ? (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Calendar, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { children: dateRange })] })) : null }), options.length > 0 ? (_jsx(Section, { icon: _jsx(Layers, { className: "h-3.5 w-3.5" }), 
+                /* i18n-literal-ok scoped section heading */
+                label: "Options", count: String(options.length), children: _jsx("ul", { className: "flex flex-col gap-2", children: options.map((option) => (_jsxs("li", { className: "flex items-start justify-between gap-3 border-l-2 border-border pl-3", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "truncate text-sm font-medium", children: option.name }), option.description ? (_jsx("span", { className: "line-clamp-2 text-xs text-muted-foreground", children: option.description })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [option.isDefault ? (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase", children: "Default" })) : null, _jsx(Badge, { variant: "outline", className: "text-[10px] uppercase", children: messages.common.optionStatusLabels[option.status] ?? option.status })] })] }, option.id))) }) })) : null, days.length > 0 ? (_jsx(Section, { icon: _jsx(Route, { className: "h-3.5 w-3.5" }), label: detail.sections.itinerary.title, count: String(days.length), children: _jsx("ol", { className: "flex flex-col gap-3", children: days.map((day) => (_jsxs("li", { className: "flex flex-col gap-1 border-l-2 border-border pl-3", children: [_jsxs("div", { className: "flex items-baseline gap-2 text-sm font-medium", children: [_jsx("span", { className: "text-muted-foreground", children: `Day ${day.dayNumber}` }), day.title ? _jsx("span", { className: "truncate", children: day.title }) : null] }), day.location ? (_jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx(MapPin, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "truncate", children: day.location })] })) : null, day.description ? (_jsx("p", { className: "whitespace-pre-wrap text-xs text-muted-foreground", children: day.description })) : null] }, day.id))) }) })) : null, product.tags.length > 0 ? (_jsx(Section, { icon: _jsx(Tag, { className: "h-3.5 w-3.5" }), label: detail.fields.tags, children: _jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: product.tags.map((tag) => (_jsx(Badge, { variant: "outline", children: tag }, tag))) }) })) : null] }));
+}
+function Section({ icon, label, count, children, }) {
+    return (_jsxs("section", { className: "flex flex-col gap-2 border-t pt-4", children: [_jsxs("header", { className: "flex items-center justify-between gap-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [icon, label] }), count ? _jsx("span", { className: "font-mono normal-case", children: count }) : null] }), children] }));
+}
+function formatAmount(cents, currency, locale, empty) {
+    if (cents == null)
+        return empty;
+    return new Intl.NumberFormat(locale, {
+        style: "currency",
+        currency,
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    }).format(cents / 100);
+}
+function formatDate(iso, locale, empty) {
+    if (!iso)
+        return empty;
+    return new Date(iso).toLocaleDateString(locale, {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+}

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

@@ -0,0 +1,9 @@
+import type { ProductTagRecord } from "../index.js";
+export interface ProductTagDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    tag?: ProductTagRecord;
+    onSuccess?: (tag: ProductTagRecord) => void;
+}
+export declare function ProductTagDialog({ open, onOpenChange, tag, onSuccess }: ProductTagDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-tag-dialog.d.ts.map

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":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGnD,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,2CA8B7F"}

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components/dialog";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { ProductTagForm } from "./product-tag-form.js";
+export function ProductTagDialog({ open, onOpenChange, tag, onSuccess }) {
+    const isEdit = Boolean(tag);
+    const messages = useProductsUiMessagesOrDefault();
+    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
+                                ? messages.productTagDialog.titles.edit
+                                : messages.productTagDialog.titles.create }), _jsx(DialogDescription, { children: isEdit
+                                ? messages.productTagDialog.descriptions.edit
+                                : messages.productTagDialog.descriptions.create })] }), _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 "../index.js";
+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":"AAQA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,aAAa,CAAA;AAEpB,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,2CAkEhF"}

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

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Label } from "@voyant-travel/ui/components/label";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductTagMutation, } from "../index.js";
+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();
+    const messages = useProductsUiMessagesOrDefault();
+    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(messages.productTagForm.validation.nameRequired);
+            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 : messages.productTagForm.validation.saveFailed);
+        }
+    };
+    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: messages.productTagForm.fields.name }), _jsx(Input, { id: "product-tag-name", required: true, autoFocus: true, value: state.name, onChange: (event) => setState({ name: event.target.value }), placeholder: messages.productTagForm.placeholders.name })] }), 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.productTagForm.actions.createTag] })] })] }));
+}

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":"AAyBA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAc,EAAE,GAAE,mBAAwB,2CAkJ1E"}