@voyantjs/flights-ui 0.20.0

package/dist/components/flight-seat-map.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@voyantjs/ui/components/tooltip";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { Plane } from "lucide-react";
+/**
+ * Visual seat map. Renders each row of the aircraft using the supplied
+ * `columnLayout` (with `null` slots becoming aisles), each seat as a
+ * clickable tile colour-coded by status + category. Pick markers overlay
+ * the seat to indicate which passenger has that seat.
+ *
+ * Pure presentational — state lives in the parent step.
+ */
+export function FlightSeatMap({ seatMap, picks, onSeatClick, highlightedPaxLabel, className, }) {
+    const aircraftName = seatMap.providerData?.aircraftName ?? seatMap.aircraft;
+    return (_jsx(TooltipProvider, { delay: 200, children: _jsxs("div", { className: cn("flex flex-col items-center gap-3", className), children: [_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-xs", children: [_jsx(Plane, { className: "h-3.5 w-3.5" }), aircraftName ?? "Cabin", highlightedPaxLabel && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-foreground/60", children: "\u00B7" }), _jsxs("span", { className: "text-foreground", children: ["Picking seat for ", _jsx("span", { className: "font-medium", children: highlightedPaxLabel })] })] }))] }), _jsx("div", { className: "rounded-2xl border bg-card p-4", children: _jsx(Cabin, { seatMap: seatMap, picks: picks, onSeatClick: onSeatClick }) }), _jsx(Legend, {})] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+function Cabin({ seatMap, picks, onSeatClick, }) {
+    const layout = seatMap.columnLayout;
+    const pickIndex = new Map(picks.map((p) => [p.seatNumber, p]));
+    return (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx(ColumnHeader, { layout: layout }), seatMap.rows.map((row) => (_jsx(SeatRowView, { rowNumber: row.row, layout: layout, seats: row.seats, pickIndex: pickIndex, onSeatClick: onSeatClick }, row.row)))] }));
+}
+function ColumnHeader({ layout }) {
+    return (_jsxs("div", { className: "mb-1 flex items-center gap-1", children: [_jsx("span", { className: "w-6 shrink-0 text-center font-mono text-[10px] text-muted-foreground" }), layout.map((col, i) => col == null ? (_jsx("div", { className: "w-3 shrink-0" }, `gap-${i}`)) : (_jsx("span", { className: "w-7 shrink-0 text-center font-mono text-[10px] text-muted-foreground", children: col }, `col-${i}`)))] }));
+}
+function SeatRowView({ rowNumber, layout, seats, pickIndex, onSeatClick, }) {
+    const seatByCol = new Map(seats.map((s) => [s.column, s]));
+    return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "w-6 shrink-0 text-center font-mono text-[10px] text-muted-foreground tabular-nums", children: rowNumber }), layout.map((col, i) => {
+                if (col == null) {
+                    return (_jsx("div", { className: "w-3 shrink-0" }, `aisle-${rowNumber}-${i}`));
+                }
+                const seat = seatByCol.get(col);
+                if (!seat) {
+                    return (_jsx("div", { className: "h-7 w-7 shrink-0 rounded-md border border-dashed border-muted/30" }, `gap-${rowNumber}-${i}`));
+                }
+                return (_jsx(SeatTile, { seat: seat, pick: pickIndex.get(seat.seatNumber) ?? null, onClick: onSeatClick }, seat.seatNumber));
+            })] }));
+}
+function SeatTile({ seat, pick, onClick, }) {
+    const isClickable = !!onClick && (seat.status === "available" || seat.status === "selected" || pick != null);
+    const tile = (_jsxs("button", { type: "button", disabled: !isClickable, onClick: onClick ? () => onClick(seat) : undefined, className: cn("relative flex h-7 w-7 shrink-0 items-center justify-center rounded-md border font-mono text-[10px] transition-colors", seat.status === "available" && categoryClasses(seat.category), seat.status === "blocked" && "cursor-not-allowed border-transparent bg-muted/60", seat.status === "unavailable" && "cursor-not-allowed border-transparent bg-muted/30", pick && (pick.swatch ?? "bg-primary text-primary-foreground border-primary"), isClickable && !pick && "hover:border-primary hover:bg-primary/5"), children: [pick ? _jsx("span", { className: "font-semibold", children: pick.label }) : null, seat.category === "exit_row" && !pick && (_jsx("span", { className: "absolute top-0 right-0 text-[7px] font-bold leading-none text-amber-600", children: "E" }))] }));
+    if (!isClickable && seat.status !== "available")
+        return tile;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: tile }), _jsx(TooltipContent, { className: "max-w-[220px]", children: _jsx(SeatTooltip, { seat: seat, pickedBy: pick?.label }) })] }));
+}
+function SeatTooltip({ seat, pickedBy }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1 text-xs", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "font-mono font-semibold", children: seat.seatNumber }), _jsxs("span", { className: "text-muted-foreground", children: [humanCategory(seat.category), seat.window && " · window", seat.aisle && " · aisle"] })] }), seat.price ? (_jsxs("span", { className: "font-medium", children: ["+", formatMoney(seat.price.amount, seat.price.currency)] })) : (_jsx("span", { className: "text-muted-foreground", children: "No charge" })), seat.notes && _jsx("span", { className: "text-muted-foreground", children: seat.notes }), pickedBy && _jsxs("span", { className: "text-primary", children: ["Picked by ", pickedBy] })] }));
+}
+function Legend() {
+    return (_jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 text-[11px] text-muted-foreground", children: [_jsx(LegendChip, { className: "border-emerald-500/60 bg-card", label: "Available" }), _jsx(LegendChip, { className: "border-cyan-500/60 bg-cyan-500/5", label: "Preferred" }), _jsx(LegendChip, { className: "border-amber-500/60 bg-amber-500/5", label: "Exit row" }), _jsx(LegendChip, { className: "bg-primary text-primary-foreground", label: "Picked" }), _jsx(LegendChip, { className: "bg-muted/60", label: "Taken" })] }));
+}
+function LegendChip({ className, label }) {
+    return (_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: cn("h-3.5 w-3.5 rounded-sm border", className) }), label] }));
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function categoryClasses(category) {
+    switch (category) {
+        case "exit_row":
+            return "border-amber-500/60 bg-amber-500/5 text-amber-700";
+        case "preferred":
+        case "extra_legroom":
+            return "border-cyan-500/60 bg-cyan-500/5 text-cyan-700";
+        case "premium":
+        case "bulkhead":
+            return "border-violet-500/60 bg-violet-500/5 text-violet-700";
+        default:
+            return "border-emerald-500/60 bg-card text-emerald-700";
+    }
+}
+function humanCategory(c) {
+    switch (c) {
+        case "exit_row":
+            return "Exit row · extra legroom";
+        case "extra_legroom":
+            return "Extra legroom";
+        case "preferred":
+            return "Preferred";
+        case "premium":
+            return "Premium";
+        case "bulkhead":
+            return "Bulkhead";
+        default:
+            return "Standard";
+    }
+}
+function formatMoney(amount, currency) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(n);
+}

