@myrjfa/ui 2.1.9 → 2.2.0

package/dist/components/ui/misc/skeleton-extras.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@myrjfa/ui/dist/misc/skeleton';
+export function FeedSkeleton({ count = 6 }) {
+    return (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: count }).map((_, i) => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Skeleton, { className: "h-48 w-full rounded-xl" }), _jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-4 w-1/2" })] }, i))) }));
+}
+export function SkeletonList({ count = 5 }) {
+    return (_jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: count }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-12 w-12 rounded-full" }), _jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [_jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-3 w-1/2" })] })] }, i))) }));
+}
+export function DetailPageSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6 max-w-4xl mx-auto", children: [_jsx(Skeleton, { className: "h-64 w-full rounded-xl" }), _jsx(Skeleton, { className: "h-8 w-2/3" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsx(Skeleton, { className: "h-4 w-4/5" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Skeleton, { className: "h-24 rounded-lg" }), _jsx(Skeleton, { className: "h-24 rounded-lg" })] })] }));
+}
+// ── Companion Skeletons ────────────────────────────────────────────────────────
+export function TripCardSkeleton() {
+    return (_jsxs("div", { className: "bg-white rounded-3xl overflow-hidden border border-slate-100 flex flex-col", children: [_jsx(Skeleton, { className: "h-36 w-full rounded-none" }), _jsxs("div", { className: "p-5 flex flex-col gap-3", children: [_jsx(Skeleton, { className: "h-4 w-2/3" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-3 w-1/2" }), _jsxs("div", { className: "flex gap-1.5 mt-1", children: [_jsx(Skeleton, { className: "h-5 w-14 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-12 rounded-full" })] })] })] }));
+}
+export function TripFeedSkeleton({ count = 8 }) {
+    return (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5", children: Array.from({ length: count }).map((_, i) => (_jsx(TripCardSkeleton, {}, i))) }));
+}
+export function MatchCardSkeleton() {
+    return (_jsxs("div", { className: "bg-white rounded-3xl p-5 border border-slate-100 flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "w-14 h-14 rounded-full shrink-0" }), _jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [_jsx(Skeleton, { className: "h-4 w-1/2" }), _jsx(Skeleton, { className: "h-3 w-1/3" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] }), _jsx(Skeleton, { className: "w-11 h-11 rounded-2xl shrink-0" })] }), _jsxs("div", { className: "flex gap-1.5 ml-[4.5rem]", children: [_jsx(Skeleton, { className: "h-5 w-14 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-12 rounded-full" })] })] }));
+}
+export function MatchesSkeleton({ count = 5 }) {
+    return (_jsx("div", { className: "space-y-4", children: Array.from({ length: count }).map((_, i) => (_jsx(MatchCardSkeleton, {}, i))) }));
+}
+export function TripDetailSkeleton() {
+    return (_jsx("div", { className: "min-h-screen bg-slate-50 pt-20 pb-20", children: _jsxs("div", { className: "container mx-auto px-4 max-w-3xl", children: [_jsxs("div", { className: "flex items-center gap-4 mb-6 pt-6", children: [_jsx(Skeleton, { className: "w-5 h-5 rounded" }), _jsx(Skeleton, { className: "h-6 w-32" })] }), _jsx(Skeleton, { className: "h-64 md:h-72 w-full rounded-t-3xl" }), _jsxs("div", { className: "bg-white rounded-b-3xl p-8 border border-t-0 border-slate-100 shadow-sm", children: [_jsxs("div", { className: "flex items-start justify-between flex-wrap gap-4 mb-6", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Skeleton, { className: "h-7 w-56" }), _jsx(Skeleton, { className: "h-4 w-72" })] }), _jsx(Skeleton, { className: "h-9 w-16 rounded-full" })] }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-6", children: Array.from({ length: 4 }).map((_, i) => (_jsx(Skeleton, { className: "h-20 rounded-2xl" }, i))) }), _jsxs("div", { className: "mb-6 flex flex-col gap-2", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsx(Skeleton, { className: "h-4 w-4/5" })] }), _jsxs("div", { className: "flex gap-2 mb-6", children: [_jsx(Skeleton, { className: "h-6 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-6 w-20 rounded-full" }), _jsx(Skeleton, { className: "h-6 w-14 rounded-full" })] }), _jsxs("div", { className: "flex items-center gap-3 py-4 border-t border-slate-100", children: [_jsx(Skeleton, { className: "w-10 h-10 rounded-full shrink-0" }), _jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-20" })] })] }), _jsx("div", { className: "mt-6 pt-6 border-t border-slate-100", children: _jsx(Skeleton, { className: "h-14 w-full rounded-2xl" }) })] })] }) }));
+}
+export function SwipeCardSkeleton() {
+    return (_jsxs("div", { className: "max-w-md mx-auto", children: [_jsxs("div", { className: "bg-white rounded-[2rem] shadow-xl overflow-hidden border border-slate-100", children: [_jsx(Skeleton, { className: "h-48 w-full rounded-none" }), _jsxs("div", { className: "p-6 flex flex-col gap-3", children: [_jsx(Skeleton, { className: "h-5 w-40" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-7 w-20 rounded-full" }), _jsx(Skeleton, { className: "h-7 w-24 rounded-full" }), _jsx(Skeleton, { className: "h-7 w-16 rounded-full" })] })] })] }), _jsxs("div", { className: "flex justify-center gap-8 mt-6", children: [_jsx(Skeleton, { className: "w-14 h-14 rounded-full" }), _jsx(Skeleton, { className: "w-[72px] h-[72px] rounded-full" })] })] }));
+}
+// ── Events Skeletons ──────────────────────────────────────────────────────────
+export function EventCardSkeleton() {
+    return (_jsxs("div", { className: "bg-white rounded-[2rem] border border-gray-100 overflow-hidden flex flex-col", children: [_jsx(Skeleton, { className: "h-56 w-full rounded-none" }), _jsxs("div", { className: "p-5 flex flex-col gap-3", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-5 w-24 rounded-md" }), _jsx(Skeleton, { className: "h-5 w-20 rounded-md" })] }), _jsx(Skeleton, { className: "h-5 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsx(Skeleton, { className: "h-4 w-2/3" }), _jsxs("div", { className: "flex items-center justify-between pt-3 border-t border-gray-100", children: [_jsx(Skeleton, { className: "h-6 w-20" }), _jsx(Skeleton, { className: "h-9 w-20 rounded-xl" })] })] })] }));
+}
+export function EventFeedSkeleton({ count = 8 }) {
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: Array.from({ length: count }).map((_, i) => (_jsx(EventCardSkeleton, {}, i))) }));
+}
+export function EventDetailSkeleton() {
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-24", children: [_jsx(Skeleton, { className: "h-[50vh] w-full rounded-none" }), _jsxs("div", { className: "container mx-auto px-4 max-w-6xl pt-10 flex flex-col lg:flex-row gap-12", children: [_jsxs("div", { className: "flex-1 flex flex-col gap-10", children: [_jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, i) => (_jsx(Skeleton, { className: "h-20 rounded-[2rem]" }, i))) }), _jsxs("div", { className: "border-t border-gray-100 pt-8 flex flex-col gap-3", children: [_jsx(Skeleton, { className: "h-7 w-48" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsx(Skeleton, { className: "h-4 w-4/5" })] }), _jsxs("div", { className: "border-t border-gray-100 pt-8 flex flex-col gap-3", children: [_jsx(Skeleton, { className: "h-7 w-40" }), _jsx("div", { className: "grid grid-cols-2 gap-2.5", children: Array.from({ length: 4 }).map((_, i) => (_jsx(Skeleton, { className: "h-10 rounded-2xl" }, i))) })] })] }), _jsx("div", { className: "w-full lg:w-[420px] shrink-0", children: _jsxs("div", { className: "bg-white rounded-[2.5rem] border border-gray-100 shadow-2xl p-8 flex flex-col gap-6", children: [_jsx(Skeleton, { className: "h-10 w-32" }), _jsx(Skeleton, { className: "h-20 rounded-2xl" }), _jsx(Skeleton, { className: "h-10 rounded-2xl" }), _jsx(Skeleton, { className: "h-10 rounded-2xl" }), _jsx(Skeleton, { className: "h-14 rounded-2xl" })] }) })] })] }));
+}
+// ── Stay Skeletons ────────────────────────────────────────────────────────────
+export function StayDetailSkeleton() {
+    return (_jsx("div", { className: "min-h-screen bg-gray-50 pt-16", children: _jsxs("div", { className: "container mx-auto px-4 max-w-6xl pt-6", children: [_jsx(Skeleton, { className: "h-5 w-28 mb-5" }), _jsxs("div", { className: "grid grid-cols-4 grid-rows-2 gap-2 h-[420px] rounded-3xl overflow-hidden mb-8", children: [_jsx(Skeleton, { className: "col-span-2 row-span-2 rounded-none" }), _jsx(Skeleton, { className: "rounded-none" }), _jsx(Skeleton, { className: "rounded-none" }), _jsx(Skeleton, { className: "rounded-none" }), _jsx(Skeleton, { className: "rounded-none" })] }), _jsxs("div", { className: "flex flex-col xl:flex-row gap-8", children: [_jsxs("main", { className: "flex-1 flex flex-col gap-8 pb-20", children: [_jsxs("div", { className: "pb-8 border-b border-gray-200 flex flex-col gap-3", children: [_jsx(Skeleton, { className: "h-8 w-2/3" }), _jsx(Skeleton, { className: "h-4 w-1/2" })] }), _jsxs("div", { className: "py-8 border-b border-gray-200 flex flex-col gap-3", children: [_jsx(Skeleton, { className: "h-6 w-40" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" })] }), _jsx("div", { className: "py-8 border-b border-gray-200 grid grid-cols-3 gap-3", children: Array.from({ length: 9 }).map((_, i) => (_jsx(Skeleton, { className: "h-6" }, i))) }), _jsxs("div", { className: "py-8 flex flex-col gap-4", children: [_jsx(Skeleton, { className: "h-7 w-48 mb-2" }), Array.from({ length: 2 }).map((_, i) => (_jsx(Skeleton, { className: "h-48 w-full rounded-3xl" }, i)))] })] }), _jsx("aside", { className: "w-full xl:w-80 shrink-0", children: _jsx(Skeleton, { className: "h-96 w-full rounded-3xl" }) })] })] }) }));
+}
+// ── Dashboard Skeletons ───────────────────────────────────────────────────────
+export function BookingDetailSkeleton() {
+    return (_jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "w-10 h-10 rounded-2xl shrink-0" }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Skeleton, { className: "h-7 w-40" }), _jsx(Skeleton, { className: "h-4 w-56" })] }), _jsxs("div", { className: "ml-auto flex gap-2", children: [_jsx(Skeleton, { className: "h-12 w-28 rounded-2xl" }), _jsx(Skeleton, { className: "h-12 w-32 rounded-2xl" })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: Array.from({ length: 2 }).map((_, i) => (_jsxs("div", { className: "bg-white rounded-3xl border border-slate-100 p-6 space-y-4", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsxs("div", { className: "flex items-center gap-3 pb-4 border-b border-slate-50", children: [_jsx(Skeleton, { className: "w-14 h-14 rounded-2xl shrink-0" }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-20" })] })] }), _jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, j) => (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Skeleton, { className: "w-8 h-8 rounded-xl shrink-0" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-3 w-16" }), _jsx(Skeleton, { className: "h-4 w-40" })] })] }, j))) })] }, i))) }), _jsxs("div", { className: "bg-white rounded-3xl border border-slate-100 p-6", children: [_jsx(Skeleton, { className: "h-4 w-24 mb-4" }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Skeleton, { className: "h-12 w-40 rounded-2xl" }), _jsx(Skeleton, { className: "h-12 w-32 rounded-2xl" })] })] })] }));
+}
+export function ManagersPageSkeleton() {
+    return (_jsx("div", { className: "min-h-screen bg-slate-50 pt-24 pb-20 px-4", children: _jsxs("div", { className: "max-w-4xl mx-auto space-y-8", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Skeleton, { className: "h-4 w-28" }), _jsx(Skeleton, { className: "h-9 w-40" }), _jsx(Skeleton, { className: "h-4 w-64" })] }), _jsx(Skeleton, { className: "h-12 w-36 rounded-full" })] }), _jsx("div", { className: "bg-white rounded-[2rem] border border-slate-100 overflow-hidden divide-y divide-slate-100", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "p-6 flex items-center gap-5", children: [_jsx(Skeleton, { className: "w-14 h-14 rounded-2xl shrink-0" }), _jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [_jsx(Skeleton, { className: "h-5 w-32" }), _jsx(Skeleton, { className: "h-3 w-24" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "w-9 h-9 rounded-xl" }), _jsx(Skeleton, { className: "w-9 h-9 rounded-xl" })] })] }, i))) })] }) }));
+}
+// ── Places / Itinerary Skeletons ──────────────────────────────────────────────
+export function ItineraryGridSkeleton({ count = 6 }) {
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5", children: Array.from({ length: count }).map((_, i) => (_jsxs("div", { className: "bg-white rounded-2xl border border-gray-100 shadow-sm p-5 flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full shrink-0" })] }), _jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-5/6" }), _jsxs("div", { className: "flex gap-3 pt-2 border-t border-gray-50", children: [_jsx(Skeleton, { className: "h-4 w-16" }), _jsx(Skeleton, { className: "h-4 w-20" })] })] }, i))) }));
+}
+export function ForumPostSkeleton({ count = 4 }) {
+    return (_jsx("div", { className: "space-y-4", children: Array.from({ length: count }).map((_, i) => (_jsxs("div", { className: "bg-white rounded-2xl border border-gray-100 p-5 flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "w-8 h-8 rounded-full shrink-0" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-3 w-24" }), _jsx(Skeleton, { className: "h-3 w-16" })] })] }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-5/6" }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Skeleton, { className: "h-7 w-16 rounded-lg" }), _jsx(Skeleton, { className: "h-7 w-16 rounded-lg" })] })] }, i))) }));
+}

