@myrjfa/ui 0.3.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/misc/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,QAAA,MAAM,MAAM,yJAuBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/misc/slider.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+const Slider = React.forwardRef(({ className, ...props }, ref) => {
+    var _a;
+    return (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }), (_a = (props.value || props.defaultValue || [0])) === null || _a === void 0 ? void 0 : _a.map((_, index) => (_jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
+});
+Slider.displayName = SliderPrimitive.Root.displayName;
+export { Slider };

package/dist/misc/starRating.d.ts

@@ -0,0 +1,4 @@
+export declare const StarRating: ({ rating }: {
+    rating: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=starRating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"starRating.d.ts","sourceRoot":"","sources":["../../src/misc/starRating.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAoBxD,CAAC"}

package/dist/misc/starRating.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Star } from "lucide-react";
+export const StarRating = ({ rating }) => {
+    const fullStars = Math.floor(rating);
+    const hasHalfStar = rating % 1 >= 0.5;
+    return (_jsxs("div", { className: "flex items-center", children: [[...Array(5)].map((_, i) => (_jsx(Star, { className: `h-4 w-4 ${i < fullStars
+                    ? "text-yellow-400 fill-yellow-400"
+                    : i === fullStars && hasHalfStar
+                        ? "text-yellow-400 fill-yellow-400"
+                        : "text-gray-300"}` }, i))), _jsx("span", { className: "ml-1 text-sm font-medium hidden md:block", children: rating.toFixed(1) })] }));
+};

package/dist/misc/stateCard.d.ts

@@ -0,0 +1,7 @@
+import { CardType } from "@myrjfa/state/dist/lib/models/props";
+export declare function StateCard({ state, index, className }: {
+    state: CardType;
+    index: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stateCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateCard.d.ts","sourceRoot":"","sources":["../../src/misc/stateCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAQ/D,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsC5G"}

package/dist/misc/stateCard.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Loader2 } from 'lucide-react';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { Card, CardContent } from './card';
+export function StateCard({ state, index, className }) {
+    var _a;
+    const [clicked, setClicked] = useState(false);
+    const router = useRouter();
+    const handleCardClick = () => {
+        if (clicked)
+            return; // prevent duplicate navigation
+        setClicked(true);
+        router.push(`/opportunities?page=1&destination=${state.title.toLowerCase()}`);
+    };
+    return (_jsx(Card, { className: cn("w-full h-auto p-3 shadow-lg cursor-pointer relative", className, clicked && "opacity-60 pointer-events-none" // visual cue + blocking
+        ), onClick: handleCardClick, children: _jsxs(CardContent, { className: "flex flex-row px-0", 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 }) })), _jsx(Image, { src: (_a = state.image) !== null && _a !== void 0 ? _a : "", alt: state.title, className: "w-20 h-20 rounded-lg object-cover flex-1", width: 50, height: 50 }), _jsxs("div", { className: "flex-5 flex flex-col items-left text-left my-auto mx-5", children: [_jsx("h2", { className: "text-lg font-semibold", children: state.title }), _jsxs("p", { className: "text-sm text-gray-500", children: [state.count, " places"] })] })] }) }, index));
+}

package/dist/misc/step-progress.d.ts

