@voyantjs/cruises-ui 0.13.0

package/README.md

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

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface EnrichmentProgramListProps extends React.HTMLAttributes<HTMLDivElement> {
+    cruiseKey: string;
+    emptyState?: React.ReactNode;
+}
+/**
+ * Connected list of expedition enrichment staff (naturalists, historians,
+ * photographers, lecturers, experts) for a given cruise. Pure read-only
+ * display — for editing, pair with a separate enrichment-form component
+ * driven by `useEnrichmentMutation`.
+ */
+export declare function EnrichmentProgramList({ cruiseKey, emptyState, className, ...props }: EnrichmentProgramListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=enrichment-program-list.d.ts.map

package/dist/components/enrichment-program-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enrichment-program-list.d.ts","sourceRoot":"","sources":["../../src/components/enrichment-program-list.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAuBnC,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtF,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAiE5B"}

package/dist/components/enrichment-program-list.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEnrichmentPrograms } from "@voyantjs/cruises-react";
+import { Avatar, AvatarFallback, AvatarImage } from "@voyantjs/voyant-ui/components/avatar";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Card, CardContent } from "@voyantjs/voyant-ui/components/card";
+import { cn } from "@voyantjs/voyant-ui/lib/utils";
+import { Camera, Compass, GraduationCap, Mic, ScrollText, Sparkles } from "lucide-react";
+const KIND_LABEL = {
+    naturalist: "Naturalist",
+    historian: "Historian",
+    photographer: "Photographer",
+    lecturer: "Lecturer",
+    expert: "Expert",
+    other: "Specialist",
+};
+const KIND_ICON = {
+    naturalist: Compass,
+    historian: ScrollText,
+    photographer: Camera,
+    lecturer: Mic,
+    expert: GraduationCap,
+    other: Sparkles,
+};
+/**
+ * Connected list of expedition enrichment staff (naturalists, historians,
+ * photographers, lecturers, experts) for a given cruise. Pure read-only
+ * display — for editing, pair with a separate enrichment-form component
+ * driven by `useEnrichmentMutation`.
+ */
+export function EnrichmentProgramList({ cruiseKey, emptyState, className, ...props }) {
+    const { data, isLoading } = useEnrichmentPrograms(cruiseKey);
+    if (isLoading) {
+        return (_jsx("div", { "data-slot": "enrichment-loading", className: cn("py-8 text-center", className), ...props, children: _jsx("p", { className: "text-muted-foreground", children: "Loading enrichment programs\u2026" }) }));
+    }
+    if (!data || data.length === 0) {
+        return (_jsx("div", { "data-slot": "enrichment-empty", className: cn("py-8 text-center", className), ...props, children: emptyState ?? (_jsx("p", { className: "text-muted-foreground", children: "No enrichment programs published for this cruise." })) }));
+    }
+    return (_jsx("div", { "data-slot": "enrichment-list", className: cn("grid gap-4 sm:grid-cols-2", className), ...props, children: data.map((program) => {
+            const Icon = KIND_ICON[program.kind];
+            const initials = program.name
+                .split(/\s+/)
+                .map((part) => part[0])
+                .filter(Boolean)
+                .slice(0, 2)
+                .join("")
+                .toUpperCase();
+            return (_jsx(Card, { "data-slot": "enrichment-card", className: "overflow-hidden", children: _jsxs(CardContent, { className: "flex gap-4 p-4", children: [_jsxs(Avatar, { className: "size-14 shrink-0", children: [program.bioImageUrl ? (_jsx(AvatarImage, { src: program.bioImageUrl, alt: program.name })) : null, _jsx(AvatarFallback, { children: initials || "?" })] }), _jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs(Badge, { variant: "secondary", className: "font-normal", children: [_jsx(Icon, { "aria-hidden": true, className: "mr-1 size-3" }), KIND_LABEL[program.kind]] }) }), _jsx("div", { className: "font-semibold truncate", children: program.name }), program.title ? (_jsx("div", { className: "text-sm text-muted-foreground truncate", children: program.title })) : null, program.description ? (_jsx("p", { className: "text-sm text-muted-foreground line-clamp-3", children: program.description })) : null] })] }) }, program.id));
+        }) }));
+}

package/dist/components/external-badge.d.ts