package/dist/components/ui/misc/tile.d.ts

@@ -0,0 +1,4 @@
+import { TileProps } from "@myrjfa/state/dist/lib/models/tile";
+export type { TileProps };
+export declare function Tile({ slug, image, title, description, location, rating, skills, tileType, className, date, host, duration, price, currency, includeHost, href, }: TileProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tile.d.ts.map

package/dist/components/ui/misc/tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/tile.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D,YAAY,EAAE,SAAS,EAAE,CAAC;AAG1B,wBAAgB,IAAI,CAAC,EACjB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAW,EACX,QAA0B,EAC1B,SAAS,EACT,IAAI,EACJ,IAAgB,EAChB,QAAY,EACZ,KAAW,EACX,QAAgB,EAChB,WAAkB,EAClB,IAAI,GACP,EAAE,SAAS,2CA6JX"}

package/dist/components/ui/misc/tile.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, formatDate, truncateText } from "@myrjfa/state/dist/lib/utils";
+import { Clock, Loader2, MapPin, Star } from "lucide-react";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { Badge } from "@myrjfa/ui/dist/misc/badge";
+import { Card, CardContent } from "@myrjfa/ui/dist/misc/card";
+import { RentalTile } from "./rental-tile";
+import { ListingWishlistButton } from "../../../misc/listing-wishlist-button";
+export function Tile({ slug, image, title, description, location, rating, skills = [], tileType = "opportunities", className, date, host = undefined, duration = 1, price = 0.0, currency = "INR", includeHost = true, href, }) {
+    var _a, _b, _c, _d;
+    const effectiveTileType = (tileType !== null && tileType !== void 0 ? tileType : "opportunities");
+    const router = useRouter();
+    const [clicked, setClicked] = useState(false);
+    const handleTileClick = () => {
+        if (clicked)
+            return; // prevent duplicate navigation
+        setClicked(true);
+        router.push(href !== null && href !== void 0 ? href : `/${effectiveTileType}/${slug}`);
+    };
+    const formatPrice = (price, currency) => {
+        return new Intl.NumberFormat('en-IN', {
+            style: 'currency',
+            currency,
+            maximumFractionDigits: 0
+        }).format(price);
+    };
+    if (effectiveTileType === "rentals") {
+        return _jsx(RentalTile, { ...arguments[0], onClick: handleTileClick, clicked: clicked });
+    }
+    return (_jsxs(Card, { className: cn("h-full shadow-lg py-0 gap-0 group transition-shadow hover:shadow-2xl border border-gray-100 rounded-2xl overflow-hidden cursor-pointer relative bg-white", className, clicked && "opacity-60 pointer-events-none" // visual cue + blocking
+        ), onClick: handleTileClick, children: [clicked && (_jsx("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-white/70 rounded-lg", children: _jsx(Loader2, { className: "animate-spin text-gray-600", size: 24 }) })), _jsxs("div", { className: "relative h-55 w-full p-0 overflow-hidden", children: [_jsx(Image, { src: image, alt: title, fill: true, priority: true, sizes: "(max-width: 768px) 100vw, 400px", className: "object-cover transition-transform duration-300 group-hover:scale-105", style: {
+                            WebkitMaskImage: "linear-gradient(to bottom, rgba(0,0,0,1) 90%, rgba(255, 255, 255, 0) 100%)",
+                            WebkitMaskRepeat: "no-repeat",
+                            WebkitMaskSize: "100% 100%",
+                        }, onError: (e) => console.error(e.target) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-5 pointer-events-none bg-gradient-to-b from-transparent to-white" }), tileType !== "blogs" && (_jsx(ListingWishlistButton, { slug: slug, tileType: effectiveTileType, className: "absolute top-3 right-3 z-10" })), (effectiveTileType == "packages" || effectiveTileType == "adventures" || effectiveTileType == "guides" || effectiveTileType == "stays" || effectiveTileType == "events") && (_jsx("div", { className: "absolute top-4 left-4 bg-white/80 backdrop-blur px-3 py-1 rounded-full shadow text-gray-900 font-semibold text-base", children: formatPrice(price, currency) }))] }), _jsxs(CardContent, { className: "p-4 pt-0 flex flex-col gap-3 z-10", children: [tileType !== "blogs" && (_jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [location && (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(MapPin, { size: 15 }), " ", truncateText(location, 30)] })), (rating && rating > 0) ? _jsxs("div", { className: "flex items-center gap-1 bg-green-50 px-2 py-1 rounded-full", children: [_jsx(Star, { className: "w-4 h-4 text-amber-400 fill-current" }), _jsx("span", { className: " font-semibold", children: rating })] })
+                                : null] })), _jsx("h4", { className: "text-lg font-semibold truncate-text", children: truncateText(title, 30) }), (effectiveTileType !== "packages" && effectiveTileType !== "adventures" && effectiveTileType !== "guides" && effectiveTileType !== "stays" && effectiveTileType !== "events") &&
+                        _jsx("p", { className: "text-sm text-muted-foreground truncate-text-3", children: description }), effectiveTileType == "opportunities" && skills.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-2 truncate-text", children: skills.slice(0, 3).map((skill, index) => (_jsx(Badge, { variant: "secondary", children: truncateText(skill, 10) }, index))) })), effectiveTileType == "blogs" && (includeHost ?
+                        _jsxs("div", { className: "flex items-center gap-3 pt-3 border-t min-h-12 max-h-15", children: [_jsx(Image, { src: (_a = host === null || host === void 0 ? void 0 : host.image) !== null && _a !== void 0 ? _a : "/images/profile_placeholder.webp", alt: "Host Image", width: 40, height: 40, className: "rounded-full object-cover" }), _jsxs("div", { className: "flex-1", children: [_jsxs("p", { className: "font-medium", children: ["By ", truncateText((_b = host === null || host === void 0 ? void 0 : host.name) !== null && _b !== void 0 ? _b : "Host", 18)] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["on ", formatDate(date !== null && date !== void 0 ? date : new Date())] })] })] }) :
+                        _jsxs("div", { className: "flex justify-between items-center text-xs text-gray-500", children: [_jsx("span", { children: formatDate(date !== null && date !== void 0 ? date : new Date()) }), _jsxs("span", { children: [rating, " likes"] })] })), (effectiveTileType == "packages" || effectiveTileType == "adventures" || effectiveTileType == "guides" || effectiveTileType == "stays" || effectiveTileType == "events") && (_jsxs("div", { className: "flex items-center justify-between pt-3 border-t border-gray-100", children: [(effectiveTileType !== "guides" && effectiveTileType !== "stays" && effectiveTileType !== "events") && (_jsxs("div", { className: "flex items-center gap-1 text-gray-600 whitespace-nowrap", children: [_jsx(Clock, { className: "w-4 h-4 mr-1" }), _jsxs("span", { className: "text-sm", children: [duration, " ", effectiveTileType == "adventures" ? "hrs" : "Days"] })] })), includeHost ?
+                                _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Image, { src: (_c = host === null || host === void 0 ? void 0 : host.image) !== null && _c !== void 0 ? _c : "/images/profile_placeholder.webp", alt: (_d = host === null || host === void 0 ? void 0 : host.name) !== null && _d !== void 0 ? _d : "DP", width: 25, height: 25, className: "rounded-full" }), _jsx("span", { className: "text-sm text-gray-500 max-w-40", children: host === null || host === void 0 ? void 0 : host.name })] }) :
+                                _jsx("div", { className: "flex justify-between items-center text-xs text-gray-500", children: _jsx("span", { children: formatDate(date !== null && date !== void 0 ? date : new Date()) }) })] }))] })] }));
+}

