@voyantjs/hospitality-ui 0.19.0 → 0.20.0

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

@@ -0,0 +1,13 @@
+import type { CatalogSearchHit } from "@voyantjs/catalog-react";
+export interface HotelCatalogCardProps {
+    hit: CatalogSearchHit;
+    onClick?: (hit: CatalogSearchHit) => void;
+    className?: string;
+}
+/**
+ * Search-result card for a hospitality (hotel / room type) hit. Reads:
+ * `name`, `propertyName`, `city`, `country`, `starRating`,
+ * `roomCapacity`, `nightlyRateFromCents`, `currency`, `tags`.
+ */
+export declare function HotelCatalogCard({ hit, onClick, className }: HotelCatalogCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=hotel-catalog-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hotel-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/hotel-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAK/D,MAAM,WAAW,qBAAqB;IACpC,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,gBAAgB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA+DlF"}

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

@@ -0,0 +1,49 @@
+"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 hospitality (hotel / room type) hit. Reads:
+ * `name`, `propertyName`, `city`, `country`, `starRating`,
+ * `roomCapacity`, `nightlyRateFromCents`, `currency`, `tags`.
+ */
+export function HotelCatalogCard({ hit, onClick, className }) {
+    const f = hit.document.fields;
+    const name = stringOr(f.name, "Untitled room");
+    const propertyName = stringOr(f.propertyName, null);
+    const city = stringOr(f.city, null);
+    const country = stringOr(f.country, null);
+    const starRating = numberOr(f.starRating, null);
+    const capacity = numberOr(f.roomCapacity, null);
+    const status = stringOr(f.status, null);
+    const tags = stringArray(f.tags);
+    const rate = numberOr(f.nightlyRateFromCents, null);
+    const currency = stringOr(f.currency ?? f.sellCurrency, null);
+    const rateLabel = rate != null && currency
+        ? `${new Intl.NumberFormat(undefined, {
+            style: "currency",
+            currency,
+            maximumFractionDigits: 0,
+        }).format(rate / 100)} / night`
+        : null;
+    const location = [city, country].filter(Boolean).join(", ");
+    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 }), propertyName && _jsx("p", { className: "text-muted-foreground text-xs", children: propertyName })] }), 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: [starRating != null && _jsx("span", { children: "★".repeat(Math.round(starRating)) }), location && _jsx("span", { children: location }), capacity != null && _jsxs("span", { children: ["\u00B7 sleeps ", capacity] }), rateLabel && _jsx("span", { className: "ml-auto font-medium text-foreground", children: rateLabel })] }), 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/hospitality-ui",
-  "version": "0.19.0",
+  "version": "0.20.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",
@@ -42,9 +45,10 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.60.0",
     "zod": "^4.3.6",
-    "@voyantjs/hospitality-react": "0.19.0",
-    "@voyantjs/pricing-react": "0.19.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/catalog-react": "0.20.0",
+    "@voyantjs/hospitality-react": "0.20.0",
+    "@voyantjs/pricing-react": "0.20.0",
+    "@voyantjs/ui": "0.20.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -57,17 +61,19 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/hospitality-react": "0.19.0",
-    "@voyantjs/i18n": "0.19.0",
-    "@voyantjs/pricing-react": "0.19.0",
-    "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/catalog-react": "0.20.0",
+    "@voyantjs/hospitality-react": "0.20.0",
+    "@voyantjs/i18n": "0.20.0",
+    "@voyantjs/pricing-react": "0.20.0",
+    "@voyantjs/ui": "0.20.0",
+    "@voyantjs/voyant-typescript-config": "0.1.0"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.19.0"
+    "@voyantjs/i18n": "0.20.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}";