@myrjfa/ui 0.3.1

package/dist/misc/image-cropper.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import Cropper from "react-easy-crop";
+import { Button } from "./button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./dialog";
+import { Slider } from "./slider";
+const ImageCropper = ({ image, onCancel, onCropComplete, open }) => {
+    const [crop, setCrop] = useState({ x: 0, y: 0 });
+    const [zoom, setZoom] = useState(1);
+    const [croppedAreaPixels, setCroppedAreaPixels] = useState(null);
+    const onCropChange = (crop) => {
+        setCrop(crop);
+    };
+    const onZoomChange = (zoom) => {
+        setZoom(zoom);
+    };
+    const onCropCompleteCallback = useCallback((_, croppedAreaPixels) => {
+        setCroppedAreaPixels(croppedAreaPixels);
+    }, []);
+    const createCroppedImage = async () => {
+        if (!croppedAreaPixels || !image)
+            return;
+        const img = new Image();
+        img.src = image;
+        await new Promise((resolve) => {
+            img.onload = resolve;
+        });
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        canvas.width = croppedAreaPixels.width;
+        canvas.height = croppedAreaPixels.height;
+        ctx.drawImage(img, croppedAreaPixels.x, croppedAreaPixels.y, croppedAreaPixels.width, croppedAreaPixels.height, 0, 0, croppedAreaPixels.width, croppedAreaPixels.height);
+        canvas.toBlob((blob) => {
+            if (blob) {
+                onCropComplete(blob);
+            }
+        }, "image/jpeg");
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: (isOpen) => !isOpen && onCancel(), children: _jsxs(DialogContent, { className: "sm:max-w-[500px] z-[300]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Crop Profile Picture" }) }), _jsx("div", { className: "relative h-[300px] w-full bg-gray-100 rounded-md overflow-hidden", children: _jsx(Cropper, { image: image, crop: crop, zoom: zoom, aspect: 1, cropShape: "round", showGrid: false, onCropChange: onCropChange, onCropComplete: onCropCompleteCallback, onZoomChange: onZoomChange }) }), _jsx("div", { className: "py-4", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-sm font-medium", children: "Zoom" }), _jsx(Slider, { value: [zoom], min: 1, max: 5, step: 0.1, onValueChange: (values) => { var _a; return setZoom((_a = values[0]) !== null && _a !== void 0 ? _a : 1); }, className: "flex-1" })] }) }), _jsxs(DialogFooter, { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: onCancel, children: "Cancel" }), _jsx(Button, { onClick: createCroppedImage, children: "Set Profile Picture" })] })] }) }));
+};
+export default ImageCropper;

package/dist/misc/input.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+type InputProps = React.ComponentProps<"input"> & {
+    showZeroAsEmpty?: boolean;
+};
+declare function Input({ className, type, showZeroAsEmpty, value, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/misc/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/misc/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,eAAuB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAyBvF;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/misc/input.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Input({ className, type, showZeroAsEmpty = false, value, ...props }) {
+    const normalizedValue = type === "number" &&
+        (value == null || Number.isNaN(Number(value)) || (showZeroAsEmpty && Number(value) === 0))
+        ? ""
+        : value;
+    const valueProps = value !== undefined || showZeroAsEmpty ? { value: normalizedValue } : {};
+    return (_jsx("input", { type: type, "data-slot": "input", ...valueProps, onWheel: (e) => e.currentTarget.blur(), className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", className), ...props }));
+}
+export { Input };

package/dist/misc/label.d.ts

@@ -0,0 +1,4 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/misc/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/misc/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAIvD,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAWlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/misc/label.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Label({ className, ...props }) {
+    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
+}
+export { Label };

package/dist/misc/line-carousel.d.ts

@@ -0,0 +1,9 @@
+import { LucideProps } from "lucide-react";
+import { ForwardRefExoticComponent, RefAttributes } from "react";
+export declare function LineCarousel({ skillsData }: {
+    skillsData: {
+        icon: ForwardRefExoticComponent<Omit<LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+        title: string;
+    }[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=line-carousel.d.ts.map

package/dist/misc/line-carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-carousel.d.ts","sourceRoot":"","sources":["../../src/misc/line-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjE,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE;IACzC,UAAU,EAAE;QACR,IAAI,EAAE,yBAAyB,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;QACzF,KAAK,EAAE,MAAM,CAAC;KACjB,EAAE,CAAA;CACN,2CA6BA"}

package/dist/misc/line-carousel.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function LineCarousel({ skillsData }) {
+    const loopedSkills = [...skillsData, ...skillsData, ...skillsData];
+    return (_jsxs("section", { className: "relative w-full pt-10 pb-5 bg-background text-white", children: [_jsx("h2", { className: "text-2xl font-bold text-left mx-10 md:mx-15 lg:mx-25 tracking-tight text-foreground", children: "Popular Skills Offered" }), _jsx("p", { className: "text-muted-foreground mx-10 md:mx-15 lg:mx-25 mb-10", children: "Discover In-Demand Creative Skills for the Modern World." }), _jsxs("div", { className: "relative w-full overflow-hidden", children: [_jsx("div", { className: "absolute inset-y-0 left-0 w-1/4 bg-gradient-to-r from-background to-transparent z-10" }), _jsx("div", { className: "absolute inset-y-0 right-0 w-1/4 bg-gradient-to-l from-background to-transparent z-10" }), _jsx("div", { className: "flex animate-scroll items-center space-x-10", children: loopedSkills.map((item, i) => (_jsxs("div", { className: "flex items-center space-x-3 px-5 text-lg", children: [_jsx(item.icon, { className: "w-6 h-6 text-foreground" }), _jsx("span", { className: "text-muted-foreground font-semibold", children: item.title })] }, i))) })] })] }));
+}

package/dist/misc/listing-wishlist-button.d.ts

@@ -0,0 +1,13 @@
+import { type tileType } from "@myrjfa/state/dist/lib/models/tile";
+type ListingWishlistButtonProps = {
+    slug: string;
+    tileType: tileType;
+    className?: string;
+    iconClassName?: string;
+    large?: boolean;
+    showLabel?: boolean;
+    label?: string;
+};
+export declare function ListingWishlistButton({ slug, tileType, className, iconClassName, large, showLabel, label, }: ListingWishlistButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=listing-wishlist-button.d.ts.map

package/dist/misc/listing-wishlist-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listing-wishlist-button.d.ts","sourceRoot":"","sources":["../../src/misc/listing-wishlist-button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAQnE,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,KAAa,EACb,SAAiB,EACjB,KAAK,GACN,EAAE,0BAA0B,kDA2D5B"}

package/dist/misc/listing-wishlist-button.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toggleUserWishlist } from "@myrjfa/state/dist/lib/actions/actions";
+import { userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { useAtom, useAtomValue } from "jotai";
+import { Heart } from "lucide-react";
+import { useEffect, useState } from "react";
+import { showAlert } from "./alertdialogclaude";
+const usesOpportunityWishlist = (type) => type === "opportunities";
+export function ListingWishlistButton({ slug, tileType, className, iconClassName, large = false, showLabel = false, label, }) {
+    const [user, setUser] = useAtom(userAtom);
+    const loading = useAtomValue(userLoadingAtom);
+    const [wishlisted, setWishlisted] = useState(false);
+    useEffect(() => {
+        var _a;
+        if (loading || !user)
+            return;
+        const list = usesOpportunityWishlist(tileType) ? user.wishlist : user.favPackages;
+        setWishlisted((_a = list === null || list === void 0 ? void 0 : list.includes(slug)) !== null && _a !== void 0 ? _a : false);
+    }, [loading, slug, tileType, user]);
+    if (!user || user.role !== "user" || tileType === "blogs")
+        return null;
+    const accessibleLabel = label || (wishlisted ? "Remove from wishlist" : "Save to wishlist");
+    return (_jsxs("button", { type: "button", onClick: async (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const response = await toggleUserWishlist(slug, tileType);
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                await showAlert(response.error);
+                return;
+            }
+            setUser((prev) => {
+                if (!prev)
+                    return prev;
+                return usesOpportunityWishlist(tileType)
+                    ? { ...prev, wishlist: response.wishlist }
+                    : { ...prev, favPackages: response.wishlist };
+            });
+            setWishlisted((prev) => !prev);
+        }, className: cn("inline-flex items-center justify-center gap-2 rounded-full bg-white/90 text-slate-600 shadow-md backdrop-blur transition hover:bg-white hover:text-rose-500", large ? "h-12 px-4" : "h-10 w-10", className), "aria-label": accessibleLabel, title: accessibleLabel, children: [_jsx(Heart, { className: cn(large ? "h-5 w-5" : "h-4 w-4", wishlisted ? "fill-rose-500 text-rose-500" : "text-current", iconClassName) }), showLabel ? (_jsx("span", { className: "text-sm font-bold", children: wishlisted ? "Saved" : "Save" })) : null] }));
+}

package/dist/misc/location/leafletMap.d.ts

@@ -0,0 +1,8 @@
+import 'leaflet/dist/leaflet.css';
+interface LeafletMapProps {
+    position: [number, number];
+    onMarkerDrag: (lat: number, lng: number) => void;
+}
+export default function LeafletMap({ position, onMarkerDrag }: LeafletMapProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=leafletMap.d.ts.map

package/dist/misc/location/leafletMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leafletMap.d.ts","sourceRoot":"","sources":["../../../src/misc/location/leafletMap.tsx"],"names":[],"mappings":"AAIA,OAAO,0BAA0B,CAAC;AAoDlC,UAAU,eAAe;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,eAAe,2CAmC7E"}

package/dist/misc/location/leafletMap.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Dynamically imported (no SSR) from propertyForm.tsx.
+// Must import leaflet CSS here — this is the only safe place when using next/dynamic.
+import 'leaflet/dist/leaflet.css';
+import { useEffect, useRef } from 'react';
+import { MapContainer, TileLayer, Marker, useMap, useMapEvents } from 'react-leaflet';
+import L from 'leaflet';
+// Fix broken Leaflet default icons in webpack / Next.js
+const defaultIcon = L.icon({
+    iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',
+    iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',
+    shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',
+    iconSize: [25, 41],
+    iconAnchor: [12, 41],
+    popupAnchor: [1, -34],
+    shadowSize: [41, 41],
+});
+L.Marker.prototype.options.icon = defaultIcon;
+// Sync map view when position prop changes (e.g. after address search)
+function MapSyncer({ position }) {
+    const map = useMap();
+    const prev = useRef(position);
+    useEffect(() => {
+        if (prev.current[0] !== position[0] || prev.current[1] !== position[1]) {
+            map.flyTo(position, Math.max(map.getZoom(), 13), { animate: true, duration: 0.8 });
+            prev.current = position;
+        }
+    }, [position, map]);
+    return null;
+}
+// Fixes the "half-visible" map bug by forcing a resize after mount
+function ResizeMap() {
+    const map = useMap();
+    useEffect(() => {
+        setTimeout(() => {
+            map.invalidateSize();
+        }, 300);
+    }, [map]);
+    return null;
+}
+// Allows clicking anywhere on map to move the marker
+function ClickHandler({ onDrag }) {
+    useMapEvents({
+        click(e) {
+            onDrag(e.latlng.lat, e.latlng.lng);
+        },
+    });
+    return null;
+}
+export default function LeafletMap({ position, onMarkerDrag }) {
+    const markerRef = useRef(null);
+    return (_jsxs(MapContainer, { center: position, zoom: 13, style: { width: '100%', height: '100%', minHeight: '300px' }, scrollWheelZoom: true, children: [_jsx(TileLayer, { attribution: '\u00A9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>', url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" }), _jsx(ResizeMap, {}), _jsx(MapSyncer, { position: position }), _jsx(ClickHandler, { onDrag: onMarkerDrag }), _jsx(Marker, { position: position, draggable: true, ref: markerRef, icon: defaultIcon, eventHandlers: {
+                    dragend() {
+                        const m = markerRef.current;
+                        if (m) {
+                            const p = m.getLatLng();
+                            onMarkerDrag(p.lat, p.lng);
+                        }
+                    },
+                } })] }));
+}

package/dist/misc/location/locationPicker.d.ts

@@ -0,0 +1,5 @@
+import { useForm } from 'react-hook-form';
+export default function LocationPicker({ form }: {
+    form: ReturnType<typeof useForm<any>>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=locationPicker.d.ts.map

package/dist/misc/location/locationPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locationPicker.d.ts","sourceRoot":"","sources":["../../../src/misc/location/locationPicker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAsF1C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;CAAE,2CA2IzF"}

package/dist/misc/location/locationPicker.js

@@ -0,0 +1,95 @@
+// ─── Nominatim address search ─────────────────────────────────────────────────
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2, MapPin } from 'lucide-react';
+import { useRef, useState } from 'react';
+import { Input } from '../input';
+import dynamic from 'next/dynamic';
+import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '../form';
+import { Filter } from '../filter';
+import { getCountryNames, getStates } from "@myrjfa/state/dist/lib/data/countryStates";
+function NominatimSearch({ onSelect }) {
+    const [query, setQuery] = useState('');
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const timer = useRef(null);
+    const search = (q) => {
+        setQuery(q);
+        if (timer.current)
+            clearTimeout(timer.current);
+        if (!q.trim()) {
+            setResults([]);
+            return;
+        }
+        timer.current = setTimeout(async () => {
+            setLoading(true);
+            try {
+                const res = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(q)}&format=json&addressdetails=1&limit=6`, { headers: { 'Accept-Language': 'en' } });
+                const data = (await res.json());
+                setResults(data);
+            }
+            catch (_a) {
+                setResults([]);
+            }
+            setLoading(false);
+        }, 400);
+    };
+    const pick = (r) => {
+        setQuery(r.display_name);
+        setResults([]);
+        onSelect(r);
+    };
+    return (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "relative", children: [_jsx(MapPin, { className: "absolute left-3 top-2.5 h-4 w-4 text-muted-foreground pointer-events-none" }), loading && _jsx(Loader2, { className: "absolute right-3 top-2.5 h-4 w-4 text-muted-foreground animate-spin" }), _jsx(Input, { id: "address-search", value: query, onChange: (e) => search(e.target.value), placeholder: "Search for a place or address\u2026", className: "pl-9 pr-9", autoComplete: "off" })] }), results.length > 0 && (_jsx("ul", { className: "absolute z-[9999] w-full mt-1 border border-input bg-background rounded-md shadow-lg max-h-60 overflow-auto text-sm", children: results.map((r) => (_jsxs("li", { className: "px-3 py-2 cursor-pointer hover:bg-muted truncate flex items-center gap-2", onClick: () => pick(r), children: [_jsx(MapPin, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), _jsx("span", { children: r.display_name })] }, r.place_id))) }))] }));
+}
+// Dynamic Leaflet map (SSR disabled — window not available on server)
+const LeafletMap = dynamic(() => import('../../components/location/leafletMap'), {
+    ssr: false,
+    loading: () => (_jsx("div", { className: "w-full h-64 flex items-center justify-center bg-muted rounded-xl border text-sm text-muted-foreground", children: "Loading map\u2026" })),
+});
+// ─── Location picker ─────────────────────────────────────────────────────────
+export default function LocationPicker({ form }) {
+    var _a, _b, _c, _d;
+    const [mapPos, setMapPos] = useState([
+        (_a = form.getValues('lat')) !== null && _a !== void 0 ? _a : 20.5937,
+        (_b = form.getValues('lng')) !== null && _b !== void 0 ? _b : 78.9629,
+    ]);
+    const fillFromNominatim = (result, lat, lng) => {
+        const a = result.address;
+        const city = a.city || a.town || a.village || a.county || '';
+        const state = a.state || '';
+        const country = a.country || '';
+        const pin = a.postcode || '';
+        form.setValue('lat', lat, { shouldDirty: true });
+        form.setValue('lng', lng, { shouldDirty: true });
+        if (city)
+            form.setValue('city', city, { shouldDirty: true });
+        if (state)
+            form.setValue('state', state, { shouldDirty: true });
+        if (country)
+            form.setValue('country', country, { shouldDirty: true });
+        if (pin)
+            form.setValue('pinCode', pin, { shouldDirty: true });
+        form.setValue('address', result.display_name, { shouldDirty: true });
+    };
+    const handleSearchSelect = (result) => {
+        const lat = parseFloat(result.lat);
+        const lng = parseFloat(result.lon);
+        setMapPos([lat, lng]);
+        fillFromNominatim(result, lat, lng);
+    };
+    const handleMapPin = async (lat, lng) => {
+        setMapPos([lat, lng]);
+        form.setValue('lat', lat, { shouldDirty: true });
+        form.setValue('lng', lng, { shouldDirty: true });
+        try {
+            const res = await fetch(`https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lng}&format=json&addressdetails=1`, { headers: { 'Accept-Language': 'en' } });
+            const data = (await res.json());
+            fillFromNominatim(data, lat, lng);
+        }
+        catch ( /* silent */_a) { /* silent */ }
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx(FormLabel, { children: "Search Address" }), _jsx("p", { className: "text-xs text-muted-foreground mb-1", children: "Powered by OpenStreetMap \u2014 free, no API key required" }), _jsx(NominatimSearch, { onSelect: handleSearchSelect })] }), _jsx("div", { style: { height: '300px', width: '100%', borderRadius: '0.75rem', overflow: 'hidden', border: '1px solid var(--border)' }, children: _jsx(LeafletMap, { position: mapPos, onMarkerDrag: handleMapPin }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Click anywhere on the map or drag the pin to set the exact location. Fields below auto-fill." }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(FormField, { control: form.control, name: "country", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Country *" }), _jsx(FormControl, { children: _jsx("div", { className: "border border-input rounded-md text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "Country", formType: "autoComplete", selectedValue: field.value, values: getCountryNames(), onChange: (value) => { field.onChange(value); form.setValue('state', ''); } }) }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "state", render: ({ field }) => {
+                            const stateOptions = form.watch('country') ? getStates(form.watch('country')) : [];
+                            return (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "State *" }), _jsx(FormControl, { children: _jsx("div", { className: "border border-input rounded-md text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "State", formType: "autoComplete", selectedValue: field.value, values: stateOptions, onChange: field.onChange }) }) }), _jsx(FormMessage, {})] }));
+                        } }), _jsx(FormField, { control: form.control, name: "city", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "City *" }), _jsx(FormControl, { children: _jsx(Input, { id: "city", placeholder: "e.g. Rishikesh", ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "pinCode", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Pin / Postal Code" }), _jsx(FormControl, { children: _jsx(Input, { id: "pinCode", placeholder: "e.g. 249201", ...field }) }), _jsx(FormMessage, {})] })) })] }), _jsx(FormField, { control: form.control, name: "address", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Full Address" }), _jsx(FormControl, { children: _jsx(Input, { id: "address", placeholder: "Street / Landmark\u2026", ...field }) }), _jsx(FormMessage, {})] })) }), (form.watch('lat') || form.watch('lng')) && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["\uD83D\uDCCD ", (_c = form.watch('lat')) === null || _c === void 0 ? void 0 : _c.toFixed(5), ", ", (_d = form.watch('lng')) === null || _d === void 0 ? void 0 : _d.toFixed(5)] }))] }));
+}

package/dist/misc/location-autocomplete.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from "react";
+export interface LocationAutocompleteOption<T = unknown> {
+    id: string;
+    title: string;
+    subtitle?: string;
+    badge?: string;
+    icon?: ReactNode;
+    data?: T;
+}
+interface LocationAutocompleteProps<T = unknown> {
+    value: string;
+    onValueChange: (value: string) => void;
+    onSelectOption?: (option: LocationAutocompleteOption<T>) => void;
+    loadOptions: (query: string) => LocationAutocompleteOption<T>[] | Promise<LocationAutocompleteOption<T>[]>;
+    placeholder?: string;
+    sectionLabel?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    loadingText?: string;
+    variant?: "plain" | "card";
+    labelText?: string;
+    containerClassName?: string;
+    inputClassName?: string;
+    maxHeightClassName?: string;
+}
+export declare function LocationAutocomplete<T = unknown>({ value, onValueChange, onSelectOption, loadOptions, placeholder, sectionLabel, emptyTitle, emptyDescription, loadingText, variant, labelText, containerClassName, inputClassName, maxHeightClassName, }: LocationAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=location-autocomplete.d.ts.map

package/dist/misc/location-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-autocomplete.d.ts","sourceRoot":"","sources":["../../src/misc/location-autocomplete.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,WAAW,0BAA0B,CAAC,CAAC,GAAG,OAAO;IACrD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,UAAU,yBAAyB,CAAC,CAAC,GAAG,OAAO;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,EAAE,CACX,KAAK,EAAE,MAAM,KAEX,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAuBD,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,OAAO,EAAE,EAChD,KAAK,EACL,aAAa,EACb,cAAc,EACd,WAAW,EACX,WAAsC,EACtC,YAA4B,EAC5B,UAA+B,EAC/B,gBAA8C,EAC9C,WAAsC,EACtC,OAAiB,EACjB,SAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,kBAA+B,GAChC,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CA6N9B"}

package/dist/misc/location-autocomplete.js

@@ -0,0 +1,121 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { MapPin, Search } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+function highlightMatch(text, query) {
+    if (!query)
+        return text;
+    const parts = text.split(new RegExp(`(${query})`, "gi"));
+    return (_jsx(_Fragment, { children: parts.map((part, i) => part.toLowerCase() === query.toLowerCase() ? (_jsx("span", { className: "rounded bg-blue-50 px-0.5 font-bold text-gray-900", children: part }, `${part}-${i}`)) : (_jsx("span", { children: part }, `${part}-${i}`))) }));
+}
+export function LocationAutocomplete({ value, onValueChange, onSelectOption, loadOptions, placeholder = "Search destinations...", sectionLabel = "Suggestions", emptyTitle = "No results found", emptyDescription = "Try a different location.", loadingText = "Searching locations...", variant = "plain", labelText = "Where", containerClassName, inputClassName, maxHeightClassName = "max-h-72", }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [query, setQuery] = useState(value);
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(-1);
+    const dropdownRef = useRef(null);
+    const cacheRef = useRef({});
+    useEffect(() => {
+        setQuery(value);
+    }, [value]);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    const fetchOptions = async (nextQuery) => {
+        if (cacheRef.current[nextQuery]) {
+            setResults(cacheRef.current[nextQuery]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        try {
+            const loaded = await loadOptions(nextQuery);
+            cacheRef.current[nextQuery] = loaded;
+            setResults(loaded);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const timer = setTimeout(() => {
+            fetchOptions(query);
+        }, 250);
+        return () => clearTimeout(timer);
+    }, [query, isOpen]);
+    const handleFocus = () => {
+        setIsOpen(true);
+        if (!results.length) {
+            fetchOptions(query);
+        }
+    };
+    const handleSelect = (option) => {
+        setQuery(option.title);
+        onValueChange(option.title);
+        onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
+        setIsOpen(false);
+        setSelectedIndex(-1);
+    };
+    const handleKeyDown = (e) => {
+        if (!isOpen) {
+            if (e.key === "Enter") {
+                onValueChange(query);
+            }
+            return;
+        }
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setSelectedIndex((prev) => prev < results.length - 1 ? prev + 1 : prev);
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : -1));
+        }
+        else if (e.key === "Enter") {
+            e.preventDefault();
+            const selected = results[selectedIndex];
+            if (selectedIndex >= 0 && selected) {
+                handleSelect(selected);
+            }
+            else {
+                onValueChange(query);
+                setIsOpen(false);
+            }
+        }
+        else if (e.key === "Escape") {
+            setIsOpen(false);
+        }
+    };
+    const rootClasses = useMemo(() => {
+        if (variant === "card") {
+            return cn("relative flex flex-1 items-center gap-3 rounded-2xl border-2 border-gray-100 bg-white px-4 py-3 transition focus-within:border-primary focus-within:ring-4 focus-within:ring-primary/10", containerClassName);
+        }
+        return cn("relative", containerClassName);
+    }, [containerClassName, variant]);
+    return (_jsxs("div", { className: rootClasses, ref: dropdownRef, children: [variant === "card" ? (_jsxs(_Fragment, { children: [_jsx(MapPin, { className: "h-5 w-5 flex-shrink-0 text-primary" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "mb-0.5 text-[10px] font-black uppercase tracking-widest text-gray-400", children: labelText }), _jsx("input", { type: "text", name: "trippeaze-location-search", value: query, autoComplete: "new-password", autoCorrect: "off", spellCheck: false, onFocus: handleFocus, onChange: (e) => {
+                                    setQuery(e.target.value);
+                                    onValueChange(e.target.value);
+                                    setIsOpen(true);
+                                    setSelectedIndex(-1);
+                                }, onKeyDown: handleKeyDown, placeholder: placeholder, className: cn("w-full bg-transparent text-sm font-semibold text-gray-900 outline-none placeholder:text-gray-300", inputClassName) })] })] })) : (_jsx("input", { type: "text", name: "trippeaze-location-search", value: query, autoComplete: "new-password", autoCorrect: "off", spellCheck: false, placeholder: placeholder, onChange: (e) => {
+                    setQuery(e.target.value);
+                    onValueChange(e.target.value);
+                    setIsOpen(true);
+                    setSelectedIndex(-1);
+                }, onFocus: handleFocus, onKeyDown: handleKeyDown, className: inputClassName })), isOpen && (_jsx("div", { className: "absolute left-0 right-0 top-[calc(100%+8px)] z-50 flex min-w-[280px] flex-col overflow-hidden rounded-2xl border border-gray-100 bg-white py-3 shadow-xl", children: loading && !results.length ? (_jsx("div", { className: "px-4 py-3 text-sm font-medium text-gray-400 animate-pulse", children: loadingText })) : results.length > 0 ? (_jsxs(_Fragment, { children: [!query && (_jsx("p", { className: "px-5 py-2 text-[10px] font-black uppercase tracking-wider text-gray-400", children: sectionLabel })), _jsx("ul", { className: cn("flex w-full flex-col overflow-y-auto", maxHeightClassName), children: results.map((item, index) => {
+                                var _a;
+                                const isSelected = index === selectedIndex;
+                                return (_jsxs("li", { onMouseEnter: () => setSelectedIndex(index), onClick: () => handleSelect(item), className: cn("flex w-full cursor-pointer items-center gap-4 px-5 py-3 transition-colors", isSelected ? "bg-gray-50" : "hover:bg-gray-50"), children: [_jsx("div", { className: "shrink-0 rounded-xl bg-gray-100 p-2.5", children: (_a = item.icon) !== null && _a !== void 0 ? _a : _jsx(MapPin, { className: "h-4 w-4 text-gray-500" }) }), _jsxs("div", { className: "min-w-0 flex-1 text-left", children: [_jsx("div", { className: "truncate text-sm font-semibold text-gray-900", children: highlightMatch(item.title, query) }), item.subtitle ? (_jsx("div", { className: "mt-0.5 truncate text-xs font-medium text-gray-500", children: item.subtitle })) : null] }), item.badge ? (_jsx("span", { className: "shrink-0 text-xs font-semibold text-gray-400", children: item.badge })) : null] }, item.id));
+                            }) })] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 px-5 py-4 text-center", children: [_jsx(Search, { className: "h-6 w-6 text-gray-300" }), _jsx("p", { className: "text-sm font-semibold text-gray-700", children: emptyTitle }), _jsx("p", { className: "text-xs text-gray-400", children: emptyDescription })] })) }))] }));
+}

package/dist/misc/newsLetter.d.ts

@@ -0,0 +1,3 @@
+declare const NewsletterSubscribe: () => import("react/jsx-runtime").JSX.Element;
+export { NewsletterSubscribe };
+//# sourceMappingURL=newsLetter.d.ts.map

package/dist/misc/newsLetter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"newsLetter.d.ts","sourceRoot":"","sources":["../../src/misc/newsLetter.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,mBAAmB,+CAgDxB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/misc/newsLetter.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { subscribeToNewsLetter } from "@myrjfa/state/dist/lib/actions/actions";
+import { usePathname } from "next/navigation";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { showAlert } from "./alertdialogclaude";
+import { Button } from "./button";
+import { Form, FormControl, FormField, FormItem, FormMessage } from "./form";
+import { Input } from "./input";
+const formSchema = z.object({
+    email: z.string().email("Please enter a valid email address"),
+});
+const NewsletterSubscribe = () => {
+    const pathname = usePathname();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            email: "",
+        },
+    });
+    useEffect(() => {
+        form.reset();
+    }, [pathname]);
+    const { isSubmitting } = form.formState;
+    const onSubmit = async (values) => {
+        const res = await subscribeToNewsLetter(values.email);
+        if (res === null || res === void 0 ? void 0 : res.error) {
+            form.setError("email", { message: res.error });
+        }
+        else {
+            form.reset();
+            form.setValue("email", "");
+            await showAlert(res.message || "Subscribed successfully!");
+        }
+    };
+    return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), noValidate: true, className: "mt-4 flex flex-col sm:flex-row gap-3", children: [_jsx(FormField, { control: form.control, name: "email", render: ({ field }) => (_jsxs(FormItem, { className: "flex-1", children: [_jsx(FormControl, { children: _jsx(Input, { placeholder: "Your email address", type: "email", disabled: isSubmitting, ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full sm:w-auto", children: isSubmitting ? "Subscribing..." : "Subscribe" })] }) }));
+};
+export { NewsletterSubscribe };

package/dist/misc/non-modal-multi-select.d.ts

@@ -0,0 +1,21 @@
+export type NonModalMultiSelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+type Props = {
+    value: readonly string[];
+    onValueChange: (value: string[]) => void;
+    options: readonly NonModalMultiSelectOption[];
+    placeholder?: string;
+    emptyLabel?: string;
+    disabled?: boolean;
+    className?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    "aria-label"?: string;
+};
+declare function NonModalMultiSelect({ value, onValueChange, options, placeholder, emptyLabel, disabled, className, searchable, searchPlaceholder, emptyMessage, "aria-label": ariaLabel }: Props): import("react/jsx-runtime").JSX.Element;
+export { NonModalMultiSelect };
+//# sourceMappingURL=non-modal-multi-select.d.ts.map

package/dist/misc/non-modal-multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"non-modal-multi-select.d.ts","sourceRoot":"","sources":["../../src/misc/non-modal-multi-select.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,yBAAyB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7F,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,WAA8B,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAkB,EAAE,iBAAuC,EAAE,YAAkC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,2CAwC/P;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}