package/dist/components/ui/misc/whatsapp-help.d.ts

@@ -0,0 +1,7 @@
+interface WhatsAppHelpButtonProps {
+    message?: string;
+    phoneNumber?: string;
+}
+export declare function WhatsAppHelpButton({ message, phoneNumber }: WhatsAppHelpButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=whatsapp-help.d.ts.map

package/dist/components/ui/misc/whatsapp-help.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-help.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/whatsapp-help.tsx"],"names":[],"mappings":"AAGA,UAAU,uBAAuB;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,OAAsB,EAAE,WAA4B,EAAE,EAAE,uBAAuB,2CAenH"}

package/dist/components/ui/misc/whatsapp-help.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WhatsAppHelpButton({ message = 'Need help?', phoneNumber = '918888888888' }) {
+    const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;
+    return (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "fixed bottom-6 right-6 z-50 flex items-center gap-2 bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-full shadow-lg text-sm font-medium transition-colors", children: [_jsx("svg", { viewBox: "0 0 24 24", className: "h-5 w-5 fill-current", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }), "Help"] }));
+}

package/dist/components/ui/motion.d.ts

@@ -0,0 +1,14 @@
+export declare const MotionDiv: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MotionSpan: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"span">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const MotionButton: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"button">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const MotionForm: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"form">, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
+export declare const MotionUl: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"ul">, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+export declare const MotionLi: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"li">, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const MotionP: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"p">, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const MotionH1: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"h1">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const MotionH2: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"h2">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const MotionH3: import("react").ComponentType<Omit<import("framer-motion").HTMLMotionProps<"h3">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const AnimatePresence: import("react").ComponentType<import("react").PropsWithChildren<import("framer-motion").AnimatePresenceProps>>;
+export declare const MotionG: import("react").ComponentType<import("framer-motion").SVGMotionProps<SVGGElement> & import("react").RefAttributes<SVGGElement>>;
+export declare const MotionText: import("react").ComponentType<import("framer-motion").SVGMotionProps<SVGTextElement> & import("react").RefAttributes<SVGTextElement>>;
+//# sourceMappingURL=motion.d.ts.map