@@ -0,0 +1,14 @@
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import type * as React from "react";
+export interface ExternalCruiseBadgeProps extends React.ComponentPropsWithoutRef<typeof Badge> {
+    /** The adapter that sourced the cruise (e.g. "voyant-connect", "custom"). */
+    sourceProvider: string;
+}
+/**
+ * Small inline badge that surfaces cruise provenance to admin/storefront UIs.
+ * Renders as a subtle "External · <provider>" pill so operators (and shoppers,
+ * if the storefront opts in) can see at a glance which inventory comes from
+ * upstream and which is the operator's own.
+ */
+export declare function ExternalCruiseBadge({ sourceProvider, className, ...props }: ExternalCruiseBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=external-badge.d.ts.map

package/dist/components/external-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-badge.d.ts","sourceRoot":"","sources":["../../src/components/external-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAA;AAE5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC;IAC5F,6EAA6E;IAC7E,cAAc,EAAE,MAAM,CAAA;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAe1B"}

package/dist/components/external-badge.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { cn } from "@voyantjs/voyant-ui/lib/utils";
+/**
+ * Small inline badge that surfaces cruise provenance to admin/storefront UIs.
+ * Renders as a subtle "External · <provider>" pill so operators (and shoppers,
+ * if the storefront opts in) can see at a glance which inventory comes from
+ * upstream and which is the operator's own.
+ */
+export function ExternalCruiseBadge({ sourceProvider, className, ...props }) {
+    return (_jsxs(Badge, { "data-slot": "external-cruise-badge", variant: "outline", className: cn("font-normal", className), title: `Sourced via ${sourceProvider}`, ...props, children: [_jsx("span", { "aria-hidden": "true", className: "mr-1", children: "\u2197" }), "External \u00B7 ", sourceProvider] }));
+}

package/dist/components/pricing-grid.d.ts

@@ -0,0 +1,21 @@
+import type { PriceRecord } from "@voyantjs/cruises-react";
+import type * as React from "react";
+export interface PricingGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Flat list of prices for a single sailing (typically from useSailing(...,{include:["pricing"]})). */
+    prices: PriceRecord[];
+    /** Optional cabin-category id → display name resolver for nicer row labels. */
+    categoryLabel?: (categoryId: string) => string;
+    /** Currency formatter; defaults to `${currency} ${amount}`. */
+    formatPrice?: (amount: string, currency: string) => string;
+    /** Click handler for a (category, occupancy, fareCode) cell — typically opens the booking flow. */
+    onCellSelect?: (price: PriceRecord) => void;
+}
+/**
+ * The cabin × occupancy pricing matrix that's the heart of any cruise booking
+ * flow. Rows = cabin categories; columns = occupancy variants present in the
+ * data; cells = lowest available fare per (category, occupancy). Cells render
+ * an availability badge and the price; clicking surfaces the underlying row
+ * for the booking flow to consume.
+ */
+export declare function PricingGrid({ prices, categoryLabel, formatPrice, onCellSelect, className, ...props }: PricingGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pricing-grid.d.ts.map

package/dist/components/pricing-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-grid.d.ts","sourceRoot":"","sources":["../../src/components/pricing-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAW1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,uGAAuG;IACvG,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9C,+DAA+D;IAC/D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IAC1D,mGAAmG;IACnG,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;CAC5C;AA2BD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,aAAa,EACb,WAAgC,EAChC,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA+FlB"}

package/dist/components/pricing-grid.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyantjs/voyant-ui/components/table";
+import { cn } from "@voyantjs/voyant-ui/lib/utils";
+const AVAILABILITY_VARIANT = {
+    available: "default",
+    limited: "secondary",
+    on_request: "outline",
+    wait_list: "outline",
+    sold_out: "destructive",
+};
+const AVAILABILITY_LABEL = {
+    available: "Available",
+    limited: "Limited",
+    on_request: "On request",
+    wait_list: "Wait list",
+    sold_out: "Sold out",
+};
+function defaultFormatPrice(amount, currency) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${currency} ${amount}`;
+    return `${currency} ${n.toLocaleString(undefined, { maximumFractionDigits: 0 })}`;
+}
+/**
+ * The cabin × occupancy pricing matrix that's the heart of any cruise booking
+ * flow. Rows = cabin categories; columns = occupancy variants present in the
+ * data; cells = lowest available fare per (category, occupancy). Cells render
+ * an availability badge and the price; clicking surfaces the underlying row
+ * for the booking flow to consume.
+ */
+export function PricingGrid({ prices, categoryLabel, formatPrice = defaultFormatPrice, onCellSelect, className, ...props }) {
+    if (prices.length === 0) {
+        return (_jsx("div", { "data-slot": "pricing-grid-empty", className: cn("py-8 text-center", className), ...props, children: _jsx("p", { className: "text-muted-foreground", children: "No pricing published for this sailing." }) }));
+    }
+    // Pivot the flat list into a (categoryId × occupancy) → cheapest price row.
+    const occupancies = Array.from(new Set(prices.map((p) => p.occupancy))).sort((a, b) => a - b);
+    const grouped = new Map();
+    for (const p of prices) {
+        let row = grouped.get(p.cabinCategoryId);
+        if (!row) {
+            row = new Map();
+            grouped.set(p.cabinCategoryId, row);
+        }
+        const existing = row.get(p.occupancy);
+        if (!existing || Number(p.pricePerPerson) < Number(existing.pricePerPerson)) {
+            row.set(p.occupancy, p);
+        }
+    }
+    return (_jsx("div", { "data-slot": "pricing-grid", className: cn("overflow-x-auto", className), ...props, children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[220px]", children: "Cabin category" }), occupancies.map((occ) => (_jsx(TableHead, { className: "text-center", children: occ === 1
+                                    ? "Single"
+                                    : occ === 2
+                                        ? "Double"
+                                        : occ === 3
+                                            ? "Triple"
+                                            : occ === 4
+                                                ? "Quad"
+                                                : `${occ}-occupancy` }, occ)))] }) }), _jsx(TableBody, { children: Array.from(grouped.entries()).map(([categoryId, row]) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: categoryLabel?.(categoryId) ?? categoryId }), occupancies.map((occ) => {
+                                const price = row.get(occ);
+                                if (!price) {
+                                    return (_jsx(TableCell, { className: "text-center text-muted-foreground", children: "\u2014" }, occ));
+                                }
+                                return (_jsxs(TableCell, { className: cn("text-center align-top", onCellSelect &&
+                                        price.availability !== "sold_out" &&
+                                        "cursor-pointer hover:bg-accent"), onClick: onCellSelect && price.availability !== "sold_out"
+                                        ? () => onCellSelect(price)
+                                        : undefined, "data-slot": "pricing-grid-cell", children: [_jsx("div", { className: "font-semibold", children: formatPrice(price.pricePerPerson, price.currency) }), _jsx("div", { className: "text-xs text-muted-foreground", children: "per person" }), _jsx(Badge, { variant: AVAILABILITY_VARIANT[price.availability], className: "mt-2 font-normal", children: AVAILABILITY_LABEL[price.availability] })] }, occ));
+                            })] }, categoryId))) })] }) }));
+}

package/dist/components/quote-display.d.ts

@@ -0,0 +1,14 @@
+import type { Quote } from "@voyantjs/cruises-react";
+import { Card } from "@voyantjs/voyant-ui/components/card";
+import type * as React from "react";
+export interface QuoteDisplayProps extends React.ComponentPropsWithoutRef<typeof Card> {
+    quote: Quote;
+    formatPrice?: (amount: string, currency: string) => string;
+}
+/**
+ * Renders an itemised cruise quote: base per person, components grouped by
+ * direction (additions / inclusions / credits), and totals. Mirrors what the
+ * server's composeQuote returns; pure presentational.
+ */
+export declare function QuoteDisplay({ quote, formatPrice, className, ...props }: QuoteDisplayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quote-display.d.ts.map

package/dist/components/quote-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-display.d.ts","sourceRoot":"","sources":["../../src/components/quote-display.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,IAAI,EAA2B,MAAM,qCAAqC,CAAA;AAEnF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAInC,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC;IACpF,KAAK,EAAE,KAAK,CAAA;IACZ,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;CAC3D;AAwBD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAgC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAkFnB"}

package/dist/components/quote-display.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader } from "@voyantjs/voyant-ui/components/card";
+import { cn } from "@voyantjs/voyant-ui/lib/utils";
+function defaultFormatPrice(amount, currency) {
+    const negative = amount.startsWith("-");
+    const abs = negative ? amount.slice(1) : amount;
+    const n = Number(abs);
+    if (!Number.isFinite(n))
+        return `${currency} ${amount}`;
+    return `${negative ? "-" : ""}${currency} ${n.toLocaleString(undefined, {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    })}`;
+}
+const COMPONENT_KIND_LABEL = {
+    gratuity: "Gratuity",
+    onboard_credit: "Onboard credit",
+    port_charge: "Port charges",
+    tax: "Tax",
+    ncf: "Non-comm fees",
+    airfare: "Airfare",
+    transfer: "Transfer",
+    insurance: "Insurance",
+};
+/**
+ * Renders an itemised cruise quote: base per person, components grouped by
+ * direction (additions / inclusions / credits), and totals. Mirrors what the
+ * server's composeQuote returns; pure presentational.
+ */
+export function QuoteDisplay({ quote, formatPrice = defaultFormatPrice, className, ...props }) {
+    const additions = quote.components.filter((c) => c.direction === "addition");
+    const inclusions = quote.components.filter((c) => c.direction === "inclusion");
+    const credits = quote.components.filter((c) => c.direction === "credit");
+    return (_jsxs(Card, { "data-slot": "quote-display", className: cn(className), ...props, children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-baseline justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold", children: "Your quote" }), quote.fareCodeName ? (_jsxs("p", { className: "text-sm text-muted-foreground", children: [quote.fareCodeName, quote.fareCode ? ` (${quote.fareCode})` : ""] })) : null] }), _jsxs("div", { className: "text-right", children: [_jsx("div", { className: "text-2xl font-bold", children: formatPrice(quote.totalForCabin, quote.currency) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["for ", quote.guestCount, " guest", quote.guestCount === 1 ? "" : "s", " (", quote.occupancy, "-occupancy cabin)"] })] })] }) }), _jsxs(CardContent, { className: "space-y-4 text-sm", children: [_jsx(Row, { label: `Base · ${formatPrice(quote.basePerPerson, quote.currency)} pp × ${quote.guestCount}` }), additions.length > 0 ? (_jsx(Section, { title: "Additions", children: additions.map((c) => (_jsx(Row, { label: `${c.label ?? COMPONENT_KIND_LABEL[c.kind]}${c.perPerson ? " (per person)" : " (per cabin)"}`, amount: `+ ${formatPrice(c.amount, c.currency)}` }, `add-${c.kind}-${c.label ?? ""}-${c.amount}`))) })) : null, credits.length > 0 ? (_jsx(Section, { title: "Credits", children: credits.map((c) => (_jsx(Row, { label: `${c.label ?? COMPONENT_KIND_LABEL[c.kind]}${c.perPerson ? " (per person)" : " (per cabin)"}`, amount: `− ${formatPrice(c.amount, c.currency)}`, amountClassName: "text-emerald-600" }, `cred-${c.kind}-${c.label ?? ""}-${c.amount}`))) })) : null, inclusions.length > 0 ? (_jsx(Section, { title: "Included", children: inclusions.map((c) => (_jsx(Row, { label: c.label ?? COMPONENT_KIND_LABEL[c.kind], amount: "Included" }, `inc-${c.kind}-${c.label ?? ""}`))) })) : null, _jsxs("div", { className: "border-t pt-3", children: [_jsx(Row, { label: "Per person", amount: formatPrice(quote.totalPerPerson, quote.currency), amountClassName: "font-semibold" }), _jsx(Row, { label: "Total for cabin", amount: formatPrice(quote.totalForCabin, quote.currency), amountClassName: "font-bold text-base" })] })] })] }));
+}
+function Section({ title, children }) {
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx("h4", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: title }), children] }));
+}
+function Row({ label, amount, amountClassName, }) {
+    return (_jsxs("div", { className: "flex items-baseline justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: label }), amount ? _jsx("span", { className: cn("tabular-nums", amountClassName), children: amount }) : null] }));
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { EnrichmentProgramList, type EnrichmentProgramListProps, } from "./components/enrichment-program-list";
+export { ExternalCruiseBadge, type ExternalCruiseBadgeProps } from "./components/external-badge";
+export { PricingGrid, type PricingGridProps } from "./components/pricing-grid";
+export { QuoteDisplay, type QuoteDisplayProps } from "./components/quote-display";
+//# 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,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAChG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { EnrichmentProgramList, } from "./components/enrichment-program-list";
+export { ExternalCruiseBadge } from "./components/external-badge";
+export { PricingGrid } from "./components/pricing-grid";
+export { QuoteDisplay } from "./components/quote-display";

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@voyantjs/cruises-ui",
+  "version": "0.13.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/cruises-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/cruises-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/cruises-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"
+  }
+}