@@ -0,0 +1,16 @@
+import { type LucideIcon } from "lucide-react";
+type StepItem = {
+    label: string;
+    icon: LucideIcon;
+};
+type StepProgressProps = {
+    steps: StepItem[];
+    currentStep: number;
+    onStepClick?: (stepIndex: number) => void;
+    allowAllSteps?: boolean;
+    size?: "md" | "lg";
+    className?: string;
+};
+export default function StepProgress({ steps, currentStep, onStepClick, allowAllSteps, size, className, }: StepProgressProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=step-progress.d.ts.map

package/dist/misc/step-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-progress.d.ts","sourceRoot":"","sources":["../../src/misc/step-progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAGtD,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAqB,EACrB,IAAW,EACX,SAAc,GACf,EAAE,iBAAiB,2CA4DnB"}

package/dist/misc/step-progress.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { useEffect, useState } from "react";
+const sizeStyles = {
+    md: {
+        iconBox: "w-12 h-12",
+        icon: "w-6 h-6",
+        label: "text-[9px] mt-1",
+        connector: "w-8 h-1 mx-2 mb-5",
+    },
+    lg: {
+        iconBox: "w-14 h-14",
+        icon: "w-6 h-6",
+        label: "text-[10px] mt-2",
+        connector: "w-10 h-1 mx-3 mb-6",
+    },
+};
+export default function StepProgress({ steps, currentStep, onStepClick, allowAllSteps = false, size = "md", className = "", }) {
+    const styles = sizeStyles[size];
+    const [furthestStep, setFurthestStep] = useState(currentStep);
+    useEffect(() => {
+        setFurthestStep((step) => Math.max(step, currentStep));
+    }, [currentStep]);
+    return (_jsx("div", { className: `flex items-center gap-4 overflow-x-auto no-scrollbar px-1 ${className}`, children: steps.map((step, index) => {
+            const active = currentStep === index;
+            const doneStep = !active && (allowAllSteps || furthestStep > index);
+            const clickable = Boolean(onStepClick) && (allowAllSteps || index <= furthestStep);
+            const Icon = step.icon;
+            return (_jsxs("div", { className: "flex items-center flex-shrink-0", children: [_jsxs("button", { type: "button", onClick: () => {
+                            if (clickable) {
+                                onStepClick === null || onStepClick === void 0 ? void 0 : onStepClick(index);
+                            }
+                        }, disabled: !clickable, "aria-current": active ? "step" : undefined, className: `flex flex-col items-center gap-1 transition-all duration-300 ${!active && !doneStep && "opacity-40"} ${clickable ? "cursor-pointer hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-2xl" : "cursor-default"}`, children: [_jsx("div", { className: `${styles.iconBox} rounded-2xl flex items-center justify-center transition-all duration-300 ${active
+                                    ? "bg-primary text-white shadow-xl shadow-primary/30"
+                                    : doneStep
+                                        ? "bg-green-500 text-white"
+                                        : "bg-white"}`, children: doneStep ? (_jsx(Check, { className: styles.icon })) : (_jsx(Icon, { className: styles.icon })) }), _jsx("span", { className: `${styles.label} font-black uppercase tracking-widest`, children: step.label })] }), index < steps.length - 1 && (_jsx("div", { className: `${styles.connector} rounded-full transition-colors duration-500 ${allowAllSteps || index < furthestStep ? "bg-green-500" : "bg-gray-200"}` }))] }, `${step.label}-${index}`));
+        }) }));
+}

package/dist/misc/switch.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/misc/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAI3D,QAAA,MAAM,MAAM,8JAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/misc/switch.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }) })));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+export { Switch };

package/dist/misc/tabs.d.ts

@@ -0,0 +1,8 @@
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/misc/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/misc/tabs.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Tabs({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("flex flex-col gap-2", className), ...props }));
+}
+function TabsList({ className, ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/50 inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("flex-1 outline-none", className), ...props }));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/misc/tag-filter-input.d.ts