package/dist/components/flight-seats-step.d.ts

@@ -0,0 +1,40 @@
+import type { AncillarySelection, FlightOffer, FlightPassenger, PassengerCounts, SeatMap } from "@voyantjs/flights/contract/types";
+type SeatPicks = NonNullable<AncillarySelection["seats"]>;
+type SeatMode = "skip" | "auto" | "now";
+/**
+ * Per-segment seat map fetcher contract. The step calls this with the
+ * segment id once the user enters "pick now" mode for a given segment;
+ * the parent owns the actual TanStack Query call.
+ */
+export interface FlightSeatMapSlot {
+    /** Map for this segment, or null while loading / errored. */
+    seatMap: SeatMap | null;
+    loading?: boolean;
+    error?: string | null;
+}
+export interface FlightSeatsStepProps {
+    outboundOffer: FlightOffer;
+    returnOffer?: FlightOffer;
+    passengers: FlightPassenger[];
+    passengerCounts: PassengerCounts;
+    /** Map fetcher invoked with each segment id the user navigates to. */
+    getSeatMap: (segment: {
+        offerId: string;
+        segmentId: string;
+    }) => FlightSeatMapSlot;
+    value: SeatPicks;
+    onChange: (next: SeatPicks) => void;
+    /** Tri-option mode the user has chosen — "skip" / "auto" / "now". */
+    mode: SeatMode;
+    onModeChange: (next: SeatMode) => void;
+}
+/**
+ * Wizz-style seat selection step. Tri-option gate up top (Skip / Auto-assign
+ * / Pick now) — the first two short-circuit straight to the next step. When
+ * the user opens "pick now", they get per-segment tabs and a per-passenger
+ * row showing each pax's currently picked seat (or "select"). Clicking a
+ * seat assigns it to the active passenger and moves the cursor on.
+ */
+export declare function FlightSeatsStep({ outboundOffer, returnOffer, passengers, passengerCounts, getSeatMap, value, onChange, mode, onModeChange, }: FlightSeatsStepProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=flight-seats-step.d.ts.map

package/dist/components/flight-seats-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-seats-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-seats-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,WAAW,EACX,eAAe,EAEf,eAAe,EAEf,OAAO,EACR,MAAM,kCAAkC,CAAA;AAOzC,KAAK,SAAS,GAAG,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAA;AAEzD,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;AAEvC;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,sEAAsE;IACtE,UAAU,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,iBAAiB,CAAA;IAClF,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACnC,qEAAqE;IACrE,IAAI,EAAE,QAAQ,CAAA;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;CACvC;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,oBAAoB,2CAwGtB"}

package/dist/components/flight-seats-step.js

@@ -0,0 +1,211 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { CheckCircle2, X } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { FlightSeatMap } from "./flight-seat-map";
+/**
+ * Wizz-style seat selection step. Tri-option gate up top (Skip / Auto-assign
+ * / Pick now) — the first two short-circuit straight to the next step. When
+ * the user opens "pick now", they get per-segment tabs and a per-passenger
+ * row showing each pax's currently picked seat (or "select"). Clicking a
+ * seat assigns it to the active passenger and moves the cursor on.
+ */
+export function FlightSeatsStep({ outboundOffer, returnOffer, passengers, passengerCounts, getSeatMap, value, onChange, mode, onModeChange, }) {
+    const segments = useMemo(() => collectSegments(outboundOffer, returnOffer), [outboundOffer, returnOffer]);
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts), [passengers, passengerCounts]);
+    const [activeSegmentIdx, setActiveSegmentIdx] = useState(0);
+    const [activePaxIdx, setActivePaxIdx] = useState(0);
+    // Auto-advance to the next pax once a seat is picked for the current one.
+    useEffect(() => {
+        if (mode !== "now")
+            return;
+        const segId = segments[activeSegmentIdx]?.segmentId;
+        if (!segId)
+            return;
+        const pickedAll = paxRows.length > 0 &&
+            paxRows.every((p) => value.some((v) => v.passengerId === p.passengerId && v.segmentId === segId));
+        if (pickedAll) {
+            // All pax picked for this segment — advance to next segment if any.
+            if (activeSegmentIdx < segments.length - 1) {
+                setActiveSegmentIdx((i) => i + 1);
+                setActivePaxIdx(0);
+            }
+        }
+    }, [value, segments, activeSegmentIdx, paxRows, mode]);
+    const activeSegment = segments[activeSegmentIdx] ?? null;
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Choose your seats" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Sit where you want, or let the airline assign seats at check-in." })] }), _jsx(ModePicker, { mode: mode, onChange: onModeChange }), mode === "now" && activeSegment && (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(SegmentTabs, { segments: segments, activeIdx: activeSegmentIdx, paxCount: paxRows.length, picks: value, onChange: (idx) => {
+                            setActiveSegmentIdx(idx);
+                            setActivePaxIdx(0);
+                        } }), _jsx(PaxBar, { paxRows: paxRows, activeIdx: activePaxIdx, picks: value, segmentId: activeSegment.segmentId, onActivate: setActivePaxIdx, onClear: (passengerId) => {
+                            onChange(value.filter((v) => !(v.passengerId === passengerId && v.segmentId === activeSegment.segmentId)));
+                        } }), _jsx(SeatMapPanel, { slot: getSeatMap({
+                            offerId: activeSegment.offerId,
+                            segmentId: activeSegment.segmentId,
+                        }), paxRows: paxRows, activePaxIdx: activePaxIdx, picks: value, segmentId: activeSegment.segmentId, onPick: (seat) => {
+                            const pax = paxRows[activePaxIdx];
+                            if (!pax)
+                                return;
+                            const filtered = value.filter((v) => !(v.passengerId === pax.passengerId && v.segmentId === activeSegment.segmentId));
+                            onChange([
+                                ...filtered,
+                                {
+                                    passengerId: pax.passengerId,
+                                    segmentId: activeSegment.segmentId,
+                                    seatNumber: seat.seatNumber,
+                                },
+                            ]);
+                        } })] }))] }));
+}
+const PAX_SWATCHES = [
+    "bg-primary text-primary-foreground border-primary",
+    "bg-violet-600 text-white border-violet-700",
+    "bg-amber-600 text-white border-amber-700",
+    "bg-rose-600 text-white border-rose-700",
+    "bg-teal-600 text-white border-teal-700",
+    "bg-indigo-600 text-white border-indigo-700",
+];
+function ModePicker({ mode, onChange }) {
+    return (_jsxs("div", { className: "grid gap-2 md:grid-cols-3", children: [_jsx(ModeCard, { active: mode === "skip", onClick: () => onChange("skip"), title: "Pick seats later", body: "Seats will be assigned automatically at check-in. May not be next to each other." }), _jsx(ModeCard, { active: mode === "auto", onClick: () => onChange("auto"), title: "Auto-assign together", body: "Airline picks seats trying to keep your party together. No fee.", recommended: true }), _jsx(ModeCard, { active: mode === "now", onClick: () => onChange("now"), title: "Choose seats now", body: "Pick exact seats per leg \u2014 windows, exit rows, extra legroom." })] }));
+}
+function ModeCard({ active, onClick, title, body, recommended, }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, className: cn("relative flex flex-col items-start gap-1 rounded-lg border bg-card p-4 text-left transition-colors", active ? "border-primary ring-2 ring-primary/20" : "hover:border-primary/40"), children: [recommended && (_jsx("span", { className: "absolute top-2 right-2 rounded-full bg-primary/10 px-2 py-0.5 font-medium text-[9px] text-primary uppercase tracking-wider", children: "Recommended" })), active && _jsx(CheckCircle2, { className: "absolute top-3 right-3 h-4 w-4 text-primary" }), _jsx("span", { className: "font-medium text-sm", children: title }), _jsx("span", { className: "text-muted-foreground text-xs", children: body })] }));
+}
+function SegmentTabs({ segments, activeIdx, paxCount, picks, onChange, }) {
+    return (_jsx("div", { className: "flex items-center gap-2 overflow-x-auto rounded-md border bg-muted/20 p-1", children: segments.map((seg, idx) => {
+            const segPicks = picks.filter((p) => p.segmentId === seg.segmentId).length;
+            const complete = segPicks === paxCount && paxCount > 0;
+            const active = idx === activeIdx;
+            return (_jsxs("button", { type: "button", onClick: () => onChange(idx), className: cn("flex shrink-0 items-center gap-2 rounded px-3 py-1.5 text-sm transition-colors", active && "bg-background shadow-sm", !active && "text-muted-foreground hover:bg-background/50"), children: [complete && _jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-emerald-600" }), _jsxs("span", { className: "font-medium", children: [seg.origin, " \u2192 ", seg.destination] }), _jsxs("span", { className: "font-mono text-[10px] text-muted-foreground", children: [seg.carrier, seg.flightNumber] }), _jsxs("span", { className: "text-[11px] text-muted-foreground tabular-nums", children: [segPicks, "/", paxCount] })] }, seg.segmentId));
+        }) }));
+}
+function PaxBar({ paxRows, activeIdx, picks, segmentId, onActivate, onClear, }) {
+    return (_jsx("ul", { className: "flex flex-wrap items-center gap-2", children: paxRows.map((pax, idx) => {
+            const pick = picks.find((p) => p.passengerId === pax.passengerId && p.segmentId === segmentId);
+            const active = idx === activeIdx;
+            return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onActivate(idx), className: cn("flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs transition-colors", active ? "border-primary bg-primary/5" : "hover:border-primary/40"), children: [_jsx("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center rounded-full border font-mono text-[10px] font-semibold", pax.swatch), children: pax.short }), _jsx("span", { className: "font-medium", children: pax.label }), pick ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-mono text-[11px] text-foreground", children: pick.seatNumber }), _jsx(X, { className: "h-3 w-3 cursor-pointer text-muted-foreground hover:text-destructive", onClick: (e) => {
+                                        e.stopPropagation();
+                                        onClear(pax.passengerId);
+                                    } })] })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" }))] }) }, pax.passengerId));
+        }) }));
+}
+function SeatMapPanel({ slot, paxRows, activePaxIdx, picks, segmentId, onPick, }) {
+    if (slot.loading) {
+        return _jsx("div", { className: "h-72 animate-pulse rounded-2xl bg-muted/40" });
+    }
+    if (slot.error) {
+        return (_jsx("div", { className: "rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-destructive text-sm", children: slot.error }));
+    }
+    if (!slot.seatMap) {
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: "Seat map unavailable for this segment." }));
+    }
+    const markers = picks
+        .filter((p) => p.segmentId === segmentId)
+        .map((p) => {
+        const paxIdx = paxRows.findIndex((r) => r.passengerId === p.passengerId);
+        const pax = paxRows[paxIdx];
+        if (!pax)
+            return null;
+        return { seatNumber: p.seatNumber, label: pax.short, swatch: pax.swatch };
+    })
+        .filter((p) => p !== null);
+    return (_jsx(FlightSeatMap, { seatMap: slot.seatMap, picks: markers, onSeatClick: (seat) => {
+            if (seat.status !== "available" && seat.status !== "selected")
+                return;
+            onPick(seat);
+        }, highlightedPaxLabel: paxRows[activePaxIdx]?.label }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Helpers
+// ─────────────────────────────────────────────────────────────────────────────
+function collectSegments(outbound, returnLeg) {
+    const out = [];
+    for (const seg of itinerarySegments(outbound)) {
+        out.push({
+            offerId: outbound.offerId,
+            segmentId: seg.segmentId,
+            legLabel: "Outbound",
+            origin: seg.departure.iataCode,
+            destination: seg.arrival.iataCode,
+            carrier: seg.carrierCode,
+            flightNumber: seg.flightNumber,
+        });
+    }
+    if (returnLeg) {
+        for (const seg of itinerarySegments(returnLeg)) {
+            out.push({
+                offerId: returnLeg.offerId,
+                segmentId: seg.segmentId,
+                legLabel: "Return",
+                origin: seg.departure.iataCode,
+                destination: seg.arrival.iataCode,
+                carrier: seg.carrierCode,
+                flightNumber: seg.flightNumber,
+            });
+        }
+    }
+    return out;
+}
+function itinerarySegments(offer) {
+    const out = [];
+    for (const itin of offer.itineraries) {
+        for (const seg of itin.segments)
+            out.push(seg);
+    }
+    return out;
+}
+function buildPassengerRows(passengers, counts) {
+    const rows = [];
+    const total = passengers.length > 0
+        ? passengers.length
+        : counts.adults + (counts.children ?? 0) + (counts.infants ?? 0);
+    for (let i = 0; i < total; i++) {
+        const p = passengers[i];
+        if (p) {
+            rows.push({
+                passengerId: p.passengerId,
+                label: nameOrFallback(p, i),
+                short: shortLabel(p, i),
+                swatch: PAX_SWATCHES[i % PAX_SWATCHES.length] ?? PAX_SWATCHES[0],
+            });
+        }
+        else {
+            rows.push({
+                passengerId: synthPaxId(i, counts),
+                label: synthPaxLabel(i, counts),
+                short: String(i + 1),
+                swatch: PAX_SWATCHES[i % PAX_SWATCHES.length] ?? PAX_SWATCHES[0],
+            });
+        }
+    }
+    return rows;
+}
+function nameOrFallback(p, idx) {
+    const full = `${p.firstName} ${p.lastName}`.trim();
+    if (full)
+        return full;
+    const cap = p.type[0]?.toUpperCase() + p.type.slice(1);
+    return `${cap} ${idx + 1}`;
+}
+function shortLabel(p, idx) {
+    const initials = `${p.firstName[0] ?? ""}${p.lastName[0] ?? ""}`.trim();
+    if (initials)
+        return initials.toUpperCase();
+    return String(idx + 1);
+}
+function synthPaxId(i, counts) {
+    if (i < counts.adults)
+        return `pax_adult_${i + 1}`;
+    const afterAdults = i - counts.adults;
+    if (afterAdults < (counts.children ?? 0))
+        return `pax_child_${afterAdults + 1}`;
+    return `pax_infant_${i - counts.adults - (counts.children ?? 0) + 1}`;
+}
+function synthPaxLabel(i, counts) {
+    if (i < counts.adults)
+        return `Adult ${i + 1}`;
+    const afterAdults = i - counts.adults;
+    if (afterAdults < (counts.children ?? 0))
+        return `Child ${afterAdults + 1}`;
+    return `Infant ${i - counts.adults - (counts.children ?? 0) + 1}`;
+}

package/dist/components/flight-services-step.d.ts

@@ -0,0 +1,27 @@
+import type { AncillaryCatalog, AncillarySelection, FlightOffer, FlightPassenger, PassengerCounts } from "@voyantjs/flights/contract/types";
+type AssistancePicks = NonNullable<AncillarySelection["assistance"]>;
+type ExtrasPicks = NonNullable<AncillarySelection["extras"]>;
+export interface FlightServicesStepProps {
+    /** Per-leg catalogs — outbound required, return only when round-trip. */
+    outboundCatalog: AncillaryCatalog | null;
+    returnCatalog?: AncillaryCatalog | null;
+    outboundOffer: FlightOffer;
+    returnOffer?: FlightOffer;
+    passengers: FlightPassenger[];
+    passengerCounts: PassengerCounts;
+    assistance: AssistancePicks;
+    extras: ExtrasPicks;
+    onAssistanceChange: (next: AssistancePicks) => void;
+    onExtrasChange: (next: ExtrasPicks) => void;
+    loading?: boolean;
+}
+/**
+ * Combined services step covering special assistance (per-pax, trip-wide)
+ * and extras (per-pax, per-leg). Assistance is a flat checkbox list per
+ * passenger; extras are stepper-style line items so the operator can add
+ * multiples (e.g. two pets in cabin). Both are optional — passengers can
+ * leave the step blank and continue.
+ */
+export declare function FlightServicesStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, assistance, extras, onAssistanceChange, onExtrasChange, loading, }: FlightServicesStepProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=flight-services-step.d.ts.map

package/dist/components/flight-services-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-services-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-services-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,gBAAgB,EAEhB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AAOzC,KAAK,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;AACpE,KAAK,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAE5D,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,WAAW,CAAA;IACnB,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,UAAU,EACV,MAAM,EACN,kBAAkB,EAClB,cAAc,EACd,OAAO,GACR,EAAE,uBAAuB,2CAyFzB"}

package/dist/components/flight-services-step.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyantjs/ui/components/button";
+import { Checkbox } from "@voyantjs/ui/components/checkbox";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { Accessibility, Minus, Package, Plus, Sparkles } from "lucide-react";
+import { useMemo } from "react";
+/**
+ * Combined services step covering special assistance (per-pax, trip-wide)
+ * and extras (per-pax, per-leg). Assistance is a flat checkbox list per
+ * passenger; extras are stepper-style line items so the operator can add
+ * multiples (e.g. two pets in cabin). Both are optional — passengers can
+ * leave the step blank and continue.
+ */
+export function FlightServicesStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, assistance, extras, onAssistanceChange, onExtrasChange, loading, }) {
+    const isRoundTrip = !!returnOffer;
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts), [passengers, passengerCounts]);
+    if (loading) {
+        return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "h-8 w-48 animate-pulse rounded bg-muted/40" }), _jsx("div", { className: "h-40 animate-pulse rounded-xl bg-muted/40" })] }));
+    }
+    if (!outboundCatalog) {
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: "Services couldn't be loaded for this offer." }));
+    }
+    const toggleAssistance = (passengerId, optionId, checked) => {
+        const filtered = assistance.filter((p) => !(p.passengerId === passengerId && p.optionId === optionId));
+        if (checked) {
+            onAssistanceChange([...filtered, { passengerId, optionId }]);
+        }
+        else {
+            onAssistanceChange(filtered);
+        }
+    };
+    const setExtraQty = (passengerId, sliceIndex, optionId, quantity) => {
+        const filtered = extras.filter((p) => !(p.passengerId === passengerId && p.sliceIndex === sliceIndex && p.optionId === optionId));
+        if (quantity > 0) {
+            onExtrasChange([...filtered, { passengerId, sliceIndex, optionId, quantity }]);
+        }
+        else {
+            onExtrasChange(filtered);
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Services & extras" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Optional \u2014 leave anything blank to skip." })] }), _jsx(AssistanceSection, { passengers: paxRows, options: outboundCatalog.assistance, value: assistance, onToggle: toggleAssistance }), _jsx(ExtrasSection, { legLabel: "Outbound", offer: outboundOffer, catalog: outboundCatalog, passengers: paxRows, sliceIndex: 0, value: extras, onSetQty: setExtraQty }), isRoundTrip && returnCatalog && returnOffer && (_jsx(ExtrasSection, { legLabel: "Return", offer: returnOffer, catalog: returnCatalog, passengers: paxRows, sliceIndex: 1, value: extras, onSetQty: setExtraQty }))] }));
+}
+function AssistanceSection({ passengers, options, value, onToggle, }) {
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-center gap-2", children: [_jsx(Accessibility, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "font-medium text-sm", children: "Special assistance" })] }), _jsx("div", { className: "flex flex-col gap-5", children: passengers.map((pax) => {
+                    const paxPicks = value.filter((v) => v.passengerId === pax.passengerId);
+                    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: paxPicks.length === 0 ? "No assistance needed" : `${paxPicks.length} selected` })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: options.map((opt) => {
+                                    const checked = paxPicks.some((p) => p.optionId === opt.id);
+                                    const id = `svc-${pax.passengerId}-${opt.id}`;
+                                    return (_jsxs("div", { className: cn("flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm transition-colors", checked
+                                            ? "border-primary bg-primary/5"
+                                            : "hover:border-primary/40 hover:bg-accent/30"), children: [_jsx(Checkbox, { id: id, checked: checked, onCheckedChange: (v) => onToggle(pax.passengerId, opt.id, !!v) }), _jsx("label", { htmlFor: id, className: "cursor-pointer", children: opt.label })] }, opt.id));
+                                }) })] }, pax.passengerId));
+                }) })] }));
+}
+function ExtrasSection({ legLabel, offer, catalog, passengers, sliceIndex, value, onSetQty, }) {
+    if (catalog.extras.length === 0)
+        return null;
+    const itin = offer.itineraries[0];
+    const first = itin?.segments[0];
+    const last = itin?.segments[itin.segments.length - 1];
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-baseline justify-between gap-2", children: [_jsxs("h3", { className: "flex items-center gap-2 font-medium text-sm", children: [_jsx(Sparkles, { className: "h-4 w-4 text-muted-foreground" }), legLabel, " extras"] }), first && last && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode] }))] }), _jsx("div", { className: "flex flex-col gap-4", children: passengers.map((pax) => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("ul", { className: "flex flex-col gap-1.5", children: catalog.extras.map((opt) => {
+                                const pick = value.find((v) => v.passengerId === pax.passengerId &&
+                                    v.sliceIndex === sliceIndex &&
+                                    v.optionId === opt.id);
+                                const qty = pick?.quantity ?? 0;
+                                return (_jsx(ExtraRow, { option: opt, quantity: qty, onChange: (next) => onSetQty(pax.passengerId, sliceIndex, opt.id, next) }, opt.id));
+                            }) })] }, pax.passengerId))) })] }));
+}
+function ExtraRow({ option, quantity, onChange, }) {
+    return (_jsxs("li", { className: "flex items-center justify-between gap-3 rounded-md border bg-card px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Package, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate text-sm", children: option.label }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: formatMoney(option.price.amount, option.price.currency) })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(Math.max(0, quantity - 1)), disabled: quantity === 0, children: _jsx(Minus, { className: "h-3 w-3" }) }), _jsx("span", { className: "min-w-6 text-center font-medium text-sm tabular-nums", children: quantity }), _jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(Math.min(9, quantity + 1)), children: _jsx(Plus, { className: "h-3 w-3" }) })] })] }));
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function buildPassengerRows(passengers, counts) {
+    if (passengers.length > 0) {
+        return passengers.map((p) => ({
+            passengerId: p.passengerId,
+            label: nameOrFallback(p),
+        }));
+    }
+    const out = [];
+    for (let i = 1; i <= counts.adults; i++) {
+        out.push({ passengerId: `pax_adult_${i}`, label: `Adult ${i}` });
+    }
+    for (let i = 1; i <= (counts.children ?? 0); i++) {
+        out.push({ passengerId: `pax_child_${i}`, label: `Child ${i}` });
+    }
+    for (let i = 1; i <= (counts.infants ?? 0); i++) {
+        out.push({ passengerId: `pax_infant_${i}`, label: `Infant ${i}` });
+    }
+    return out;
+}
+function nameOrFallback(p) {
+    const full = `${p.firstName} ${p.lastName}`.trim();
+    if (full)
+        return full;
+    const idx = p.passengerId.match(/_(\d+)$/)?.[1] ?? "1";
+    const cap = p.type[0]?.toUpperCase() + p.type.slice(1);
+    return `${cap} ${idx}`;
+}
+function formatMoney(amount, currency) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(n);
+}

