@myrjfa/ui 0.3.1

package/dist/main/review-page.js

@@ -0,0 +1,209 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { addReview, deleteReview, editReview, getReviewsById } from "@myrjfa/state/dist/lib/actions/actions";
+import { reviewBasicSchema } from "@myrjfa/state/dist/lib/models/review";
+import { userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { formatDate } from "@myrjfa/state/dist/lib/utils";
+import { useAtomValue } from "jotai";
+import { StarIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { deleteActions, showAlert } from "../misc/alertdialogclaude";
+import { Avatar, AvatarFallback, AvatarImage } from "../misc/avatar";
+import ImageUploader from "../components/create-flow/ImageUploader";
+import { Button } from "../misc/button";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../misc/card";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from "../misc/form";
+import { Separator } from "../misc/separator";
+import { Textarea } from "../misc/textarea";
+const StarRating = ({ value, onChange, onHover, size = 8, interactive = false }) => {
+    return (_jsx("div", { className: "flex space-x-1", children: [1, 2, 3, 4, 5].map((star) => (_jsx("button", { type: "button", onClick: () => interactive && (onChange === null || onChange === void 0 ? void 0 : onChange(star)), onMouseEnter: () => interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(star)), onMouseLeave: () => interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(null)), className: `focus:outline-none text-${size}xl`, children: _jsx(StarIcon, { className: `h-${size} w-${size} ${star <= value ? 'text-yellow-400 fill-yellow-400' : 'text-gray-300'}` }) }, star))) }));
+};
+export function ReviewPage({ title, subtitle, targetId, targetType = "opportunity", editable = false, initialReviews = [], reviewCategory = "review", hideWhenEmpty = false, }) {
+    var _a;
+    const user = useAtomValue(userAtom);
+    const loading = useAtomValue(userLoadingAtom);
+    const [review, setReview] = useState(Array.isArray(initialReviews) ? ((_a = initialReviews.find((r) => r.reviewerUsername === (user === null || user === void 0 ? void 0 : user.username))) !== null && _a !== void 0 ? _a : null) : null);
+    const [reviews, setReviews] = useState(initialReviews);
+    const [displayReviews, setDisplayReviews] = useState([]);
+    const [page, setPage] = useState(1);
+    const [hasMore, setHasMore] = useState(false);
+    const [totalCount, setTotalCount] = useState(Array.isArray(initialReviews) ? initialReviews.length : 0);
+    const [hoveredRating, setHoveredRating] = useState(null);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [isFormInitialized, setIsFormInitialized] = useState(false);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    // Image state
+    const [previewImages, setPreviewImages] = useState([]);
+    const [images, setImages] = useState([]);
+    const form = useForm({
+        resolver: zodResolver(reviewBasicSchema),
+        defaultValues: {
+            rating: reviewCategory === "comment" ? 1 : ((review === null || review === void 0 ? void 0 : review.rating) || 0),
+            comment: (review === null || review === void 0 ? void 0 : review.comment) || "",
+        },
+    });
+    const ratingValue = hoveredRating !== null && hoveredRating !== void 0 ? hoveredRating : form.watch("rating");
+    useEffect(() => {
+        if (loading)
+            return;
+        const fetchData = async () => {
+            // Cast to any to bypass stale type definitions in @myrjfa/state/dist
+            const response = await getReviewsById(targetId, targetType, { page: 1, limit: 10 });
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                console.error("Error: " + response.error);
+            }
+            else if (Array.isArray(response.reviews)) {
+                setReviews(response.reviews);
+                setTotalCount(response.totalCount);
+                setHasMore(response.hasMore);
+                setPage(1);
+                const myReview = response.reviews.find((r) => r.reviewerUsername === (user === null || user === void 0 ? void 0 : user.username));
+                setReview(myReview !== null && myReview !== void 0 ? myReview : null);
+                form.reset({ rating: reviewCategory === "comment" ? 1 : ((myReview === null || myReview === void 0 ? void 0 : myReview.rating) || 0), comment: (myReview === null || myReview === void 0 ? void 0 : myReview.comment) || "" });
+                setIsFormInitialized(true);
+            }
+            else {
+                setReviews([]);
+                setIsFormInitialized(true);
+            }
+        };
+        if (!initialReviews || initialReviews.length === 0) {
+            fetchData();
+        }
+        else {
+            setIsFormInitialized(true); // Initialize immediately if already present
+        }
+    }, [targetId, targetType, user, loading]);
+    const handleLoadMore = async () => {
+        if (isLoadingMore || !hasMore)
+            return;
+        setIsLoadingMore(true);
+        try {
+            const nextPage = page + 1;
+            // Cast to any to bypass stale type definitions in @myrjfa/state/dist
+            const response = await getReviewsById(targetId, targetType, { page: nextPage, limit: 10 });
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                console.error("Error: " + response.error);
+            }
+            else if (Array.isArray(response.reviews)) {
+                setReviews([...reviews, ...response.reviews]);
+                setPage(nextPage);
+                setHasMore(response.hasMore);
+            }
+        }
+        finally {
+            setIsLoadingMore(false);
+        }
+    };
+    useEffect(() => {
+        if (review) {
+            form.reset({
+                rating: reviewCategory === "comment" ? 1 : review.rating,
+                comment: review.comment || "",
+            });
+        }
+        setIsFormInitialized(true);
+    }, [review]);
+    useEffect(() => {
+        if (Array.isArray(reviews)) {
+            setDisplayReviews(reviews.filter((r) => r.comment));
+        }
+        else {
+            setDisplayReviews([]);
+        }
+    }, [reviews]);
+    const onSubmit = async (data) => {
+        setIsSubmitting(true);
+        try {
+            let response;
+            const submitData = { ...data, images: images };
+            if (review) {
+                response = await editReview(review._id, submitData);
+            }
+            else {
+                response = await addReview(targetId, targetType, submitData);
+            }
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                await showAlert(response.error, `Error reviewing ${targetType}`);
+            }
+            else {
+                const newReview = response.review;
+                if (newReview) {
+                    setReviews([newReview, ...reviews.filter((r) => r._id !== newReview._id)]);
+                    setReview(newReview);
+                    setTotalCount(prev => review ? prev : prev + 1);
+                    form.reset({ rating: reviewCategory === "comment" ? 1 : newReview.rating, comment: newReview.comment || "" });
+                    setImages([]);
+                    setPreviewImages([]);
+                }
+            }
+        }
+        catch (error) {
+            console.error("Failed to submit review:", error);
+            form.setError("root", { message: "Failed to submit review. Please try again." });
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    const handleDeleteReview = async () => {
+        if (!review)
+            return;
+        let confirmed = true;
+        await showAlert("Are you sure you want to delete your review?", undefined, deleteActions(() => {
+            confirmed = false;
+        }));
+        if (!confirmed)
+            return;
+        setIsDeleting(true);
+        try {
+            const response = await deleteReview(review._id);
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                await showAlert(response.error, "Error deleting review:");
+            }
+            else {
+                setReviews(reviews.filter((r) => r._id !== review._id));
+                setReview(null);
+                setTotalCount(prev => Math.max(0, prev - 1));
+                form.reset({ rating: reviewCategory === "comment" ? 1 : 0, comment: "" });
+            }
+        }
+        catch (err) {
+            console.error("Failed to delete review:", err);
+            await showAlert("Something went wrong while deleting. Please try again.");
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    };
+    const handleImageUpload = async (e) => {
+        const files = Array.from(e.target.files || []);
+        if (!files || files.length === 0)
+            return;
+        const MAX_IMAGE_SIZE_MB = 5;
+        const validFiles = [];
+        for (const file of files) {
+            if (file.size > MAX_IMAGE_SIZE_MB * 1024 * 1024) {
+                await showAlert(`${file.name} is too large. Max allowed size is ${MAX_IMAGE_SIZE_MB}MB.`);
+                continue;
+            }
+            validFiles.push(file);
+        }
+        const fileUrls = validFiles.map((file) => URL.createObjectURL(file));
+        setPreviewImages((prevImages) => [...prevImages, ...fileUrls]);
+        setImages((prev) => [...prev, ...validFiles]);
+    };
+    const handleRemoveImage = (index) => {
+        setImages((prev) => prev.filter((_, i) => i !== index));
+        setPreviewImages((prev) => prev.filter((_, i) => i !== index));
+    };
+    if (loading || !isFormInitialized)
+        return _jsx(Card, { className: "w-full h-50 flex items-center justify-center", children: "Loading Reviews..." });
+    if (hideWhenEmpty && !editable && displayReviews.length === 0)
+        return null;
+    const averageRating = reviews.length ? reviews.reduce((acc, r) => acc + r.rating, 0) / reviews.length : 0;
+    return (_jsxs(Card, { className: "w-full mb-10", children: [(title || subtitle) && _jsxs(CardHeader, { children: [title && _jsx(CardTitle, { children: title }), subtitle && _jsx(CardDescription, { children: subtitle })] }), _jsxs(CardContent, { children: [editable && _jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6 pb-4", children: [_jsx(FormField, { control: form.control, name: "rating", render: ({ field }) => (_jsxs(FormItem, { className: reviewCategory === "comment" ? "hidden" : "", children: [_jsx(FormLabel, { children: "Your Rating" }), _jsx(FormControl, { children: _jsx(StarRating, { value: ratingValue, onChange: (val) => field.onChange(val), onHover: setHoveredRating, interactive: true }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "comment", render: ({ field }) => (_jsxs(FormItem, { children: [_jsxs(FormLabel, { children: ["Your ", reviewCategory == "review" ? "Review" : "Comment"] }), _jsx(FormControl, { children: _jsx(Textarea, { placeholder: `Share your ${reviewCategory == "review" ? "experience" : "thoughts"}...`, className: "resize-none", rows: 4, ...field }) }), _jsx(FormMessage, {})] })) }), reviewCategory === "review" && (_jsx("div", { className: "pt-2", children: _jsx(ImageUploader, { previews: previewImages, onUploadEvent: handleImageUpload, onRemove: handleRemoveImage, title: "Add Review Photos", message: "Add up to 5 photos to your review (Optional)", maxImages: 5 }) })), form.formState.errors.root && (_jsx("p", { className: "text-sm font-medium text-destructive", children: form.formState.errors.root.message })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full sm:w-auto", children: isSubmitting ? (reviewCategory == "review" ? "Submitting... Review" : "Posting... Comment") : (reviewCategory == "review" ? "Submit Review" : "Post Comment") }), review && _jsx(Button, { type: "button", variant: "destructive", className: "w-full sm:w-auto", disabled: isDeleting, onClick: handleDeleteReview, children: isDeleting ? "Deleting..." : reviewCategory == "review" ? "Delete Review" : "Delete Comment" })] })] }) }), displayReviews.length > 0 ? (_jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsxs("h3", { className: "text-lg font-medium", children: [reviewCategory == "review" ? "Reviews" : "Comments", " (", totalCount || displayReviews.length, ")"] }), reviewCategory == "review" && _jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "font-medium mr-2", children: averageRating.toFixed(1) }), _jsx(StarRating, { value: Math.round(averageRating), size: 5 })] })] }), _jsx(Separator, { className: "my-4" }), _jsx("div", { className: "space-y-6", children: displayReviews.map((review) => (_jsxs("div", { className: "pb-4", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs(Avatar, { className: "h-10 w-10 mr-3", children: [_jsx(AvatarImage, { src: review.reviewerPic || "/images/profile_placeholder.webp", alt: review.reviewerUsername }), _jsx(AvatarFallback, { children: review.reviewerUsername.charAt(0) })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium", children: review.reviewerUsername }), _jsx("p", { className: "text-sm text-gray-500", children: formatDate(review.createdAt) })] })] }), reviewCategory == "review" && _jsx(StarRating, { value: review.rating, size: 4 })] }), _jsx("p", { className: "mt-2 text-gray-600 whitespace-pre-line", children: review.comment }), review.images && review.images.length > 0 && (_jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: review.images.map((img, idx) => (_jsx("div", { className: "relative w-20 h-20 rounded-md overflow-hidden border border-slate-200", children: _jsx("img", { src: img, alt: `Review photo ${idx + 1}`, className: "object-cover w-full h-full" }) }, idx))) })), _jsx(Separator, { className: "mt-4" })] }, review._id))) }), hasMore && (_jsx("div", { className: "flex justify-center mt-6", children: _jsx(Button, { variant: "outline", onClick: handleLoadMore, disabled: isLoadingMore, className: "w-full sm:w-auto", children: isLoadingMore ? "Loading more..." : "View More" }) }))] })) : (_jsxs("div", { className: "text-center justify-center p-5", children: ["No ", reviewCategory == "comment" ? "comments" : "reviews", " yet"] }))] }), displayReviews.length > 0 && _jsx(CardFooter, { children: _jsx("p", { className: "text-sm text-gray-500", children: "Thank you for sharing your feedback. All reviews are moderated and typically appear within 24-48 hours." }) })] }));
+}

package/dist/misc/IosPwaNavBar.d.ts

@@ -0,0 +1,8 @@
+/**
+ * #12 — iPhone PWA Navigation Bar
+ * Shows a fixed bottom bar only when running as a standalone PWA on iOS.
+ * iOS Safari in standalone mode has no browser chrome (no back/forward/reload buttons),
+ * so users have no way to navigate. This provides that functionality.
+ */
+export default function IosPwaNavBar(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=IosPwaNavBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IosPwaNavBar.d.ts","sourceRoot":"","sources":["../../src/misc/IosPwaNavBar.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,mDAiDnC"}

package/dist/misc/IosPwaNavBar.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { ChevronLeft, ChevronRight, RefreshCw } from 'lucide-react';
+import { Button } from './button';
+import { useRouter } from 'next/navigation';
+/**
+ * #12 — iPhone PWA Navigation Bar
+ * Shows a fixed bottom bar only when running as a standalone PWA on iOS.
+ * iOS Safari in standalone mode has no browser chrome (no back/forward/reload buttons),
+ * so users have no way to navigate. This provides that functionality.
+ */
+export default function IosPwaNavBar() {
+    const [isIosPwa, setIsIosPwa] = useState(false);
+    const router = useRouter();
+    useEffect(() => {
+        const isStandalone = ('standalone' in window.navigator && window.navigator.standalone === true) ||
+            window.matchMedia('(display-mode: standalone)').matches;
+        const isIos = /iPhone|iPad|iPod/i.test(window.navigator.userAgent);
+        setIsIosPwa(isStandalone && isIos);
+    }, []);
+    if (!isIosPwa)
+        return null;
+    return (_jsxs("nav", { style: { paddingBottom: 'env(safe-area-inset-bottom)' }, className: "fixed bottom-0 left-0 right-0 z-50 bg-white/90 backdrop-blur border-t border-gray-200 flex items-center justify-around h-14", children: [_jsx(Button, { onClick: () => router.back(), "aria-label": "Go back", variant: "ghost", size: "icon", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsx(Button, { onClick: () => router.refresh(), "aria-label": "Reload page", variant: "ghost", size: "icon", children: _jsx(RefreshCw, { className: "h-5 w-5" }) }), _jsx(Button, { onClick: () => router.forward(), "aria-label": "Go forward", variant: "ghost", size: "icon", children: _jsx(ChevronRight, { className: "h-6 w-6" }) })] }));
+}

package/dist/misc/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/misc/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAgBzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/misc/accordion.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { ChevronDownIcon } from "lucide-react";
+function Accordion({ ...props }) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/misc/alert-dialog.d.ts

@@ -0,0 +1,14 @@
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/misc/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/misc/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAIpE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}

package/dist/misc/alert-dialog.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { buttonVariants } from "./button";
+function AlertDialog({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
+}
+function AlertDialogPortal({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
+}
+function AlertDialogOverlay({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
+}
+function AlertDialogContent({ className, ...props }) {
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className), ...props })] }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className), ...props }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+}
+function AlertDialogAction({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props }));
+}
+function AlertDialogCancel({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "outline" }), className), ...props }));
+}
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/misc/alert.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/misc/alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,aAAa;;mFAclB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/misc/alert.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cva } from "class-variance-authority";
+const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground",
+            destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { role: "alert", className: cn(alertVariants({ variant }), className), ...props }, "alert"));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }, "alert-title"));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className), ...props }, "alert-description"));
+}
+export { Alert, AlertTitle, AlertDescription };