@@ -0,0 +1,16 @@
+type TagFilterInputProps = {
+    id: string;
+    label: string;
+    items: string[];
+    onAdd: (value: string) => void;
+    onRemove: (value: string) => void;
+    options?: string[];
+    placeholder?: string;
+    mode?: "filter" | "searchBox" | "manual";
+    chipClassName?: string;
+    errorMessage?: string;
+    helperText?: string;
+};
+export default function TagFilterInput({ id, label, items, onAdd, onRemove, options, placeholder, mode, chipClassName, errorMessage, helperText, }: TagFilterInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tag-filter-input.d.ts.map

package/dist/misc/tag-filter-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-filter-input.d.ts","sourceRoot":"","sources":["../../src/misc/tag-filter-input.tsx"],"names":[],"mappings":"AAUA,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAe,EACf,aAAsF,EACtF,YAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,2CA4ErB"}

package/dist/misc/tag-filter-input.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Badge } from "./badge";
+import { Button } from "./button";
+import { Filter } from "./filter";
+import { FormDescription, FormLabel } from "./form";
+import { Input } from "./input";
+import { SearchBox } from "./searchBox";
+export default function TagFilterInput({ id, label, items, onAdd, onRemove, options, placeholder, mode = "filter", chipClassName = "flex items-center gap-2 bg-primary/10 text-primary border-primary/20", errorMessage, helperText, }) {
+    return (_jsxs("div", { id: id, className: "space-y-2", children: [_jsx("div", { children: _jsx(FormLabel, { children: label }) }), _jsx("div", { className: "flex flex-wrap gap-2", children: items.map((item, index) => (_jsxs(Badge, { variant: "secondary", className: chipClassName, children: [item, _jsx("button", { type: "button", onClick: () => onRemove(item), className: "hover:bg-muted-foreground rounded-md", children: _jsx(X, { className: "h-3 w-3" }) })] }, `${item}-${index}`))) }), options ? (mode === "filter" ? (_jsx("div", { className: "border rounded-md", children: _jsx(Filter, { label: placeholder || label, formType: "autoComplete", selectedValue: null, values: options, onChange: (value) => onAdd(value || ""), others: true }) })) : (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(SearchBox, { id: `${id}-search`, titles: options, placeholder: placeholder || `Select ${label}`, handleAdd: (inputValue) => onAdd(inputValue || "") }), _jsx(FormDescription, { children: "Add 1 item at a time and press enter" })] }))) : (_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { placeholder: placeholder || `Add ${label.toLowerCase()}`, className: "border-border", onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                                e.preventDefault();
+                                const input = e.target;
+                                onAdd(input.value);
+                                input.value = "";
+                            }
+                        } }), _jsx(Button, { type: "button", variant: "default", onClick: (e) => {
+                            var _a;
+                            const input = (_a = e.target.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+                            if (input) {
+                                onAdd(input.value);
+                                input.value = "";
+                            }
+                        }, children: "Add" })] })), helperText && _jsx(FormDescription, { children: helperText }), errorMessage && _jsx("p", { className: "mt-2 text-sm font-medium text-destructive", children: errorMessage })] }));
+}

package/dist/misc/textarea.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/misc/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/misc/textarea.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Textarea({ className, ...props }) {
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props }));
+}
+export { Textarea };

package/dist/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/misc/tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../src/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/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 "./badge";
+import { Card, CardContent } from "./card";
+import { RentalTile } from "./rental-tile";
+import { ListingWishlistButton } from "./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/misc/time-select.d.ts

@@ -0,0 +1,14 @@
+export declare const HALF_HOUR_TIME_OPTIONS: string[];
+type TimeSelectProps = {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    options?: string[];
+};
+export declare function TimeSelect({ value, onChange, placeholder, disabled, className, triggerClassName, contentClassName, options, }: TimeSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=time-select.d.ts.map

package/dist/misc/time-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-select.d.ts","sourceRoot":"","sources":["../../src/misc/time-select.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,sBAAsB,UAIjC,CAAC;AAEH,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,OAAgC,GACjC,EAAE,eAAe,2CA4BjB"}

package/dist/misc/time-select.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Clock } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./select";
+export const HALF_HOUR_TIME_OPTIONS = Array.from({ length: 48 }, (_, index) => {
+    const hour = Math.floor(index / 2).toString().padStart(2, "0");
+    const minute = index % 2 === 0 ? "00" : "30";
+    return `${hour}:${minute}`;
+});
+export function TimeSelect({ value, onChange, placeholder = "Select time", disabled = false, className, triggerClassName, contentClassName, options = HALF_HOUR_TIME_OPTIONS, }) {
+    return (_jsxs(Select, { value: value, onValueChange: onChange, disabled: disabled, children: [_jsx(SelectTrigger, { className: cn("h-14 w-full rounded-2xl border border-slate-200 bg-white px-4 text-sm font-black text-slate-900 shadow-sm outline-none transition hover:border-slate-300 focus:ring-4 focus:ring-primary/10", className, triggerClassName), children: _jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Clock, { className: "h-4 w-4 shrink-0 text-slate-400" }), _jsx(SelectValue, { placeholder: placeholder })] }) }), _jsx(SelectContent, { className: cn("z-[320] max-h-72 rounded-2xl border-slate-100 bg-white p-2 shadow-xl", contentClassName), children: options.map((time) => (_jsx(SelectItem, { value: time, className: "cursor-pointer rounded-xl px-3 py-2 text-sm font-semibold focus:bg-slate-100", children: time }, time))) })] }));
+}

