@myrjfa/ui 1.1.0 → 1.1.2

package/dist/main/paginationBar.js

@@ -3,28 +3,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname, useSearchParams } from "next/navigation";
 import { Suspense } from "react";
 import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../misc/pagination";
-function PaginationBarComponent(_a) {
-    var currentPage = _a.currentPage, totalPages = _a.totalPages;
-    var searchParams = useSearchParams();
-    var pathname = usePathname();
+function PaginationBarComponent({ currentPage, totalPages }) {
+    const searchParams = useSearchParams();
+    const pathname = usePathname();
     function createPageURL(page) {
-        var params = new URLSearchParams(searchParams);
+        const params = new URLSearchParams(searchParams);
         params.set('page', page.toString());
-        return "".concat(pathname, "?").concat(params.toString());
+        return `${pathname}?${params.toString()}`;
     }
-    var maxVisible = 5;
-    var half = Math.floor(maxVisible / 2);
-    var start = Math.max(1, currentPage - half);
-    var end = Math.min(totalPages, start + maxVisible - 1);
+    const maxVisible = 5;
+    const half = Math.floor(maxVisible / 2);
+    let start = Math.max(1, currentPage - half);
+    const end = Math.min(totalPages, start + maxVisible - 1);
     if (end - start < maxVisible - 1) {
         start = Math.max(1, end - maxVisible + 1);
     }
-    return (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [currentPage > 1 && (_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: createPageURL(currentPage - 1) }) })), Array.from({ length: end - start + 1 }, function (_, i) {
-                    var page = start + i;
+    return (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [currentPage > 1 && (_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: createPageURL(currentPage - 1) }) })), Array.from({ length: end - start + 1 }, (_, i) => {
+                    const page = start + i;
                     return (_jsx(PaginationItem, { children: _jsx(PaginationLink, { href: createPageURL(page), isActive: page === currentPage, children: page }) }, page));
                 }), currentPage < totalPages && (_jsx(PaginationItem, { children: _jsx(PaginationNext, { href: createPageURL(currentPage + 1) }) }))] }) }));
 }