package/dist/components/ui/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/motion.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,4IAGrB,CAAC;AAEF,eAAO,MAAM,UAAU,8IAGtB,CAAC;AAEF,eAAO,MAAM,YAAY,kJAGxB,CAAC;AAEF,eAAO,MAAM,UAAU,8IAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,6IAGpB,CAAC;AAEF,eAAO,MAAM,QAAQ,0IAGpB,CAAC;AAEF,eAAO,MAAM,OAAO,gJAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+IAGpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+IAGpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+IAGpB,CAAC;AAEF,eAAO,MAAM,eAAe,gHAG3B,CAAC;AAEF,eAAO,MAAM,OAAO,iIAGnB,CAAC;AAEF,eAAO,MAAM,UAAU,uIAGtB,CAAC"}

package/dist/components/ui/motion.js

@@ -0,0 +1,17 @@
+"use client";
+import dynamic from "next/dynamic";
+// Dynamically import framer-motion components to prevent bundling the 80KB library 
+// on initial page load for pages that only need simple animations.
+export const MotionDiv = dynamic(() => import("framer-motion").then((mod) => mod.motion.div), { ssr: false });
+export const MotionSpan = dynamic(() => import("framer-motion").then((mod) => mod.motion.span), { ssr: false });
+export const MotionButton = dynamic(() => import("framer-motion").then((mod) => mod.motion.button), { ssr: false });
+export const MotionForm = dynamic(() => import("framer-motion").then((mod) => mod.motion.form), { ssr: false });
+export const MotionUl = dynamic(() => import("framer-motion").then((mod) => mod.motion.ul), { ssr: false });
+export const MotionLi = dynamic(() => import("framer-motion").then((mod) => mod.motion.li), { ssr: false });
+export const MotionP = dynamic(() => import("framer-motion").then((mod) => mod.motion.p), { ssr: false });
+export const MotionH1 = dynamic(() => import("framer-motion").then((mod) => mod.motion.h1), { ssr: false });
+export const MotionH2 = dynamic(() => import("framer-motion").then((mod) => mod.motion.h2), { ssr: false });
+export const MotionH3 = dynamic(() => import("framer-motion").then((mod) => mod.motion.h3), { ssr: false });
+export const AnimatePresence = dynamic(() => import("framer-motion").then((mod) => mod.AnimatePresence), { ssr: false });
+export const MotionG = dynamic(() => import("framer-motion").then((mod) => mod.motion.g), { ssr: false });
+export const MotionText = dynamic(() => import("framer-motion").then((mod) => mod.motion.text), { ssr: false });

