@voyantjs/extras-ui 0.19.0 → 0.20.0

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

@@ -0,0 +1,13 @@
+import type { CatalogSearchHit } from "@voyantjs/catalog-react";
+export interface ExtraCatalogCardProps {
+    hit: CatalogSearchHit;
+    onClick?: (hit: CatalogSearchHit) => void;
+    className?: string;
+}
+/**
+ * Search-result card for an extras hit (sub-line-item add-ons attached
+ * to bookings). Reads: `name`, `category`, `priceCents`, `currency`,
+ * `unit` (per_person | per_booking | per_night), `tags`.
+ */
+export declare function ExtraCatalogCard({ hit, onClick, className }: ExtraCatalogCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=extra-catalog-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extra-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/extra-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,2CA4DlF"}

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

@@ -0,0 +1,45 @@
+"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 an extras hit (sub-line-item add-ons attached
+ * to bookings). Reads: `name`, `category`, `priceCents`, `currency`,
+ * `unit` (per_person | per_booking | per_night), `tags`.
+ */
+export function ExtraCatalogCard({ hit, onClick, className }) {
+    const f = hit.document.fields;
+    const name = stringOr(f.name, "Untitled extra");
+    const category = stringOr(f.category, null);
+    const unit = stringOr(f.unit, null);
+    const status = stringOr(f.status, null);
+    const tags = stringArray(f.tags);
+    const price = numberOr(f.priceCents, null);
+    const currency = stringOr(f.currency ?? f.sellCurrency, null);
+    const priceLabel = price != null && currency
+        ? new Intl.NumberFormat(undefined, {
+            style: "currency",
+            currency,
+            maximumFractionDigits: 2,
+        }).format(price / 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: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), 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: [category && _jsx("span", { children: category }), priceLabel && (_jsxs("span", { className: "ml-auto font-medium text-foreground", children: [priceLabel, unit && (_jsxs("span", { className: "ml-1 text-muted-foreground", children: ["/ ", unit.replace(/_/g, " ")] }))] }))] }), 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/extras-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",
@@ -43,12 +46,13 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.60.0",
     "zod": "^4.3.6",
-    "@voyantjs/extras-react": "0.19.0",
-    "@voyantjs/products-react": "0.19.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/catalog-react": "0.20.0",
+    "@voyantjs/extras-react": "0.20.0",
+    "@voyantjs/products-react": "0.20.0",
+    "@voyantjs/ui": "0.20.0"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.19.0"
+    "@voyantjs/i18n": "0.20.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -62,14 +66,16 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/extras-react": "0.19.0",
-    "@voyantjs/i18n": "0.19.0",
-    "@voyantjs/products-react": "0.19.0",
-    "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.19.0"
+    "@voyantjs/catalog-react": "0.20.0",
+    "@voyantjs/extras-react": "0.20.0",
+    "@voyantjs/i18n": "0.20.0",
+    "@voyantjs/products-react": "0.20.0",
+    "@voyantjs/ui": "0.20.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}";