-export default function PaginationBar(_a) {
-    var currentPage = _a.currentPage, totalPages = _a.totalPages;
+export default function PaginationBar({ currentPage, totalPages }) {
     return (_jsx(Suspense, { fallback: _jsx("div", { className: "w-full h-screen flex items-center justify-center", children: "Loading..." }), children: _jsx(PaginationBarComponent, { currentPage: currentPage, totalPages: totalPages }) }));
 }

package/dist/main/portfolio/portfolioItem.js

@@ -2,7 +2,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
-export function PortfolioItemComponent(_a) {
-    var item = _a.item, onClick = _a.onClick;
+export function PortfolioItemComponent({ item, onClick }) {
     return _jsxs("div", { className: "relative aspect-square group cursor-pointer rounded-md overflow-hidden border border-gray-200", onClick: onClick, children: [item.mediaType === 'video' ? (_jsx("video", { src: item.url, muted: true, loop: true, playsInline: true, preload: "metadata", className: "object-cover w-full h-full" })) : (_jsx(Image, { src: item.url, alt: item.caption, fill: true, sizes: "(max-width: 768px) 50vw, 33vw", className: "object-cover transition-transform duration-300 group-hover:scale-105", loading: "lazy" })), _jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-all duration-300 flex items-center justify-center", children: _jsx("div", { className: "text-white p-3 text-center text-sm opacity-0 group-hover:opacity-100 line-clamp-3", children: item.caption }) })] });
 }

package/dist/main/portfolio/portfolioPopup.js

@@ -7,19 +7,18 @@ import { Button } from '../../misc/button';
 import { ExternalLink, ChevronLeft, ChevronRight } from 'lucide-react';
 import ShareButton from '../../misc/share';
 import { Avatar, AvatarFallback, AvatarImage } from '../../misc/avatar';
-export function PortfolioPopUp(_a) {
-    var items = _a.items, currentIndex = _a.currentIndex, firstName = _a.firstName, profilePic = _a.profilePic;
-    var _b = useState(items.at(currentIndex)), currentItem = _b[0], setCurrentItem = _b[1];
-    var _c = useState(currentIndex), currentIdx = _c[0], setCurrentIdx = _c[1];
-    var touchStartX = useRef(null);
-    var containerRef = useRef(null);
+export function PortfolioPopUp({ items, currentIndex, firstName, profilePic }) {
+    const [currentItem, setCurrentItem] = useState(items.at(currentIndex));
+    const [currentIdx, setCurrentIdx] = useState(currentIndex);
+    const touchStartX = useRef(null);
+    const containerRef = useRef(null);
     // const [likes, setLikes] = useState(currentItem.likes ?? 0);
     // const [isLiked, setIsLiked] = useState(false);
-    var handleNext = function () {
+    const handleNext = () => {
         var _a;
         if (currentIdx < items.length - 1) {
-            var nextIdx = currentIdx + 1;
-            var nextItem = items[nextIdx];
+            const nextIdx = currentIdx + 1;
+            const nextItem = items[nextIdx];
             setCurrentItem(nextItem);
             setCurrentIdx(nextIdx);
             // setLikes(nextItem.likes ?? 0);
@@ -27,11 +26,11 @@ export function PortfolioPopUp(_a) {
         }
         (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
-    var handlePrev = function () {
+    const handlePrev = () => {
         var _a;
         if (currentIdx > 0) {
-            var prevIdx = currentIdx - 1;
-            var prevItem = items[prevIdx];
+            const prevIdx = currentIdx - 1;
+            const prevItem = items[prevIdx];
             setCurrentItem(prevItem);
             setCurrentIdx(prevIdx);
             // setLikes(prevItem.likes ?? 0);
@@ -44,21 +43,21 @@ export function PortfolioPopUp(_a) {
     //     setLikes(prev => isLiked ? prev - 1 : prev + 1);
     // };
     /** ⌨️ Keyboard navigation */
-    var handleKeyDown = function (e) {
+    const handleKeyDown = (e) => {
         if (e.key === 'ArrowRight')
             handleNext();
         else if (e.key === 'ArrowLeft')
             handlePrev();
     };
     /** 📱 Touch swipe navigation */
-    var handleTouchStart = function (e) {
+    const handleTouchStart = (e) => {
         if (e.touches[0])
             touchStartX.current = e.touches[0].clientX;
     };
-    var handleTouchEnd = function (e) {
+    const handleTouchEnd = (e) => {
         if (touchStartX.current == null || !e.changedTouches[0])
             return;
-        var diff = touchStartX.current - e.changedTouches[0].clientX;
+        const diff = touchStartX.current - e.changedTouches[0].clientX;
         if (Math.abs(diff) > 50) {
             // Swipe left → next, right → previous
             if (diff > 0)
@@ -68,5 +67,5 @@ export function PortfolioPopUp(_a) {
         }
         touchStartX.current = null;
     };
-    return (_jsxs("div", { ref: containerRef, tabIndex: 0, onKeyDown: handleKeyDown, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, className: "w-full h-full flex items-center justify-center relative rounded-lg", children: [currentIdx > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handlePrev, className: "absolute -left-3 md:-left-12 z-50 text-black hover:bg-white bg-white/70 h-7 w-7 md:h-10 md:w-10 p-0 rounded-full", children: _jsx(ChevronLeft, { className: "h-8 w-8" }) })), currentIdx < items.length - 1 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleNext, className: "absolute -right-3 md:-right-12 z-50 text-black hover:bg-white bg-white/70 h-7 w-7 md:h-10 md:w-10 p-0 rounded-full", children: _jsx(ChevronRight, { className: "h-8 w-8" }) })), _jsx("div", { className: "flex items-center justify-center w-full h-full mx-auto", children: _jsxs("div", { className: "flex flex-col md:flex-row w-full h-full rounded-lg overflow-hidden bg-white/80 backdrop-blur-sm border border-white/20 shadow-2xl", children: [_jsx("div", { className: "flex-2 flex items-center justify-center bg-black", children: currentItem.mediaType === 'video' ? (_jsx("video", { src: currentItem.url, controls: true, autoPlay: true, loop: true, className: "max-w-full max-h-full object-contain" }, currentItem._id)) : (_jsx("div", { className: "relative w-full h-full", children: _jsx(Image, { src: currentItem.url, alt: currentItem.caption, fill: true, sizes: "70vw", className: "object-contain", priority: true }, currentItem._id) })) }), _jsxs("div", { className: "flex-1 flex flex-col bg-white/90 backdrop-blur-sm text-black", children: [_jsx("div", { className: "p-4 border-b border-white/20", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center", children: _jsxs(Avatar, { className: "h-full w-full shadow-lg", children: [_jsx(AvatarImage, { src: profilePic }), _jsx(AvatarFallback, { children: ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || "DP") })] }) }), _jsxs("div", { children: [_jsxs("h3", { className: "font-semibold text-sm text-gray-900", children: [firstName, "'s Portfolio"] }), _jsxs("p", { className: "text-xs text-gray-500", children: [currentIdx + 1, " of ", items.length] })] })] }) }), _jsxs("div", { className: "flex-1 px-4 overflow-y-auto space-y-3", children: [_jsx("p", { className: "text-sm leading-relaxed text-gray-900", children: currentItem.caption }), currentItem.mainUrl && (_jsxs(Button, { variant: "outline", size: "sm", className: "w-full", onClick: function () { return window.open(currentItem.mainUrl, '_blank'); }, children: [_jsx(ExternalLink, { className: "w-4 h-4 mr-2" }), "View Source"] }))] }), _jsxs("div", { className: "flex flex-row justify-between border-t border-white/20 p-4 pt-2 bg-white/90 backdrop-blur-sm", children: [_jsxs("div", { className: "text-sm space-y-1", children: [_jsxs("p", { className: "font-medium text-gray-900", children: [5, " likes"] }), _jsxs("p", { className: "text-gray-600 text-xs", children: [currentItem.comments || 0, " comments \u2022 ", currentItem.shares || 0, " shares"] }), _jsx("p", { className: "text-gray-400 text-xs", children: "2 hours ago" })] }), _jsx("div", { className: "flex items-center gap-3 mb-3", children: _jsx(ShareButton, {}) })] })] })] }) })] }));
+    return (_jsxs("div", { ref: containerRef, tabIndex: 0, onKeyDown: handleKeyDown, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, className: "w-full h-full flex items-center justify-center relative rounded-lg", children: [currentIdx > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handlePrev, className: "absolute -left-3 md:-left-12 z-50 text-black hover:bg-white bg-white/70 h-7 w-7 md:h-10 md:w-10 p-0 rounded-full", children: _jsx(ChevronLeft, { className: "h-8 w-8" }) })), currentIdx < items.length - 1 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleNext, className: "absolute -right-3 md:-right-12 z-50 text-black hover:bg-white bg-white/70 h-7 w-7 md:h-10 md:w-10 p-0 rounded-full", children: _jsx(ChevronRight, { className: "h-8 w-8" }) })), _jsx("div", { className: "flex items-center justify-center w-full h-full mx-auto", children: _jsxs("div", { className: "flex flex-col md:flex-row w-full h-full rounded-lg overflow-hidden bg-white/80 backdrop-blur-sm border border-white/20 shadow-2xl", children: [_jsx("div", { className: "flex-2 flex items-center justify-center bg-black", children: currentItem.mediaType === 'video' ? (_jsx("video", { src: currentItem.url, controls: true, autoPlay: true, loop: true, className: "max-w-full max-h-full object-contain" }, currentItem._id)) : (_jsx("div", { className: "relative w-full h-full", children: _jsx(Image, { src: currentItem.url, alt: currentItem.caption, fill: true, sizes: "70vw", className: "object-contain", priority: true }, currentItem._id) })) }), _jsxs("div", { className: "flex-1 flex flex-col bg-white/90 backdrop-blur-sm text-black", children: [_jsx("div", { className: "p-4 border-b border-white/20", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center", children: _jsxs(Avatar, { className: "h-full w-full shadow-lg", children: [_jsx(AvatarImage, { src: profilePic }), _jsx(AvatarFallback, { children: ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || "DP") })] }) }), _jsxs("div", { children: [_jsxs("h3", { className: "font-semibold text-sm text-gray-900", children: [firstName, "'s Portfolio"] }), _jsxs("p", { className: "text-xs text-gray-500", children: [currentIdx + 1, " of ", items.length] })] })] }) }), _jsxs("div", { className: "flex-1 px-4 overflow-y-auto space-y-3", children: [_jsx("p", { className: "text-sm leading-relaxed text-gray-900", children: currentItem.caption }), currentItem.mainUrl && (_jsxs(Button, { variant: "outline", size: "sm", className: "w-full", onClick: () => window.open(currentItem.mainUrl, '_blank'), children: [_jsx(ExternalLink, { className: "w-4 h-4 mr-2" }), "View Source"] }))] }), _jsxs("div", { className: "flex flex-row justify-between border-t border-white/20 p-4 pt-2 bg-white/90 backdrop-blur-sm", children: [_jsxs("div", { className: "text-sm space-y-1", children: [_jsxs("p", { className: "font-medium text-gray-900", children: [5, " likes"] }), _jsxs("p", { className: "text-gray-600 text-xs", children: [currentItem.comments || 0, " comments \u2022 ", currentItem.shares || 0, " shares"] }), _jsx("p", { className: "text-gray-400 text-xs", children: "2 hours ago" })] }), _jsx("div", { className: "flex items-center gap-3 mb-3", children: _jsx(ShareButton, {}) })] })] })] }) })] }));
 }

package/dist/main/review-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"review-page.d.ts","sourceRoot":"","sources":["../../src/main/review-page.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAqB,gBAAgB,EAAc,MAAM,sCAAsC,CAAC;AAoD/G,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAA0B,EAC1B,QAAgB,EAChB,cAAmB,EACnB,cAAyB,GAC5B,EAAE,eAAe,2CAsNjB"}
+{"version":3,"file":"review-page.d.ts","sourceRoot":"","sources":["../../src/main/review-page.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAqB,gBAAgB,EAAc,MAAM,sCAAsC,CAAC;AAoD/G,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAA0B,EAC1B,QAAgB,EAChB,cAAmB,EACnB,cAAyB,GAC5B,EAAE,eAAe,2CAwQjB"}

package/dist/main/review-page.js

@@ -1,63 +1,7 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 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";
+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";
@@ -72,55 +16,56 @@ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from "../misc/form";
 import { Separator } from "../misc/separator";
 import { Textarea } from "../misc/textarea";
-var StarRating = function (_a) {
-    var value = _a.value, onChange = _a.onChange, onHover = _a.onHover, _b = _a.size, size = _b === void 0 ? 8 : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c;
-    return (_jsx("div", { className: "flex space-x-1", children: [1, 2, 3, 4, 5].map(function (star) { return (_jsx("button", { type: "button", onClick: function () { return interactive && (onChange === null || onChange === void 0 ? void 0 : onChange(star)); }, onMouseEnter: function () { return interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(star)); }, onMouseLeave: function () { return interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(null)); }, className: "focus:outline-none text-".concat(size, "xl"), children: _jsx(StarIcon, { className: "h-".concat(size, " w-").concat(size, " ").concat(star <= value ? 'text-yellow-400 fill-yellow-400' : 'text-gray-300') }) }, star)); }) }));
+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 default function ReviewPage(_a) {
-    var _this = this;
-    var _b;
-    var title = _a.title, subtitle = _a.subtitle, targetId = _a.targetId, _c = _a.targetType, targetType = _c === void 0 ? "opportunity" : _c, _d = _a.editable, editable = _d === void 0 ? false : _d, _e = _a.initialReviews, initialReviews = _e === void 0 ? [] : _e, _f = _a.reviewCategory, reviewCategory = _f === void 0 ? "review" : _f;
-    var user = useAtomValue(userAtom);
-    var loading = useAtomValue(userLoadingAtom);
-    var _g = useState((_b = initialReviews.find(function (r) { return r.reviewerUsername === (user === null || user === void 0 ? void 0 : user.username); })) !== null && _b !== void 0 ? _b : null), review = _g[0], setReview = _g[1];
-    var _h = useState(initialReviews), reviews = _h[0], setReviews = _h[1];
-    var _j = useState([]), displayReviews = _j[0], setDisplayReviews = _j[1];
-    var _k = useState(null), hoveredRating = _k[0], setHoveredRating = _k[1];
-    var _l = useState(false), isSubmitting = _l[0], setIsSubmitting = _l[1];
-    var _m = useState(false), isDeleting = _m[0], setIsDeleting = _m[1];
-    var _o = useState(false), isFormInitialized = _o[0], setIsFormInitialized = _o[1];
-    var form = useForm({
+export default function ReviewPage({ title, subtitle, targetId, targetType = "opportunity", editable = false, initialReviews = [], reviewCategory = "review", }) {
+    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);
+    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) || "",
         },
     });
-    var ratingValue = hoveredRating !== null && hoveredRating !== void 0 ? hoveredRating : form.watch("rating");
-    useEffect(function () {
+    const ratingValue = hoveredRating !== null && hoveredRating !== void 0 ? hoveredRating : form.watch("rating");
+    useEffect(() => {
         if (loading)
             return;
-        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
-            var response, myReview;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, getReviewsById(targetId, targetType)];
-                    case 1:
-                        response = _a.sent();
-                        if (response === null || response === void 0 ? void 0 : response.error) {
-                            console.error("Error: " + response.error);
-                        }
-                        else {
-                            setReviews(response.reviews);
-                            myReview = response.reviews.find(function (r) { return 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);
-                        }
-                        return [2 /*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();
         }
@@ -128,7 +73,28 @@ export default function ReviewPage(_a) {
             setIsFormInitialized(true); // Initialize immediately if already present
         }
     }, [targetId, targetType, user, loading]);
-    useEffect(function () {
+    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,
@@ -137,110 +103,77 @@ export default function ReviewPage(_a) {
         }
         setIsFormInitialized(true);
     }, [review]);
-    useEffect(function () {
-        setDisplayReviews(reviews.filter(function (r) { return r.comment; }));
+    useEffect(() => {
+        if (Array.isArray(reviews)) {
+            setDisplayReviews(reviews.filter((r) => r.comment));
+        }
+        else {
+            setDisplayReviews([]);
+        }
     }, [reviews]);
-    var onSubmit = function (data) { return __awaiter(_this, void 0, void 0, function () {
-        var response, newReview_1, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setIsSubmitting(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 9, 10, 11]);
-                    response = void 0;
-                    if (!review) return [3 /*break*/, 3];
-                    return [4 /*yield*/, editReview(review._id, data)];
-                case 2:
-                    response = _a.sent();
-                    return [3 /*break*/, 5];
-                case 3: return [4 /*yield*/, addReview(targetId, targetType, data)];
-                case 4:
-                    response = _a.sent();
-                    _a.label = 5;
-                case 5:
-                    if (!(response === null || response === void 0 ? void 0 : response.error)) return [3 /*break*/, 7];
-                    return [4 /*yield*/, showAlert(response.error, "Error reviewing ".concat(targetType))];
-                case 6:
-                    _a.sent();
-                    return [3 /*break*/, 8];
-                case 7:
-                    newReview_1 = response.review;
-                    if (newReview_1) {
-                        setReviews(__spreadArray([newReview_1], reviews.filter(function (r) { return r._id !== newReview_1._id; }), true));
-                        setReview(newReview_1);
-                        form.reset({ rating: reviewCategory === "comment" ? 1 : newReview_1.rating, comment: newReview_1.comment || "" });
-                    }
-                    _a.label = 8;
-                case 8: return [3 /*break*/, 11];
-                case 9:
-                    error_1 = _a.sent();
-                    console.error("Failed to submit review:", error_1);
-                    form.setError("root", { message: "Failed to submit review. Please try again." });
-                    return [3 /*break*/, 11];
-                case 10:
-                    setIsSubmitting(false);
-                    return [7 /*endfinally*/];
-                case 11: return [2 /*return*/];
+    const onSubmit = async (data) => {
+        setIsSubmitting(true);
+        try {
+            let response;
+            if (review) {
+                response = await editReview(review._id, data);
+            }
+            else {
+                response = await addReview(targetId, targetType, data);
             }
-        });
-    }); };
-    var handleDeleteReview = function () { return __awaiter(_this, void 0, void 0, function () {
-        var confirmed, response, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!review)
-                        return [2 /*return*/];
-                    confirmed = true;
-                    return [4 /*yield*/, showAlert("Are you sure you want to delete your review?", undefined, deleteActions(function () {
-                            confirmed = false;
-                        }))];
-                case 1:
-                    _a.sent();
-                    if (!confirmed)
-                        return [2 /*return*/];
-                    setIsDeleting(true);
-                    _a.label = 2;
-                case 2:
-                    _a.trys.push([2, 7, 9, 10]);
-                    return [4 /*yield*/, deleteReview(review._id)];
-                case 3:
-                    response = _a.sent();
-                    if (!(response === null || response === void 0 ? void 0 : response.error)) return [3 /*break*/, 5];
-                    return [4 /*yield*/, showAlert(response.error, "Error deleting review:")];
-                case 4:
-                    _a.sent();
-                    return [3 /*break*/, 6];
-                case 5:
-                    setReviews(reviews.filter(function (r) { return r._id !== review._id; }));
-                    setReview(null);
-                    form.reset({ rating: reviewCategory === "comment" ? 1 : 0, comment: "" });
-                    _a.label = 6;
-                case 6: return [3 /*break*/, 10];
-                case 7:
-                    err_1 = _a.sent();
-                    console.error("Failed to delete review:", err_1);
-                    return [4 /*yield*/, showAlert("Something went wrong while deleting. Please try again.")];
-                case 8:
-                    _a.sent();
-                    return [3 /*break*/, 10];
-                case 9:
-                    setIsDeleting(false);
-                    return [7 /*endfinally*/];
-                case 10: return [2 /*return*/];
+            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 || "" });
+                }
+            }
+        }
+        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);
+        }
+    };
     if (loading || !isFormInitialized)
         return _jsx(Card, { className: "w-full h-50 flex items-center justify-center", children: "Loading Reviews..." });
-    var averageRating = reviews.length ? reviews.reduce(function (acc, r) { return 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, __assign({}, form, { children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6 pb-4", children: [_jsx(FormField, { control: form.control, name: "rating", render: function (_a) {
-                                        var field = _a.field;
-                                        return (_jsxs(FormItem, { className: reviewCategory === "comment" ? "hidden" : "", children: [_jsx(FormLabel, { children: "Your Rating" }), _jsx(FormControl, { children: _jsx(StarRating, { value: ratingValue, onChange: function (val) { return field.onChange(val); }, onHover: setHoveredRating, interactive: true }) }), _jsx(FormMessage, {})] }));
-                                    } }), _jsx(FormField, { control: form.control, name: "comment", render: function (_a) {
-                                        var field = _a.field;
-                                        return (_jsxs(FormItem, { children: [_jsxs(FormLabel, { children: ["Your ", reviewCategory == "review" ? "Review" : "Comment"] }), _jsx(FormControl, { children: _jsx(Textarea, __assign({ placeholder: "Share your ".concat(reviewCategory == "review" ? "experience" : "thoughts", "..."), className: "resize-none", rows: 4 }, field)) }), _jsx(FormMessage, {})] }));
-                                    } }), 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", " (", 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(function (review) { return (_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 }), _jsx(Separator, { className: "mt-4" })] }, review._id)); }) })] })) : (_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." }) })] }));
+    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, {})] })) }), 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 }), _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/accordion.js

@@ -1,44 +1,18 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 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(_a) {
-    var props = __rest(_a, []);
-    return _jsx(AccordionPrimitive.Root, __assign({ "data-slot": "accordion" }, props));
+function Accordion({ ...props }) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
-function AccordionItem(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AccordionPrimitive.Item, __assign({ "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className) }, 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(_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, __assign({ "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 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(_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(AccordionPrimitive.Content, __assign({ "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 }) })));
+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 };