package/dist/components/pax-cabin-popover.d.ts

@@ -0,0 +1,18 @@
+import type { CabinClass, PassengerCounts } from "@voyantjs/flights/contract/types";
+export interface PaxCabinPopoverProps {
+    passengers: PassengerCounts;
+    cabin: CabinClass;
+    onChange: (next: {
+        passengers: PassengerCounts;
+        cabin: CabinClass;
+    }) => void;
+    className?: string;
+}
+/**
+ * Compact pax + cabin selector — single trigger button summarizing
+ * "2 adults · Economy" that opens a popover with steppers for each pax
+ * type and a cabin select. Mirrors the Google Flights / Skyscanner
+ * pattern; keeps the search form on one row.
+ */
+export declare function PaxCabinPopover({ passengers, cabin, onChange, className }: PaxCabinPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pax-cabin-popover.d.ts.map

package/dist/components/pax-cabin-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pax-cabin-popover.d.ts","sourceRoot":"","sources":["../../src/components/pax-cabin-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAYnF,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,eAAe,CAAA;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAA;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAuE/F"}

package/dist/components/pax-cabin-popover.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyantjs/ui/components/button";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components/select";
+import { Minus, Plus, Users } from "lucide-react";
+const CABIN_LABEL = {
+    economy: "Economy",
+    premium_economy: "Premium economy",
+    business: "Business",
+    first: "First",
+};
+/**
+ * Compact pax + cabin selector — single trigger button summarizing
+ * "2 adults · Economy" that opens a popover with steppers for each pax
+ * type and a cabin select. Mirrors the Google Flights / Skyscanner
+ * pattern; keeps the search form on one row.
+ */
+export function PaxCabinPopover({ passengers, cabin, onChange, className }) {
+    const total = passengers.adults + (passengers.children ?? 0) + (passengers.infants ?? 0);
+    const summary = `${total} ${total === 1 ? "passenger" : "passengers"} · ${CABIN_LABEL[cabin]}`;
+    const setCount = (key, value) => {
+        onChange({
+            passengers: {
+                ...passengers,
+                [key]: Math.max(key === "adults" ? 1 : 0, value),
+            },
+            cabin,
+        });
+    };
+    return (_jsxs(Popover, { children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "lg", className: className }), children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "text-sm", children: summary })] }), _jsx(PopoverContent, { align: "end", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(PaxStepper, { label: "Adults", sublabel: "12+", value: passengers.adults, min: 1, onChange: (v) => setCount("adults", v) }), _jsx(PaxStepper, { label: "Children", sublabel: "2-11", value: passengers.children ?? 0, min: 0, onChange: (v) => setCount("children", v) }), _jsx(PaxStepper, { label: "Infants", sublabel: "under 2", value: passengers.infants ?? 0, min: 0, onChange: (v) => setCount("infants", v) }), _jsxs("div", { className: "mt-1 flex flex-col gap-1.5 border-t pt-3", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Cabin" }), _jsxs(Select, { value: cabin, onValueChange: (v) => {
+                                        if (v)
+                                            onChange({ passengers, cabin: v });
+                                    }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.keys(CABIN_LABEL).map((c) => (_jsx(SelectItem, { value: c, children: CABIN_LABEL[c] }, c))) })] })] })] }) })] }));
+}
+function PaxStepper({ label, sublabel, value, min, onChange, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "text-sm font-medium", children: label }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: sublabel })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(value - 1), disabled: value <= min, "aria-label": `Decrease ${label}`, children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "w-6 text-center text-sm font-medium tabular-nums", children: value }), _jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(value + 1), "aria-label": `Increase ${label}`, children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }));
+}