package/dist/misc/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/misc/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/misc/tooltip.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -0,0 +1,9 @@
+/**
+ * #21 — Floating WhatsApp Help Button
+ * Fixed bottom-right pill button that opens a WhatsApp chat with support.
+ * Matches the "Need help? Chat with us" pill + green icon design.
+ */
+export declare function WhatsAppHelpButton({ message }: {
+    message: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=whatsapp-help.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-help.d.ts","sourceRoot":"","sources":["../../src/misc/whatsapp-help.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,2CAyClE"}

package/dist/misc/whatsapp-help.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WhatsappIcon } from 'react-share';
+import Link from 'next/link';
+/**
+ * #21 — Floating WhatsApp Help Button
+ * Fixed bottom-right pill button that opens a WhatsApp chat with support.
+ * Matches the "Need help? Chat with us" pill + green icon design.
+ */
+export function WhatsAppHelpButton({ message }) {
+    const whatsappUrl = `https://wa.me/918482944029?text=${encodeURIComponent(message)}`;
+    return (_jsxs(Link, { href: whatsappUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": "Get help on WhatsApp", className: "\r\n                fixed bottom-6 right-6 z-[9998]\r\n                flex items-center gap-0\r\n                rounded-full\r\n                bg-white\r\n                shadow-[0_2px_12px_rgba(0,0,0,0.15)]\r\n                hover:shadow-[0_4px_16px_rgba(0,0,0,0.2)]\r\n                border border-gray-200\r\n                transition-all duration-200\r\n                hover:scale-[1.03]\r\n                overflow-hidden\r\n                no-underline\r\n                group\r\n            ", children: [_jsx("span", { className: "\r\n                pl-4 pr-3 py-2.5\r\n                text-sm font-medium text-gray-700\r\n                whitespace-nowrap\r\n                group-hover:text-gray-900\r\n                transition-colors\r\n            ", children: "Need help? Chat with us" }), _jsx("span", { className: "flex-shrink-0 pr-0.5 py-0.5", children: _jsx(WhatsappIcon, { size: 42, round: true }) })] }));
+}

package/dist/misc/wizard-footer.d.ts

@@ -0,0 +1,18 @@
+type WizardFooterProps = {
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isSubmitting?: boolean;
+    backLabel?: string;
+    nextLabel?: string;
+    saveLabel?: string;
+    publishLabel?: string;
+    showPublishOnEveryStep?: boolean;
+    onBack: () => void;
+    onNext: () => unknown | Promise<unknown>;
+    onSaveDraft: () => unknown | Promise<unknown>;
+    onPublish: () => unknown | Promise<unknown>;
+    publishButtonType?: "button" | "submit";
+};
+export default function WizardFooter({ isFirstStep, isLastStep, isSubmitting, backLabel, nextLabel, saveLabel, publishLabel, showPublishOnEveryStep, onBack, onNext, onSaveDraft, onPublish, publishButtonType, }: WizardFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=wizard-footer.d.ts.map

package/dist/misc/wizard-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-footer.d.ts","sourceRoot":"","sources":["../../src/misc/wizard-footer.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,WAAW,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,UAAU,EACV,YAAoB,EACpB,SAAkB,EAClB,SAAkB,EAClB,SAAwB,EACxB,YAAY,EACZ,sBAA8B,EAC9B,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAS,EACT,iBAA4B,GAC7B,EAAE,iBAAiB,2CA0EnB"}

package/dist/misc/wizard-footer.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft, ArrowRight, Check, Info } from "lucide-react";
+import { Button } from "./button";
+export default function WizardFooter({ isFirstStep, isLastStep, isSubmitting = false, backLabel = "Back", nextLabel = "Next", saveLabel = "Save Draft", publishLabel, showPublishOnEveryStep = false, onBack, onNext, onSaveDraft, onPublish, publishButtonType = "button", }) {
+    const showPublish = isLastStep || showPublishOnEveryStep;
+    const primaryActionClass = "h-12 min-w-[9.5rem] rounded-xl px-6 font-black shadow-lg shadow-primary/20 transition active:scale-[0.98] disabled:opacity-60";
+    const secondaryActionClass = "h-12 min-w-[9rem] rounded-xl border-2 border-gray-200 bg-white px-5 font-bold text-gray-600 transition hover:border-primary/40 hover:bg-primary/5 hover:text-primary active:scale-[0.98] disabled:opacity-60";
+    const publishButton = (className = "") => (_jsxs(Button, { type: publishButtonType, onClick: publishButtonType === "button" ? onPublish : undefined, disabled: isSubmitting, loading: isSubmitting, className: `bg-primary text-white hover:bg-primary/90 ${primaryActionClass} flex items-center justify-center gap-2 ${className}`, children: [_jsx(Check, { className: "h-5 w-5" }), " ", publishLabel] }));
+    return (_jsx("div", { className: "border-t border-gray-100 bg-white/95 px-4 py-4 sm:px-10", children: _jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: onBack, disabled: isFirstStep, className: "h-12 w-full justify-center rounded-xl px-4 font-bold text-gray-500 transition hover:bg-gray-100 hover:text-gray-900 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-40 sm:w-auto", children: [_jsx(ArrowLeft, { className: "h-5 w-5" }), " ", backLabel] }), _jsxs("div", { className: "grid w-full grid-cols-1 gap-3 sm:grid-cols-2 lg:flex lg:w-auto lg:items-center", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: onSaveDraft, disabled: isSubmitting, loading: isSubmitting, className: `${secondaryActionClass} flex items-center justify-center gap-2`, children: [_jsx(Info, { className: "h-4 w-4" }), saveLabel] }), showPublish && !isLastStep ? (_jsxs(Button, { type: "button", onClick: onNext, disabled: isSubmitting, loading: isSubmitting, className: `bg-slate-900 text-white hover:bg-slate-800 ${primaryActionClass} flex items-center justify-center gap-2`, children: [nextLabel, _jsx(ArrowRight, { className: "h-5 w-5" })] })) : !showPublish ? (_jsxs(Button, { type: "button", onClick: onNext, disabled: isSubmitting, loading: isSubmitting, className: `bg-primary text-white hover:bg-primary/90 ${primaryActionClass} flex items-center justify-center gap-2`, children: [nextLabel, _jsx(ArrowRight, { className: "h-5 w-5" })] })) : null, showPublish && publishButton()] })] }) }));
+}