package/dist/components/ui/trippeaze/breadcrumb-trail.d.ts

@@ -0,0 +1,10 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export declare function BreadcrumbTrail({ items, className, light, }: {
+    items: BreadcrumbItem[];
+    className?: string;
+    light?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=breadcrumb-trail.d.ts.map

package/dist/components/ui/trippeaze/breadcrumb-trail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-trail.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/trippeaze/breadcrumb-trail.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,KAAa,GACd,EAAE;IACD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CAyDA"}

package/dist/components/ui/trippeaze/breadcrumb-trail.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ChevronRight, Home } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+export function BreadcrumbTrail({ items, className, light = false, }) {
+    const tone = light
+        ? "text-white/72 [&_a]:text-white/72 [&_a:hover]:text-white [&_svg]:text-white/45"
+        : "text-slate-500 [&_a]:text-slate-500 [&_a:hover]:text-slate-950 [&_svg]:text-slate-300";
+    return (_jsx("nav", { "aria-label": "Breadcrumb", className: cn("flex flex-wrap items-center gap-1.5 text-xs font-semibold sm:text-sm", tone, className), children: items.map((item, index) => {
+            const isFirst = index === 0;
+            const isLast = index === items.length - 1;
+            return (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [!isFirst ? _jsx(ChevronRight, { className: "h-3.5 w-3.5" }) : null, item.href && !isLast ? (_jsx(Link, { href: item.href, className: "transition-colors", children: isFirst ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Home, { className: "h-3.5 w-3.5" }), item.label] })) : (item.label) })) : (_jsx("span", { className: cn("truncate", isLast ? (light ? "text-white" : "text-slate-950") : ""), children: isFirst ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Home, { className: "h-3.5 w-3.5" }), item.label] })) : (item.label) }))] }, `${item.label}-${index}`));
+        }) }));
+}

