@voyantjs/cruises-ui 0.19.0 → 0.21.0

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

@@ -0,0 +1,13 @@
+import type { CatalogSearchHit } from "@voyantjs/catalog-react";
+export interface CruiseCatalogCardProps {
+    hit: CatalogSearchHit;
+    onClick?: (hit: CatalogSearchHit) => void;
+    className?: string;
+}
+/**
+ * Search-result card for a cruise hit. Reads sailing-shaped fields:
+ * `name`, `shipName`, `departureDate`, `nights`, `status`, `priceFromCents`,
+ * `currency`, `embarkationPort`, `tags`.
+ */
+export declare function CruiseCatalogCard({ hit, onClick, className }: CruiseCatalogCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cruise-catalog-card.d.ts.map

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/cruises-ui",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -15,6 +15,9 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./styles.css": {
+      "default": "./src/styles.css"
+    },
     "./i18n": {
       "types": "./dist/i18n/index.d.ts",
       "import": "./dist/i18n/index.js",
@@ -40,11 +43,12 @@
     "@tanstack/react-query": "^5.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@voyantjs/cruises-react": "0.19.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/catalog-react": "0.21.0",
+    "@voyantjs/cruises-react": "0.21.0",
+    "@voyantjs/ui": "0.21.0"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.19.0"
+    "@voyantjs/i18n": "0.21.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -55,13 +59,15 @@
     "react-dom": "^19.2.4",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@voyantjs/cruises-react": "0.19.0",
-    "@voyantjs/i18n": "0.19.0",
-    "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/catalog-react": "0.21.0",
+    "@voyantjs/cruises-react": "0.21.0",
+    "@voyantjs/i18n": "0.21.0",
+    "@voyantjs/ui": "0.21.0",
+    "@voyantjs/voyant-typescript-config": "0.1.0"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/styles.css"
   ],
   "publishConfig": {
     "access": "public"

package/src/styles.css

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