package/dist/components/popular-routes.d.ts

@@ -0,0 +1,47 @@
+import type { CabinClass, FlightSearchRequest } from "@voyantjs/flights/contract/types";
+export interface PopularRoute {
+    /** Origin IATA code. */
+    origin: string;
+    /** Display label for the origin (e.g. city). */
+    originLabel: string;
+    /** Destination IATA code. */
+    destination: string;
+    destinationLabel: string;
+    /** Optional human-readable hint shown beneath the route ("From €120"). */
+    hint?: string;
+    /** Trip flavor tag — purely cosmetic. */
+    tag?: string;
+}
+export interface PopularRoutesProps {
+    routes: PopularRoute[];
+    /** Called when the user clicks a card. The page builds a search from this. */
+    onSelect: (request: FlightSearchRequest) => void;
+    /** Trip type used for the synthesized request. Default `"round_trip"`. */
+    tripType?: "one_way" | "round_trip";
+    /** Days from today to use as departure date. Default 14. */
+    daysOut?: number;
+    /** Trip duration when round-trip. Default 7. */
+    tripNights?: number;
+    /** Cabin class for the synthesized request. Default `"economy"`. */
+    cabin?: CabinClass;
+    /** Adults for the synthesized request. Default 1. */
+    adults?: number;
+    className?: string;
+    /** Section title; pass `null` to hide. */
+    title?: string | null;
+}
+/**
+ * Default route set — recognizable city pairs across regions so a fresh
+ * /flights page has something to click without having to type airports.
+ * Pages can pass their own `routes` to override.
+ */
+export declare const DEFAULT_POPULAR_ROUTES: PopularRoute[];
+/**
+ * A grid of clickable popular-route cards. Each card synthesizes a
+ * `FlightSearchRequest` (round-trip by default, 14 days out, 7 nights) and
+ * fires `onSelect` so the page can prefill its form + run the search in one
+ * step. Designed for the empty-state of a flights page: gives the user
+ * something to do without typing airport codes.
+ */
+export declare function PopularRoutes({ routes, onSelect, tripType, daysOut, tripNights, cabin, adults, className, title, }: PopularRoutesProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=popular-routes.d.ts.map

package/dist/components/popular-routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popular-routes.d.ts","sourceRoot":"","sources":["../../src/components/popular-routes.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAKvF,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAA;IACnB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAChD,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;IACnC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,YAAY,EAiFhD,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAuB,EACvB,OAAY,EACZ,UAAc,EACd,KAAiB,EACjB,MAAU,EACV,SAAS,EACT,KAAwB,GACzB,EAAE,kBAAkB,2CA2DpB"}