package/dist/misc/alertdialogclaude.d.ts

@@ -0,0 +1,15 @@
+import { ActionButton } from '../dashboard/action-buttons';
+interface AlertDialogProps {
+    message: string;
+    title?: string;
+    actions?: Array<ActionButton>;
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare const deleteActions: (cancel: any) => ActionButton[];
+export declare const confirmActions: (cancel: any) => ActionButton[];
+export declare function showAlert(message: string, title?: string, actions?: Array<ActionButton>): Promise<void>;
+export declare function AlertDialog({ message, title, actions, isOpen, onOpenChange, }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlertDialogDemo(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=alertdialogclaude.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alertdialogclaude.d.ts","sourceRoot":"","sources":["../../src/misc/alertdialogclaude.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,UAAU,gBAAgB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,aAAa,GAAI,QAAQ,GAAG,KAapC,YAAY,EAAE,CAAC;AAEpB,eAAO,MAAM,cAAc,GAAI,QAAQ,GAAG,KAarC,YAAY,EAAE,CAAC;AAEpB,wBAAgB,SAAS,CACrB,OAAO,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAC9B,OAAO,CAAC,IAAI,CAAC,CAiCf;AAED,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,KAAK,EACL,OAAY,EACZ,MAAM,EACN,YAAY,GACf,EAAE,gBAAgB,2CA8DlB;AAyBD,wBAAgB,eAAe,4CA2I9B"}

package/dist/misc/alertdialogclaude.js

@@ -0,0 +1,151 @@
+// AlertDialog.tsx
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Forward, Save, X } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { FaDumpster, FaHandPointer } from 'react-icons/fa6';
+import { Button } from './button';
+export const deleteActions = (cancel) => [
+    {
+        label: "Cancel",
+        variant: "outline",
+        icon: _jsx(X, {}),
+        action: () => cancel()
+    },
+    {
+        label: "Delete",
+        variant: "destructive",
+        icon: _jsx(FaDumpster, {}),
+        action: () => console.log("deleting")
+    }
+];
+export const confirmActions = (cancel) => [
+    {
+        label: "Cancel",
+        variant: "outline",
+        icon: _jsx(X, {}),
+        action: () => cancel()
+    },
+    {
+        label: "Proceed",
+        variant: "default",
+        icon: _jsx(FaHandPointer, {}),
+        action: () => console.log("proceeding")
+    }
+];
+export function showAlert(message, title, actions) {
+    return new Promise((resolve) => {
+        const alertRoot = document.createElement('div');
+        alertRoot.id = 'alert-root';
+        document.body.appendChild(alertRoot);
+        const cleanup = () => {
+            document.body.removeChild(alertRoot);
+            resolve();
+        };
+        const AlertComponent = () => {
+            const [open, setOpen] = useState(true);
+            useEffect(() => {
+                if (!open) {
+                    setTimeout(cleanup, 300); // Allow time for close animation
+                }
+            }, [open]);
+            return (_jsx(AlertDialog, { message: message, title: title, actions: actions, isOpen: open, onOpenChange: setOpen }));
+        };
+        const root = createRoot(alertRoot);
+        root.render(_jsx(AlertComponent, {}));
+    });
+}
+export function AlertDialog({ message, title, actions = [], isOpen, onOpenChange, }) {
+    return (_jsx(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: onOpenChange, children: _jsxs(AlertDialogPrimitive.Portal, { children: [_jsx(AlertDialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), _jsxs(AlertDialogPrimitive.Content, { className: "fixed left-1/2 top-1/2 z-50 max-h-[85vh] w-full max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lg border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%] dark:border-neutral-800 dark:bg-neutral-950 sm:rounded-lg md:w-full", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [title ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(AlertDialogPrimitive.Title, { className: "text-lg font-semibold text-neutral-900 dark:text-neutral-50 flex-grow text-center", children: title }), _jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: _jsx(X, {}) })] })) : (_jsx(AlertDialogPrimitive.Title, { className: "sr-only", children: "Alert" })), _jsx(AlertDialogPrimitive.Description, { className: "text-sm text-neutral-700 dark:text-neutral-300 text-center", children: message })] }), _jsx("div", { className: cn("mt-6 flex flex-col-reverse gap-2 sm:flex-row", actions.length > 0 ? "sm:justify-end" : "justify-center"), children: actions.length > 0 ? (actions.map((action, index) => (_jsx(AlertDialogButton, { variant: action.variant || 'default', onClick: () => {
+                                    action.action();
+                                    onOpenChange(false);
+                                }, children: action.label }, index)))) : (_jsx(AlertDialogButton, { onClick: () => onOpenChange(false), children: "OK" })) })] })] }) }));
+}
+function AlertDialogButton({ variant = 'default', children, className, ...props }) {
+    return (_jsx(Button, { className: className, variant: variant, ...props, children: children }));
+}
+// Example usage component
+export function AlertDialogDemo() {
+    const [isOpen, setIsOpen] = useState(false);
+    const [alertConfig, setAlertConfig] = useState({
+        message: "This is a sample alert message",
+        title: "Alert",
+        actions: []
+    });
+    const showSimpleAlert = () => {
+        setAlertConfig({
+            message: "This is a simple alert with only an OK button",
+            title: "",
+            actions: []
+        });
+        setIsOpen(true);
+    };
+    const showFullAlert = () => {
+        setAlertConfig({
+            message: "Would you like to proceed with this action?",
+            title: "Confirmation Required",
+            actions: [
+                {
+                    label: "Cancel",
+                    variant: "outline",
+                    icon: _jsx(X, {}),
+                    action: () => console.log("Action cancelled")
+                },
+                {
+                    label: "Proceed",
+                    variant: "default",
+                    icon: _jsx(Forward, {}),
+                    action: () => console.log("Action confirmed")
+                }
+            ]
+        });
+        setIsOpen(true);
+    };
+    const showDestructiveAlert = () => {
+        setAlertConfig({
+            message: "This action cannot be undone. Are you sure you want to delete this item?",
+            title: "Warning",
+            actions: [
+                {
+                    label: "Cancel",
+                    variant: "outline",
+                    icon: _jsx(X, {}),
+                    action: () => console.log("Delete cancelled")
+                },
+                {
+                    label: "Delete",
+                    variant: "destructive",
+                    icon: _jsx(FaDumpster, {}),
+                    action: () => console.log("Delete confirmed")
+                }
+            ]
+        });
+        setIsOpen(true);
+    };
+    // Programmatic usage example
+    const handleProgrammaticAlert = async () => {
+        await showAlert("This is a programmatically shown alert");
+        console.log("Alert was closed");
+    };
+    const handleProgrammaticAlertWithActions = async () => {
+        await showAlert("Do you want to save your changes?", "Save Changes", [
+            {
+                label: "Cancel",
+                variant: "outline",
+                icon: _jsx(X, {}),
+                action: () => console.log("Save cancelled")
+            },
+            {
+                label: "Save",
+                variant: "default",
+                icon: _jsx(Save, {}),
+                action: () => console.log("Save confirmed")
+            }
+        ]);
+        console.log("Action completed");
+    };
+    return (_jsxs("div", { className: "flex flex-col space-y-4 p-6", children: [_jsx("h2", { className: "text-2xl font-bold", children: "Alert Dialog Examples" }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx(Button, { onClick: showSimpleAlert, children: "Simple Alert" }), _jsx(Button, { onClick: showFullAlert, children: "Confirmation Alert" }), _jsx(Button, { variant: "destructive", onClick: showDestructiveAlert, children: "Destructive Alert" }), _jsx(Button, { onClick: handleProgrammaticAlert, children: "Programmatic Alert" }), _jsx(Button, { onClick: handleProgrammaticAlertWithActions, children: "Programmatic Alert with Actions" })] }), _jsx(AlertDialog, { message: alertConfig.message, title: alertConfig.title, actions: alertConfig.actions, isOpen: isOpen, onOpenChange: setIsOpen })] }));
+}

package/dist/misc/avatar.d.ts

@@ -0,0 +1,6 @@
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/misc/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAWnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/dist/misc/avatar.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Avatar({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("bg-muted flex size-full items-center justify-center rounded-full", className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/misc/badge.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/misc/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;mFAmBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAU3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}