package/dist/components/ui/trippeaze/chip-tabs.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export interface ChipTabItem<T extends string> {
+    id: T;
+    label: string;
+    icon?: ReactNode;
+}
+export declare function ChipTabs<T extends string>({ items, active, onChange, className, }: {
+    items: ChipTabItem<T>[];
+    active: T;
+    onChange: (value: T) => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chip-tabs.d.ts.map

package/dist/components/ui/trippeaze/chip-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/trippeaze/chip-tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM;IAC3C,EAAE,EAAE,CAAC,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAgBA"}

package/dist/components/ui/trippeaze/chip-tabs.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+export function ChipTabs({ items, active, onChange, className, }) {
+    return (_jsx("div", { className: cn("flex flex-wrap gap-2", className), children: items.map((item) => (_jsxs("button", { type: "button", onClick: () => onChange(item.id), className: cn("tp-chip", active === item.id && "tp-chip-active"), children: [item.icon, _jsx("span", { children: item.label })] }, item.id))) }));
+}

package/dist/components/ui/trippeaze/page-shell.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+export declare function PageShell({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PageContainer({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SurfaceCard({ children, className, muted, }: {
+    children: ReactNode;
+    className?: string;
+    muted?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SectionHeading({ eyebrow, title, description, action, className, }: {
+    eyebrow?: string;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-shell.d.ts.map

package/dist/components/ui/trippeaze/page-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/trippeaze/page-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAEA;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAEA;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAa,GACd,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CAMA;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAoBA"}

package/dist/components/ui/trippeaze/page-shell.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+export function PageShell({ children, className, }) {
+    return _jsx("div", { className: cn("tp-page pt-16", className), children: children });
+}
+export function PageContainer({ children, className, }) {
+    return _jsx("div", { className: cn("tp-container", className), children: children });
+}
+export function SurfaceCard({ children, className, muted = false, }) {
+    return (_jsx("div", { className: cn(muted ? "tp-surface-muted" : "tp-surface", className), children: children }));
+}
+export function SectionHeading({ eyebrow, title, description, action, className, }) {
+    return (_jsxs("div", { className: cn("flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", className), children: [_jsxs("div", { className: "tp-stack-1", children: [eyebrow ? _jsx("span", { className: "tp-eyebrow", children: eyebrow }) : null, _jsxs("div", { className: "tp-stack-1", children: [_jsx("h2", { className: "tp-title-md text-slate-950", children: title }), description ? (_jsx("p", { className: "tp-copy max-w-3xl", children: description })) : null] })] }), action ? _jsx("div", { className: "shrink-0", children: action }) : null] }));
+}

package/dist/components/ui/trippeaze/search-input.d.ts

@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+export declare function SearchInput({ className, inputClassName, ...props }: InputHTMLAttributes<HTMLInputElement> & {
+    inputClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-input.d.ts.map

package/dist/components/ui/trippeaze/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/trippeaze/search-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIjD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,2CAOA"}

package/dist/components/ui/trippeaze/search-input.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+export function SearchInput({ className, inputClassName, ...props }) {
+    return (_jsxs("div", { className: cn("relative", className), children: [_jsx(Search, { className: "pointer-events-none absolute left-4 top-1/2 h-4.5 w-4.5 -translate-y-1/2 text-slate-400" }), _jsx("input", { ...props, className: cn("tp-search", inputClassName) })] }));
+}

package/dist/components/user-dashboard/UserDashboardShellSidebar.d.ts

@@ -0,0 +1,2 @@
+export declare function UserDashboardShellSidebar(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=UserDashboardShellSidebar.d.ts.map

package/dist/components/user-dashboard/UserDashboardShellSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDashboardShellSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/user-dashboard/UserDashboardShellSidebar.tsx"],"names":[],"mappings":"AAMA,wBAAgB,yBAAyB,mDAiBxC"}

package/dist/components/user-dashboard/UserDashboardShellSidebar.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
+import { AppSidebar } from "@myrjfa/ui/dist/dashboard/app-sidebar";
+import { UserSidebarNav } from "@myrjfa/ui/dist/components/user-dashboard/UserSidebarNav";
+export function UserDashboardShellSidebar() {
+    const pathname = usePathname() || "";
+    const isProfileRoute = pathname.startsWith("/profile/");
+    const useUserSidebar = pathname.startsWith("/profile/user/") || pathname === "/profile/user/edit";
+    if (isProfileRoute) {
+        return null;
+    }
+    if (useUserSidebar) {
+        return _jsx(UserSidebarNav, {});
+    }
+    return (_jsx(AppSidebar, { variant: "inset", className: "hidden h-full flex-shrink md:flex" }));
+}

package/dist/components/user-dashboard/UserSidebarNav.d.ts

@@ -0,0 +1,2 @@
+export declare function UserSidebarNav(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserSidebarNav.d.ts.map

package/dist/components/user-dashboard/UserSidebarNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSidebarNav.d.ts","sourceRoot":"","sources":["../../../src/components/user-dashboard/UserSidebarNav.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,cAAc,4CAmJ7B"}

package/dist/components/user-dashboard/UserSidebarNav.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAtomValue } from "jotai";
+import { Bell, BriefcaseBusiness, ChevronsLeft, ChevronsRight, FileText, LayoutDashboard, Map, PlaneTakeoff, User, } from "lucide-react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useEffect, useState } from "react";
+import { userAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+const primaryItems = [
+    { href: "/dashboard/user", label: "Overview", icon: LayoutDashboard },
+    {
+        href: "/dashboard/user/applications",
+        label: "My Applications",
+        icon: BriefcaseBusiness,
+    },
+    {
+        href: "/dashboard/user/bookings",
+        label: "My Bookings",
+        icon: PlaneTakeoff,
+    },
+    { href: "/dashboard/user/itineraries", label: "My Itineraries", icon: Map },
+    { href: "/dashboard/user/blogs", label: "My Blogs", icon: FileText },
+];
+export function UserSidebarNav() {
+    const pathname = usePathname() || "";
+    const user = useAtomValue(userAtom);
+    const [collapsed, setCollapsed] = useState(false);
+    useEffect(() => {
+        setCollapsed(window.localStorage.getItem("trippeaze-user-sidebar-collapsed") === "true");
+    }, []);
+    const toggleCollapsed = () => {
+        setCollapsed((current) => {
+            const next = !current;
+            window.localStorage.setItem("trippeaze-user-sidebar-collapsed", String(next));
+            return next;
+        });
+    };
+    const secondaryItems = [
+        {
+            href: (user === null || user === void 0 ? void 0 : user.username)
+                ? `/profile/user/${user.username}`
+                : "/dashboard/user",
+            label: "Profile",
+            icon: User,
+        },
+        { href: "/dashboard/user/inbox", label: "Inbox", icon: Bell },
+    ];
+    return (_jsxs("aside", { "data-collapsed": collapsed ? "true" : "false", className: cn("hidden md:flex shrink-0 flex-col border-r border-slate-200 bg-white/95 px-4 py-5 transition-[width] duration-200", collapsed ? "w-20" : "w-72"), children: [_jsx("style", { children: `
+        aside[data-collapsed="true"] .user-sidebar-copy,
+        aside[data-collapsed="true"] .user-sidebar-group-label {
+          display: none;
+        }
+      ` }), _jsx("div", { className: cn("mb-3 flex", collapsed ? "justify-center" : "justify-end"), children: _jsxs("button", { type: "button", onClick: toggleCollapsed, "aria-label": collapsed ? "Expand dashboard sidebar" : "Collapse dashboard sidebar", title: collapsed ? "Expand sidebar" : "Collapse sidebar", className: cn("flex h-9 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-white px-3 text-xs font-black text-slate-500 shadow-sm transition hover:bg-slate-50 hover:text-slate-950", collapsed && "w-9 px-0"), children: [collapsed ? _jsx(ChevronsRight, { className: "h-4 w-4" }) : _jsx(ChevronsLeft, { className: "h-4 w-4" }), _jsx("span", { className: "user-sidebar-copy", children: "Collapse" })] }) }), _jsxs("div", { className: cn("mb-5 rounded-2xl border border-slate-200 bg-slate-50/80 p-4", collapsed && "px-2 py-3 text-center"), children: [_jsx("p", { className: "user-sidebar-copy text-xs font-bold uppercase tracking-[0.2em] text-slate-400", children: "Your Space" }), _jsx("div", { className: cn("mt-2 flex items-center", collapsed ? "justify-center" : "hidden"), children: _jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-xl bg-primary/10 text-sm font-black text-primary", children: ((user === null || user === void 0 ? void 0 : user.firstName) || (user === null || user === void 0 ? void 0 : user.username) || "T").charAt(0).toUpperCase() }) }), _jsx("p", { className: "user-sidebar-copy mt-2 text-lg font-bold text-slate-900", children: (user === null || user === void 0 ? void 0 : user.firstName)
+                            ? `${user.firstName} ${user.lastName || ""}`.trim()
+                            : "Traveller" }), _jsx("p", { className: "user-sidebar-copy mt-1 text-sm text-slate-500", children: "Manage your travel activity, writing, profile, and messages." })] }), _jsxs("nav", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("p", { className: "user-sidebar-group-label px-3 text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400", children: "Dashboard" }), _jsx("div", { className: "mt-2 space-y-1", children: primaryItems.map(({ href, label, icon: Icon }) => {
+                                    const active = pathname === href;
+                                    return (_jsxs(Link, { href: href, className: cn("flex items-center gap-3 rounded-2xl px-3 py-3 text-sm font-semibold transition", collapsed && "justify-center", active
+                                            ? "bg-trippeaze-primary text-white shadow-md shadow-trippeaze-primary/20"
+                                            : "text-slate-600 hover:bg-slate-50 hover:text-slate-900"), title: label, children: [_jsx(Icon, { className: cn("h-4 w-4", active ? "text-white" : "text-slate-400") }), _jsx("span", { className: "user-sidebar-copy", children: label })] }, href));
+                                }) })] }), _jsxs("div", { children: [_jsx("p", { className: "user-sidebar-group-label px-3 text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400", children: "Account" }), _jsx("div", { className: "mt-2 space-y-1", children: secondaryItems.map(({ href, label, icon: Icon }) => {
+                                    const active = pathname === href;
+                                    return (_jsxs(Link, { href: href, className: cn("flex items-center gap-3 rounded-2xl px-3 py-3 text-sm font-semibold transition", collapsed && "justify-center", active
+                                            ? "bg-slate-900 text-white"
+                                            : "text-slate-600 hover:bg-slate-50 hover:text-slate-900"), title: label, children: [_jsx(Icon, { className: cn("h-4 w-4", active ? "text-white" : "text-slate-400") }), _jsx("span", { className: "user-sidebar-copy", children: label })] }, href));
+                                }) })] })] })] }));
+}

package/dist/dashboard/action-buttons.d.ts

@@ -10,7 +10,8 @@ interface ActionButtonsProps {
     actions: ActionButton[];
     includeMoreMenu?: boolean;
     maxDisplayed?: number;
+    mobileMaxDisplayed?: number;
 }
-export declare function ActionButtons({ actions, includeMoreMenu, maxDisplayed }: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionButtons({ actions, includeMoreMenu, maxDisplayed, mobileMaxDisplayed }: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=action-buttons.d.ts.map

package/dist/dashboard/action-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-buttons.d.ts","sourceRoot":"","sources":["../../src/dashboard/action-buttons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnG,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,UAAU,kBAAkB;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,eAAsB,EAAE,YAAgB,EAAE,EAAE,kBAAkB,2CA+CtG"}
+{"version":3,"file":"action-buttons.d.ts","sourceRoot":"","sources":["../../src/dashboard/action-buttons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnG,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,UAAU,kBAAkB;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,eAAsB,EAAE,YAAgB,EAAE,kBAAkB,EAAE,EAAE,kBAAkB,2CAwE1H"}

package/dist/dashboard/action-buttons.js

@@ -1,15 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { MoreHorizontal } from 'lucide-react';
 import { Button } from '../misc/button';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../misc/dropdown-menu';
-export function ActionButtons({ actions, includeMoreMenu = true, maxDisplayed = 0 }) {
-    const displayedActions = actions.slice(0, maxDisplayed);
-    const menuActions = includeMoreMenu ? actions.slice(maxDisplayed) : [];
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [displayedActions.map((action, index) => (_jsxs(Button, { variant: action.variant || 'outline', size: "sm", onClick: (e) => {
-                    e.stopPropagation();
-                    action.action();
-                }, className: 'cursor-pointer', children: [action.icon, _jsx("span", { className: "ml-1", children: action.label })] }, index))), menuActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: _jsx(MoreHorizontal, { className: "h-4 w-4 cursor-pointer" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: menuActions.map((action, index) => (_jsxs(DropdownMenuItem, { onClick: (e) => {
-                                e.stopPropagation();
-                                action.action();
-                            }, children: [action.icon, _jsx("span", { className: "ml-2", children: action.label })] }, index))) })] }))] }));
+export function ActionButtons({ actions, includeMoreMenu = true, maxDisplayed = 0, mobileMaxDisplayed }) {
+    const effectiveMobileMaxDisplayed = mobileMaxDisplayed !== null && mobileMaxDisplayed !== void 0 ? mobileMaxDisplayed : (includeMoreMenu && actions.length > 0 ? Math.max(1, maxDisplayed) : maxDisplayed);
+    const renderActions = (displayCount) => {
+        const displayedActions = actions.slice(0, displayCount);
+        const menuActions = includeMoreMenu ? actions.slice(displayCount) : [];
+        return (_jsxs(_Fragment, { children: [displayedActions.map((action, index) => (_jsxs(Button, { variant: action.variant || 'outline', size: "sm", onClick: (e) => {
+                        e.stopPropagation();
+                        action.action();
+                    }, className: 'cursor-pointer', children: [action.icon, _jsx("span", { className: "ml-1", children: action.label })] }, index))), menuActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: _jsx(MoreHorizontal, { className: "h-4 w-4 cursor-pointer" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: menuActions.map((action, index) => (_jsxs(DropdownMenuItem, { onClick: (e) => {
+                                    e.stopPropagation();
+                                    action.action();
+                                }, children: [action.icon, _jsx("span", { className: "ml-2", children: action.label })] }, index))) })] }))] }));
+    };
+    if (effectiveMobileMaxDisplayed !== maxDisplayed) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden items-center gap-2 lg:flex", children: renderActions(maxDisplayed) }), _jsx("div", { className: "flex items-center gap-2 lg:hidden", children: renderActions(effectiveMobileMaxDisplayed) })] }));
+    }
+    return (_jsx("div", { className: "flex items-center gap-2", children: renderActions(maxDisplayed) }));
 }

package/dist/dashboard/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../src/dashboard/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,EACL,OAAO,EAIR,MAAM,iBAAiB,CAAA;AAGxB,wBAAgB,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,2CAoJ5E"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../src/dashboard/app-sidebar.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,OAAO,EAIR,MAAM,iBAAiB,CAAA;AAGxB,wBAAgB,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,2CAmH5E"}