package/dist/profile/socialLink.d.ts

@@ -0,0 +1,10 @@
+import { SocialPlatformType } from "@myrjfa/state/dist/lib/utils/socialMediaUrl";
+interface SocialLinkFieldProps {
+    platform: SocialPlatformType;
+    url?: string;
+    isCurrentUser: boolean;
+    updateUserSocialLink?: (platform: SocialPlatformType, url: string) => Promise<void>;
+}
+export declare function SocialLinkField({ platform, url, isCurrentUser, updateUserSocialLink, }: SocialLinkFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=socialLink.d.ts.map

package/dist/profile/socialLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"socialLink.d.ts","sourceRoot":"","sources":["../../src/profile/socialLink.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAsB,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAGrG,UAAU,oBAAoB;IAC1B,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvF;AAeD,wBAAgB,eAAe,CAAC,EAC5B,QAAQ,EACR,GAAG,EACH,aAAa,EACb,oBAAoB,GACvB,EAAE,oBAAoB,kDAgFtB"}

package/dist/profile/socialLink.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Input } from "../misc/input";
+import { Button } from "../misc/button";
+import { GithubIcon, InstagramIcon, StoreIcon, YoutubeIcon } from "lucide-react";
+import { normalizeSocialUrl } from "@myrjfa/state/dist/lib/utils/socialMediaUrl";
+import { FacebookIcon, LinkedinIcon, TwitterIcon } from "react-share";
+const platformConfig = {
+    instagram: { label: "Instagram", icon: InstagramIcon, color: "hover:text-pink-600", hint: "Enter username or profile URL" },
+    youtube: { label: "YouTube", icon: YoutubeIcon, color: "hover:text-red-600", hint: "Enter @handle or profile URL" },
+    twitter: { label: "Twitter", icon: TwitterIcon, color: "hover:text-blue-600", hint: "Enter @handle or profile URL" },
+    facebook: { label: "Facebook", icon: FacebookIcon, color: "hover:text-blue-600", hint: "Enter @handle or profile URL" },
+    github: { label: "GitHub", icon: GithubIcon, color: "hover:text-blue-600", hint: "Enter @handle or profile URL" },
+    linkedin: { label: "LinkedIn", icon: LinkedinIcon, color: "hover:text-blue-600", hint: "Enter username or profile URL" },
+    googleBusiness: { label: "Google Business", icon: StoreIcon, color: "hover:text-green-600", hint: "Enter full Google Business URL" },
+};
+export function SocialLinkField({ platform, url, isCurrentUser, updateUserSocialLink, }) {
+    const [input, setInput] = useState(url !== null && url !== void 0 ? url : "");
+    const [urlError, setUrlError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const { label, icon: Icon, color, hint } = platformConfig[platform];
+    // #13: Validate and normalize the URL when focus leaves the input
+    const handleBlur = () => {
+        if (!input.trim() || platform === "googleBusiness")
+            return;
+        const { url: normalized, error } = normalizeSocialUrl(platform, input);
+        setUrlError(error);
+        if (!error)
+            setInput(normalized); // auto-correct the field to canonical URL
+    };
+    const handleSave = async () => {
+        if (!input.trim() || !updateUserSocialLink)
+            return;
+        // Final normalization before saving
+        let finalUrl = input;
+        if (platform !== "googleBusiness") {
+            const { url: normalized, error } = normalizeSocialUrl(platform, input);
+            if (error) {
+                setUrlError(error);
+                return;
+            }
+            finalUrl = normalized;
+            setInput(normalized);
+        }
+        try {
+            setLoading(true);
+            await updateUserSocialLink(platform, finalUrl);
+            setUrlError(null);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    if (isCurrentUser) {
+        return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { className: `h-5 w-5 shrink-0 text-gray-400 ${color}` }), _jsx(Input, { type: "text", placeholder: hint, value: input, onChange: (e) => {
+                                setInput(e.target.value);
+                                setUrlError(null);
+                            }, onBlur: handleBlur, className: urlError ? "border-red-400 focus:ring-red-400" : "" }), _jsx(Button, { disabled: loading || !input.trim(), onClick: handleSave, children: loading ? "Adding..." : "Add" })] }), urlError && (_jsx("p", { className: "text-xs text-red-500 ml-6", children: urlError }))] }));
+    }
+    else if (url) {
+        return (_jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: `text-gray-500 ${color} flex flex-row gap-1`, children: _jsx(Icon, { className: "h-5 w-5" }) }));
+    }
+    else
+        return null;
+}

package/dist/utils/permissions.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Utility functions for checking browser permissions
+ */
+export declare const checkPhonePermission: () => Promise<boolean>;
+export declare const checkMicrophonePermission: () => Promise<boolean>;
+export declare const checkCameraPermission: () => Promise<boolean>;
+//# sourceMappingURL=permissions.d.ts.map

package/dist/utils/permissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions.d.ts","sourceRoot":"","sources":["../../src/utils/permissions.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,oBAAoB,QAAa,OAAO,CAAC,OAAO,CAI5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAa,OAAO,CAAC,OAAO,CAejE,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAa,OAAO,CAAC,OAAO,CAa7D,CAAC"}