package/dist/dashboard/app-sidebar.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { logoutUser } from "@myrjfa/state/dist/lib/actions/auth";
 import { isLoggedInAtom, userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
 import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import { FileText, HelpCircleIcon, Inbox, LayoutDashboardIcon, LogOutIcon, Package, User, Building2 } from "lucide-react";
+import { HelpCircleIcon, LogOutIcon, User, } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useEffect } from "react";
 import { NavMain } from "../dashboard/nav-main";
@@ -14,7 +14,7 @@ import { Label } from "../misc/label";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarMenuButton } from "../misc/sidebar";
 import { Skeleton } from "../misc/skeleton";
 export function AppSidebar({ ...props }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const router = useRouter();
     const [user, setUser] = useAtom(userAtom);
     const setIsLoggedIn = useSetAtom(isLoggedInAtom);
@@ -33,39 +33,6 @@ export function AppSidebar({ ...props }) {
                 url: user ? `/profile/${(_a = user.role) !== null && _a !== void 0 ? _a : "user"}/${user.username}` : "#",
                 icon: User,
             },
-            {
-                title: "My Opportunities",
-                url: user ? `/overview/${(_b = user.role) !== null && _b !== void 0 ? _b : "user"}` : "#",
-                icon: LayoutDashboardIcon
-            },
-            ...((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
-                ? [
-                    {
-                        title: "My Tours",
-                        url: `/overview/${user.role}/packages`,
-                        icon: Package,
-                    },
-                    {
-                        title: "My Properties",
-                        url: `/overview/${user.role}#properties`,
-                        icon: Building2,
-                    },
-                ]
-                : []),
-            ...((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
-                ? [
-                    {
-                        title: "Blogs",
-                        url: `/overview/${user.role}/blogs`,
-                        icon: FileText,
-                    },
-                ]
-                : []),
-            {
-                title: "Inbox",
-                url: "/inbox",
-                icon: Inbox
-            },
         ],
         navSecondary: [
             {
@@ -90,5 +57,5 @@ export function AppSidebar({ ...props }) {
             await showAlert((_a = response.message) !== null && _a !== void 0 ? _a : "");
         router.push('/auth/login?role=' + role);
     };
-    return (_jsxs(Sidebar, { collapsible: "icon", ...props, children: [_jsxs(SidebarContent, { children: [_jsx(NavMain, { items: navData.navMain }), _jsx(NavSecondary, { items: navData.navSecondary, className: "mt-auto" })] }), _jsxs(SidebarFooter, { children: [_jsx(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: loading ? (_jsx(UserInfoSkeleton, {})) : user ? (_jsxs(_Fragment, { children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-full", children: [_jsx(AvatarImage, { src: (_c = user.profilePic) !== null && _c !== void 0 ? _c : "/images/profile_placeholder.webp", alt: `${(_d = user.firstName) !== null && _d !== void 0 ? _d : "Guest"} ${user.lastName}` }), _jsxs(AvatarFallback, { className: "rounded-full", children: [(_f = (_e = user.firstName) === null || _e === void 0 ? void 0 : _e.charAt(0)) !== null && _f !== void 0 ? _f : "D", (_h = (_g = user.lastName) === null || _g === void 0 ? void 0 : _g.charAt(0)) !== null && _h !== void 0 ? _h : "P"] })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsxs("span", { className: "truncate font-medium", children: [(_j = user.firstName) !== null && _j !== void 0 ? _j : "Guest", " ", user.lastName] }), user.email && (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email }))] })] })) : (_jsxs(_Fragment, { children: [_jsx(Avatar, { className: "h-8 w-8 rounded-full", children: _jsx(AvatarFallback, { className: "rounded-full", children: "GU" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-medium", children: "Guest User" }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Not signed in" })] })] })) }), _jsxs(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", onClick: handleLogout, disabled: loading, children: [_jsx(LogOutIcon, { className: "mx-2" }), _jsx(Label, { className: "cursor-pointer", children: "Log out" })] })] })] }));
+    return (_jsxs(Sidebar, { collapsible: "icon", ...props, children: [_jsxs(SidebarContent, { children: [_jsx(NavMain, { items: navData.navMain }), _jsx(NavSecondary, { items: navData.navSecondary, className: "mt-auto" })] }), _jsxs(SidebarFooter, { children: [_jsx(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: loading ? (_jsx(UserInfoSkeleton, {})) : user ? (_jsxs(_Fragment, { children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-full", children: [_jsx(AvatarImage, { src: (_b = user.profilePic) !== null && _b !== void 0 ? _b : "/images/profile_placeholder.webp", alt: `${(_c = user.firstName) !== null && _c !== void 0 ? _c : "Guest"} ${user.lastName}` }), _jsxs(AvatarFallback, { className: "rounded-full", children: [(_e = (_d = user.firstName) === null || _d === void 0 ? void 0 : _d.charAt(0)) !== null && _e !== void 0 ? _e : "D", (_g = (_f = user.lastName) === null || _f === void 0 ? void 0 : _f.charAt(0)) !== null && _g !== void 0 ? _g : "P"] })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsxs("span", { className: "truncate font-medium", children: [(_h = user.firstName) !== null && _h !== void 0 ? _h : "Guest", " ", user.lastName] }), user.email && (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email }))] })] })) : (_jsxs(_Fragment, { children: [_jsx(Avatar, { className: "h-8 w-8 rounded-full", children: _jsx(AvatarFallback, { className: "rounded-full", children: "GU" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-medium", children: "Guest User" }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Not signed in" })] })] })) }), _jsxs(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", onClick: handleLogout, disabled: loading, children: [_jsx(LogOutIcon, { className: "mx-2" }), _jsx(Label, { className: "cursor-pointer", children: "Log out" })] })] })] }));
 }