@myrjfa/ui 1.0.7 → 1.0.8

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

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

package/dist/dashboard/app-sidebar.js

@@ -57,11 +57,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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, Fragment as _Fragment } from "react/jsx-runtime";
 import { logoutUser } from "@myrjfa/state/dist/lib/auth";
 import { isLoggedInAtom, userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
 import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import { Bell, HelpCircleIcon, LayoutDashboardIcon, LogOutIcon, User } from "lucide-react";
+import { FileText, HelpCircleIcon, Inbox, LayoutDashboardIcon, LogOutIcon, Package, User } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useEffect } from "react";
 import { NavMain } from "../dashboard/nav-main";
@@ -87,7 +96,7 @@ export function AppSidebar(_a) {
     }, [loading, user, router]);
     // Navigation data
     var navData = {
-        navMain: [
+        navMain: __spreadArray(__spreadArray(__spreadArray([
             {
                 title: "Profile",
                 url: user ? "/profile/".concat((_b = user.role) !== null && _b !== void 0 ? _b : "user", "/").concat(user.username) : "#",
@@ -97,13 +106,30 @@ export function AppSidebar(_a) {
                 title: "Dashboard",
                 url: user ? "/overview/".concat((_c = user.role) !== null && _c !== void 0 ? _c : "user") : "#",
                 icon: LayoutDashboardIcon
-            },
+            }
+        ], ((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
+            ? [
+                {
+                    title: "My Tours",
+                    url: "/overview/".concat(user.role, "/packages"),
+                    icon: Package,
+                },
+            ]
+            : []), true), ((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
+            ? [
+                {
+                    title: "Blogs",
+                    url: "/overview/".concat(user.role, "/blogs"),
+                    icon: FileText,
+                },
+            ]
+            : []), true), [
             {
                 title: "Inbox",
                 url: "/inbox",
-                icon: Bell
+                icon: Inbox
             },
-        ],
+        ], false),
         navSecondary: [
             {
                 title: "Get Help",

package/dist/main/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../src/main/navbar.tsx"],"names":[],"mappings":"AAmBA,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAY,EAAE,EAAE,WAAW,2CAoN3D"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../src/main/navbar.tsx"],"names":[],"mappings":"AAoBA,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAY,EAAE,EAAE,WAAW,2CA2P3D"}

package/dist/main/navbar.js

@@ -40,8 +40,9 @@ import { Popover, PopoverContent, PopoverTrigger } from "@radix-ui/react-popover
 import { Separator } from "@radix-ui/react-separator";
 import { logoutUser } from "@myrjfa/state/dist/lib/auth";
 import { isLoggedInAtom, userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { opportunityTypeOptions } from "@myrjfa/state/dist/lib/models/opportunities/opportunity";
 import { useAtom, useAtomValue } from "jotai";
-import { Globe, Heart, LayoutDashboardIcon, Store, Target, Luggage } from "lucide-react";
+import { ChevronDown, Globe, Heart, LayoutDashboardIcon, Store, Target, Luggage } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
@@ -111,7 +112,7 @@ export default function Navbar(_a) {
     var navItemColor = dark
         ? "hover:text-white text-gray-250"
         : "hover:text-foreground text-gray-750";
-    return (_jsx("header", { className: "fixed top-0 left-0 z-[100] mx-auto transition-all duration-300 w-full ".concat(navbarBg, " ").concat(textColor, " ").concat(navbarBorder), children: _jsxs("div", { className: "mx-auto flex items-center justify-between gap-10 py-4 px-4 lg:px-8", children: [_jsxs(Link, { href: "/", className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "ml-2 -mr-4.5", children: [_jsx(AvatarImage, { src: "/images/logoicon.webp" }), _jsxs(AvatarFallback, { children: [(currentUser === null || currentUser === void 0 ? void 0 : currentUser.firstName.charAt(0)) || "D", (currentUser === null || currentUser === void 0 ? void 0 : currentUser.lastName.charAt(0)) || "P"] })] }), _jsx("span", { className: "font-heading text-xl font-bold", children: "rippeaze" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("nav", { className: "hidden md:flex items-center gap-10 justify-end", children: [_jsx(NavItem, { icon: _jsx(Target, { className: "h-5 w-5" }), label: "Opportunities", href: "/opportunities", className: navItemColor }), _jsx(NavItem, { icon: _jsx(Luggage, { className: "h-5 w-5" }), label: "Packages", href: "/packages", className: navItemColor }), _jsx(NavItem, { icon: _jsx(Globe, { className: "h-5 w-5" }), label: "Blogs", href: "/blogs", className: navItemColor }), currentUser ? _jsx(NavItem, { icon: _jsx(Store, { className: "h-5 w-5" }), label: "Become a Partner", href: "/contact", className: navItemColor })
+    return (_jsx("header", { className: "fixed top-0 left-0 z-[100] mx-auto transition-all duration-300 w-full ".concat(navbarBg, " ").concat(textColor, " ").concat(navbarBorder), children: _jsxs("div", { className: "mx-auto flex items-center justify-between gap-10 py-4 px-4 lg:px-8", children: [_jsxs(Link, { href: "/", className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "ml-2 -mr-4.5", children: [_jsx(AvatarImage, { src: "/images/logoicon.webp" }), _jsxs(AvatarFallback, { children: [(currentUser === null || currentUser === void 0 ? void 0 : currentUser.firstName.charAt(0)) || "D", (currentUser === null || currentUser === void 0 ? void 0 : currentUser.lastName.charAt(0)) || "P"] })] }), _jsx("span", { className: "font-heading text-xl font-bold", children: "rippeaze" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("nav", { className: "hidden md:flex items-center gap-10 justify-end", children: [_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { className: "flex items-center gap-1 text-sm font-medium cursor-pointer ".concat(navItemColor), children: [_jsx(Target, { className: "h-5 w-5" }), _jsx("span", { children: "Opportunities" }), _jsx(ChevronDown, { className: "h-4 w-4" })] }) }), _jsx(PopoverContent, { className: "w-56 p-2 mt-3 bg-white rounded-lg shadow-lg border", align: "start", sideOffset: 5, children: _jsx("div", { className: "flex flex-col", children: opportunityTypeOptions.map(function (opt) { return (_jsxs(Link, { href: "/opportunities?type=".concat(opt.value), className: "px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex flex-col", children: [_jsx("span", { className: "font-medium", children: opt.label }), _jsx("span", { className: "text-xs text-gray-500", children: opt.description })] }, opt.value)); }) }) })] }), _jsx(NavItem, { icon: _jsx(Luggage, { className: "h-5 w-5" }), label: "Packages", href: "/packages", className: navItemColor }), _jsx(NavItem, { icon: _jsx(Globe, { className: "h-5 w-5" }), label: "Blogs", href: "/blogs", className: navItemColor }), currentUser ? _jsx(NavItem, { icon: _jsx(Store, { className: "h-5 w-5" }), label: "Become a Partner", href: "/contact", className: navItemColor })
                                     : _jsx(NavItem, { icon: _jsx(Store, { className: "h-5 w-5" }), label: "Register as Business", href: "/auth/register?role=host", className: navItemColor }), isLoggedIn && _jsx(NotificationBell, { id: (_b = currentUser === null || currentUser === void 0 ? void 0 : currentUser.username) !== null && _b !== void 0 ? _b : null, navItemColor: navItemColor })] }), _jsx("div", { className: "hidden md:flex items-center gap-2", children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "link", className: "flex w-full gap-1 cursor-pointer", children: _jsxs(Avatar, { className: "ml-5 mr-4.5", children: [_jsx(AvatarImage, { src: (_c = currentUser === null || currentUser === void 0 ? void 0 : currentUser.profilePic) !== null && _c !== void 0 ? _c : "/images/profile_placeholder.webp" }), _jsxs(AvatarFallback, { children: [(currentUser === null || currentUser === void 0 ? void 0 : currentUser.firstName.charAt(0)) || "D", (currentUser === null || currentUser === void 0 ? void 0 : currentUser.lastName.charAt(0)) || "P"] })] }) }) }), _jsx(PopoverContent, { className: "w-full p-0 mt-3 bg-".concat(dark ? "primary" : "white", " rounded-lg shadow-lg"), align: "end", sideOffset: 5, children: _jsxs("div", { className: "py-2 w-full", children: [_jsxs("div", { className: "px-4 py-3 border-b w-full", children: [_jsx("p", { className: "text-sm font-medium", children: (currentUser === null || currentUser === void 0 ? void 0 : currentUser.username) || "Guest" }), _jsx("p", { className: "text-xs text-gray-500", children: (currentUser === null || currentUser === void 0 ? void 0 : currentUser.email) || "user@example.com" })] }), _jsxs("div", { className: "flex flex-col", children: [isLoggedIn ?
                                                             _jsxs(Link, { href: "/profile/".concat((currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) || "user", "/").concat((currentUser === null || currentUser === void 0 ? void 0 : currentUser.username) || "Guest"), className: "w-full py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 flex items-center gap-2", children: [_jsxs(Avatar, { className: "w-4 h-4", children: [_jsx(AvatarImage, { src: (_d = currentUser === null || currentUser === void 0 ? void 0 : currentUser.profilePic) !== null && _d !== void 0 ? _d : "/images/profile_placeholder.webp" }), _jsx(AvatarFallback, { children: "U" })] }), "Profile"] }) :
                                                             _jsxs(Button, { variant: "ghost", onClick: function () { return router.push('/auth/login?role=user'); }, className: "w-full py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 flex items-center gap-2 justify-start", children: [_jsxs(Avatar, { className: "w-4 h-4", children: [_jsx(AvatarImage, { src: "/images/profile_placeholder.webp" }), _jsx(AvatarFallback, { children: "U" })] }), "Login As Volunteer"] }), isLoggedIn && _jsxs(Link, { href: "/overview/".concat((currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) || 'user'), className: "w-full py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 flex items-center gap-2", children: [_jsx(LayoutDashboardIcon, { className: "h-4 w-4" }), "Dashboard"] }), isLoggedIn && ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) === "user" || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) == null) &&
@@ -144,7 +145,7 @@ export default function Navbar(_a) {
                                                                         });
                                                                     }); }, className: "w-full py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 flex items-center gap-2 justify-start", children: [_jsxs(Avatar, { className: "w-4 h-4", children: [_jsx(AvatarImage, { src: "/images/profile_placeholder.webp" }), _jsx(AvatarFallback, { children: "H" })] }), "Login As Business"] }), _jsx(Separator, { className: "my-1" }), isLoggedIn && _jsx(Button, { variant: "outline", className: "py-2 mx-2 text-sm text-gray-700 hover:bg-gray-100 justify-center cursor-pointer", onClick: function () {
                                                                 logout();
-                                                            }, children: "Sign out" })] })] }) })] }) })] }), _jsx(MobileNavbar, { children: _jsx("div", { className: "rounded-b-lg py-4 px-4 shadow-xl ".concat("bg-background", " ").concat(textColor), children: _jsxs("nav", { className: "flex flex-col gap-1 pt-2", children: [_jsx(MobileNavItem, { icon: _jsx(Target, { className: "h-5 w-5" }), label: "Opportunities", href: "/opportunities" }), _jsx(MobileNavItem, { icon: _jsx(Luggage, { className: "h-5 w-5" }), label: "Packages", href: "/packages" }), _jsx(MobileNavItem, { icon: _jsx(Globe, { className: "h-5 w-5" }), label: "Blogs", href: "/blogs" }), currentUser ? _jsx(MobileNavItem, { icon: _jsx(Store, { className: "h-5 w-5" }), label: "Become a Partner", href: "/contact" }) :
+                                                            }, children: "Sign out" })] })] }) })] }) })] }), _jsx(MobileNavbar, { children: _jsx("div", { className: "rounded-b-lg py-4 px-4 shadow-xl ".concat("bg-background", " ").concat(textColor), children: _jsxs("nav", { className: "flex flex-col gap-1 pt-2", children: [_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-2 py-2 px-2 text-muted-foreground", children: [_jsx(Target, { className: "h-5 w-5" }), _jsx("span", { className: "text-sm font-medium", children: "Opportunities" })] }), _jsx("div", { className: "pl-8 flex flex-col gap-1", children: opportunityTypeOptions.map(function (opt) { return (_jsx(Link, { href: "/opportunities?type=".concat(opt.value), className: "py-1.5 px-2 text-sm text-gray-600 hover:text-foreground hover:bg-gray-100 rounded", children: opt.label }, opt.value)); }) })] }), _jsx(MobileNavItem, { icon: _jsx(Luggage, { className: "h-5 w-5" }), label: "Packages", href: "/packages" }), _jsx(MobileNavItem, { icon: _jsx(Globe, { className: "h-5 w-5" }), label: "Blogs", href: "/blogs" }), currentUser ? _jsx(MobileNavItem, { icon: _jsx(Store, { className: "h-5 w-5" }), label: "Become a Partner", href: "/contact" }) :
                                     _jsx(MobileNavItem, { icon: _jsx(Store, { className: "h-5 w-5" }), label: "Register as Business", href: "/auth/register?role=host" }), isLoggedIn && _jsx(MobileNotificationBell, {}), isLoggedIn && _jsx(MobileNavItem, { icon: _jsx(LayoutDashboardIcon, { className: "h-5 w-5" }), label: "Dashboard", href: "/overview/".concat((currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) || 'user'), className: "md:hidden" }), isLoggedIn && ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) === "user" || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) == null) &&
                                     _jsx(MobileNavItem, { icon: _jsx(Heart, { className: "h-5 w-5" }), label: "Favourites", href: "/opportunities/favourites", className: "md:hidden" }), isLoggedIn ? _jsxs(Link, { href: "/profile/".concat((currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) || "user", "/").concat((currentUser === null || currentUser === void 0 ? void 0 : currentUser.username) || "Guest"), className: "flex w-full gap-1 cursor-pointer my-2", children: [_jsxs(Avatar, { className: "w-5 h-5 ml-2", children: [_jsx(AvatarImage, { src: (currentUser === null || currentUser === void 0 ? void 0 : currentUser.profilePic) || "/images/profile_placeholder.webp" }), _jsx(AvatarFallback, { children: "DP" })] }), _jsx(Label, { htmlFor: "username", className: "cursor-pointer text-muted-foreground hover:text-foreground", children: (currentUser === null || currentUser === void 0 ? void 0 : currentUser.username) || "Guest" })] }) :
                                     _jsxs(Link, { href: "/auth/login", className: "flex w-full gap-1 cursor-pointer my-2", children: [_jsxs(Avatar, { className: "w-5 h-5 ml-2", children: [_jsx(AvatarImage, { src: "/images/profile_placeholder.webp" }), _jsx(AvatarFallback, { children: "U" })] }), _jsx(Label, { htmlFor: "username", className: "cursor-pointer text-muted-foreground hover:text-foreground", children: "Login As Volunteer" })] }), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.role) === "host" ?

package/dist/misc/filterBar.d.ts

@@ -1,5 +1,31 @@
 import { TileProps } from "@myrjfa/state/dist/lib/models/tile";
-export default function FilterBar({ tiles }: {
+export interface FilterOptionConfig {
+    label: string;
+    type: 'autoComplete' | 'select' | 'range';
+    datatype: 'string[]' | 'number' | 'string' | 'range';
+    displayName: string;
+    options?: readonly {
+        value: string;
+        label: string;
+        description?: string;
+    }[];
+    rangeUnit?: string;
+    rangeMin?: number;
+    rangeMax?: number;
+    rangeStep?: number;
+    rangeInputType?: 'slider' | 'number';
+    defaultValue?: string | number | string[] | {
+        min: number;
+        max: number;
+    };
+    deriveFromTiles?: keyof TileProps;
+    visibility?: 'bar' | 'expanded';
+    showForTypes?: string[];
+    groupWith?: string;
+}
+export interface FilterBarProps {
     tiles: TileProps[];
-}): import("react/jsx-runtime").JSX.Element;
+    filterConfig?: FilterOptionConfig[];
+}
+export default function FilterBar({ tiles, filterConfig }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=filterBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"filterBar.d.ts","sourceRoot":"","sources":["../../src/misc/filterBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAgT/D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,2CAMlE"}
+{"version":3,"file":"filterBar.d.ts","sourceRoot":"","sources":["../../src/misc/filterBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAK/D,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,QAAQ,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAErC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzE,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;IAElC,UAAU,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAEhC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACvC;AA+eD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,cAAc,2CAMxE"}

package/dist/misc/filterBar.js

@@ -27,78 +27,142 @@ import { Suspense, useEffect, useState } from "react";
 import { Button } from "./button";
 import Filter from "./filter";
 import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "./sheet";
-var filterOptions = [
-    { label: "destination", type: "autoComplete", datatype: "string[]", displayName: "Destination" },
-    { label: "skill", type: "autoComplete", datatype: "string[]", displayName: "Skills" },
-    { label: "rating", type: "select", datatype: "number", displayName: "Rating" },
+import { Slider } from "./slider";
+// Default filter options (backward compatible)
+var defaultFilterOptions = [
+    { label: "destination", type: "autoComplete", datatype: "string[]", displayName: "Destination", deriveFromTiles: 'location', visibility: 'bar' },
+    { label: "skill", type: "autoComplete", datatype: "string[]", displayName: "Skills", deriveFromTiles: 'skills', visibility: 'bar' },
+    { label: "rating", type: "select", datatype: "number", displayName: "Rating", visibility: 'expanded' },
 ];
 function FilterBarComponent(_a) {
-    var tiles = _a.tiles;
+    var tiles = _a.tiles, _b = _a.filterConfig, filterConfig = _b === void 0 ? defaultFilterOptions : _b;
     var searchParams = useSearchParams();
-    var newParams = new URLSearchParams(searchParams);
     var pathname = usePathname();
     var router = useRouter();
-    var _b = useState({
-        destination: [],
-        rating: 0,
-        skill: [],
-        category: [],
-        hostRating: 0
-    }), filterParam = _b[0], setFilterParam = _b[1];
+    // Initialize filter state from config
+    var getInitialFilterState = function () {
+        var state = {};
+        filterConfig.forEach(function (opt) {
+            if (opt.datatype === 'string[]') {
+                state[opt.label] = opt.defaultValue || [];
+            }
+            else if (opt.datatype === 'number') {
+                state[opt.label] = opt.defaultValue || 0;
+            }
+            else if (opt.datatype === 'range') {
+                state[opt.label] = opt.defaultValue || { min: 0, max: 100 };
+            }
+            else {
+                state[opt.label] = opt.defaultValue || '';
+            }
+        });
+        return state;
+    };
+    var _c = useState(getInitialFilterState), filterParam = _c[0], setFilterParam = _c[1];
     useEffect(function () {
-        var _a, _b, _c;
-        var destination = ((_a = searchParams.get("destination")) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
-        var rating = parseInt(searchParams.get("rating") || "0", 10);
-        var skill = ((_b = searchParams.get("skill")) === null || _b === void 0 ? void 0 : _b.split(',')) || [];
-        var category = ((_c = searchParams.get("category")) === null || _c === void 0 ? void 0 : _c.split(',')) || [];
-        var hostRating = parseInt(searchParams.get("hostRating") || "0", 10);
-        setFilterParam({
-            destination: destination,
-            rating: rating,
-            skill: skill,
-            category: category,
-            hostRating: hostRating,
+        var newState = {};
+        filterConfig.forEach(function (opt) {
+            var param = searchParams.get(opt.label);
+            if (opt.datatype === 'string[]') {
+                newState[opt.label] = (param === null || param === void 0 ? void 0 : param.split(',').filter(Boolean)) || opt.defaultValue || [];
+            }
+            else if (opt.datatype === 'number') {
+                newState[opt.label] = parseInt(param || "0", 10) || opt.defaultValue || 0;
+            }
+            else if (opt.datatype === 'range') {
+                var minParam = searchParams.get("".concat(opt.label, "Min"));
+                var maxParam = searchParams.get("".concat(opt.label, "Max"));
+                var defaultRange = opt.defaultValue || { min: 0, max: 100 };
+                newState[opt.label] = {
+                    min: minParam ? parseInt(minParam, 10) : defaultRange.min,
+                    max: maxParam ? parseInt(maxParam, 10) : defaultRange.max
+                };
+            }
+            else {
+                newState[opt.label] = param || opt.defaultValue || '';
+            }
         });
-    }, [searchParams]);
+        setFilterParam(newState);
+    }, [searchParams, filterConfig]);
     var changeMultiParams = function (params) {
+        var newParams = new URLSearchParams(searchParams);
         newParams.set('page', '1');
         Object.entries(params).forEach(function (_a) {
             var key = _a[0], value = _a[1];
-            if (Array.isArray(value) && value.length > 0) {
+            if (typeof value === 'object' && 'min' in value && 'max' in value) {
+                // Range type - only set if different from default
+                var config = filterConfig.find(function (f) { return f.label === key; });
+                var defaultRange = (config === null || config === void 0 ? void 0 : config.defaultValue) || { min: 0, max: 100 };
+                if (value.min !== defaultRange.min || value.max !== defaultRange.max) {
+                    newParams.set("".concat(key, "Min"), value.min.toString());
+                    newParams.set("".concat(key, "Max"), value.max.toString());
+                }
+                else {
+                    newParams.delete("".concat(key, "Min"));
+                    newParams.delete("".concat(key, "Max"));
+                }
+            }
+            else if (Array.isArray(value) && value.length > 0) {
                 newParams.set(key, value.join(','));
             }
-            else if (value !== undefined && value !== null && value !== '' && value !== 0 && Array.isArray(value) === false) {
+            else if (value !== undefined && value !== null && value !== '' && value !== 0 && !Array.isArray(value)) {
                 newParams.set(key, value.toString());
             }
             else {
                 newParams.delete(key);
+                newParams.delete("".concat(key, "Min"));
+                newParams.delete("".concat(key, "Max"));
             }
         });
         router.replace("".concat(pathname, "?").concat(newParams.toString()));
-        return newParams;
     };
-    var filterMap = {
-        destination: (tiles !== null && tiles !== void 0 ? tiles : []).map(function (tile) { return [retrieveState((tile === null || tile === void 0 ? void 0 : tile.location) || ''), retrieveCity((tile === null || tile === void 0 ? void 0 : tile.location) || '')]; }).flat(),
-        skill: (tiles !== null && tiles !== void 0 ? tiles : []).flatMap(function (tile) { return tile.skills || []; }),
-        rating: ["1 star and above", "2 star and above", "3 star and above", "4 star and above", "5 star only"],
+    // Get filter values based on config
+    var getFilterValues = function (opt) {
+        if (opt.deriveFromTiles === 'opportunityType' && opt.options) {
+            // For opportunityType, dynamically filter options based on what types exist in tiles
+            var availableTypes_1 = new Set((tiles !== null && tiles !== void 0 ? tiles : []).map(function (tile) { return tile.opportunityType || 'volunteer'; }));
+            return opt.options
+                .filter(function (o) { return availableTypes_1.has(o.value); })
+                .map(function (o) { return o.label; });
+        }
+        if (opt.options) {
+            return opt.options.map(function (o) { return o.label; });
+        }
+        if (opt.deriveFromTiles === 'location') {
+            return Array.from(new Set((tiles !== null && tiles !== void 0 ? tiles : []).map(function (tile) { return [retrieveState((tile === null || tile === void 0 ? void 0 : tile.location) || ''), retrieveCity((tile === null || tile === void 0 ? void 0 : tile.location) || '')]; }).flat().filter(Boolean)));
+        }
+        if (opt.deriveFromTiles === 'skills') {
+            return Array.from(new Set((tiles !== null && tiles !== void 0 ? tiles : []).flatMap(function (tile) { return tile.skills || []; })));
+        }
+        if (opt.label === 'rating') {
+            return ["1 star and above", "2 star and above", "3 star and above", "4 star and above", "5 star only"];
+        }
+        return tiles.map(function (tile) { return tile["".concat(opt.deriveFromTiles)]; });
     };
-    var handleFilterChange = function (label, value, datatype) {
+    var handleFilterChange = function (label, value, datatype, options) {
         if (value === null || value === "clear") {
+            var config_1 = filterConfig.find(function (f) { return f.label === label; });
             setFilterParam(function (prev) {
                 var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[label] = datatype.includes('[]') ? [] : (datatype === 'number' ? 0 : ''), _a)));
+                return (__assign(__assign({}, prev), (_a = {}, _a[label] = datatype.includes('[]') ? [] : (datatype === 'number' ? 0 : ((config_1 === null || config_1 === void 0 ? void 0 : config_1.defaultValue) || '')), _a)));
             });
             return;
         }
+        // For select with options, convert label to value
+        var actualValue = value;
+        if (options) {
+            var opt = options.find(function (o) { return o.label === value; });
+            if (opt)
+                actualValue = opt.value;
+        }
         setFilterParam(function (prev) {
             var _a, _b;
             var currentValues = prev[label];
-            var newValue = datatype === 'number' ? Number(value[0]) : value;
+            var newValue = datatype === 'number' ? Number(value[0]) : actualValue;
             if (currentValues == newValue || (Array.isArray(currentValues) && currentValues.includes(newValue))) {
                 return prev;
             }
             else if (Array.isArray(currentValues)) {
-                // Add if not selected
                 return __assign(__assign({}, prev), (_a = {}, _a[label] = __spreadArray(__spreadArray([], currentValues, true), [newValue], false), _a));
             }
             else {
@@ -106,91 +170,184 @@ function FilterBarComponent(_a) {
             }
         });
     };
-    var removeFilter = function (label, value) {
+    var handleRangeChange = function (label, field, value) {
         setFilterParam(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[label] = Array.isArray(prev[label])
-                ? prev[label].filter(function (v) { return v !== value; })
-                : prev[label] === value ? 0 : '', _a)));
+            var _a, _b;
+            var current = prev[label];
+            return __assign(__assign({}, prev), (_a = {}, _a[label] = __assign(__assign({}, current), (_b = {}, _b[field] = value, _b)), _a));
+        });
+    };
+    var removeFilter = function (label, value) {
+        var config = filterConfig.find(function (f) { return f.label === label; });
+        if ((config === null || config === void 0 ? void 0 : config.datatype) === 'range') {
+            // Reset range to default
+            var defaultRange_1 = config.defaultValue || { min: 0, max: 100 };
+            setFilterParam(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[label] = defaultRange_1, _a)));
+            });
+        }
+        else {
+            setFilterParam(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[label] = Array.isArray(prev[label])
+                    ? prev[label].filter(function (v) { return v !== value; })
+                    : prev[label] === value ? 0 : ((config === null || config === void 0 ? void 0 : config.defaultValue) || ''), _a)));
+            });
+        }
+    };
+    var _d = useState(false), sheetOpen = _d[0], setSheetOpen = _d[1];
+    // Get current opportunity type for conditional filters
+    var currentType = filterParam['type'] || 'volunteer';
+    // Filter configs based on showForTypes
+    var getVisibleConfigs = function (configs) {
+        return configs.filter(function (opt) {
+            if (!opt.showForTypes || opt.showForTypes.length === 0)
+                return true;
+            return opt.showForTypes.includes(currentType);
         });
     };
-    var _c = useState(false), sheetOpen = _c[0], setSheetOpen = _c[1];
     var getActiveFilters = function () {
         var filters = [];
         Object.entries(filterParam).forEach(function (_a) {
             var key = _a[0], values = _a[1];
-            if (Array.isArray(values) && values.length > 0) {
-                var option_1 = filterOptions.find(function (opt) { return opt.label === key; });
-                if (option_1) {
-                    values.forEach(function (value) {
-                        filters.push({
-                            label: key,
-                            value: value,
-                            displayName: option_1.displayName
-                        });
-                    });
-                }
-            }
-            else if (!Array.isArray(values) && values !== 0) {
-                var option = filterOptions.find(function (opt) { return opt.label === key; });
-                if (option && values) {
+            var opt = filterConfig.find(function (o) { return o.label === key; });
+            if (!opt)
+                return;
+            if (typeof values === 'object' && 'min' in values && 'max' in values) {
+                // Range filter
+                var defaultRange = opt.defaultValue || { min: 0, max: 100 };
+                if (values.min !== defaultRange.min || values.max !== defaultRange.max) {
                     filters.push({
                         label: key,
-                        value: values,
-                        displayName: option.displayName
+                        value: "".concat(values.min, "-").concat(values.max, " ").concat(opt.rangeUnit || ''),
+                        displayName: opt.displayName,
+                        isRange: true
                     });
                 }
             }
+            else if (Array.isArray(values) && values.length > 0) {
+                values.forEach(function (value) {
+                    filters.push({ label: key, value: value, displayName: opt.displayName });
+                });
+            }
+            else if (!Array.isArray(values) && values !== 0 && values !== '' && values !== opt.defaultValue) {
+                // For select with options, show label not value
+                var displayValue = values;
+                if (opt.options) {
+                    var found = opt.options.find(function (o) { return o.value === values; });
+                    if (found)
+                        displayValue = found.label;
+                }
+                filters.push({ label: key, value: displayValue, displayName: opt.displayName });
+            }
         });
         return filters;
     };
     var activeFilters = getActiveFilters();
     var clearAllFilters = function () {
-        var clearedParams = {
-            destination: [],
-            rating: 0,
-            skill: [],
-            category: [],
-            hostRating: 0
-        };
+        var clearedParams = getInitialFilterState();
         setFilterParam(clearedParams);
         changeMultiParams(clearedParams);
         setSheetOpen(false);
     };
-    return (_jsxs("div", { className: "w-4/5 max-w-5xl mx-auto", children: [_jsxs("div", { className: "items-center w-full bg-background shadow-md rounded-full px-4 py-3 md:py-2 flex", children: [filterOptions.slice(0, 3).map(function (_a) {
-                        var _b;
-                        var label = _a.label, type = _a.type, datatype = _a.datatype, displayName = _a.displayName;
-                        return (_jsxs("div", { className: "items-center flex-1 hidden md:flex", children: [_jsx("div", { className: "w-full", children: _jsx(Filter, { label: label, formType: type, selectedValue: datatype.includes('[]')
-                                            ? filterParam[label].length > 0
-                                                ? "".concat(filterParam[label].length, " selected")
-                                                : ''
-                                            : ((_b = filterParam[label]) === null || _b === void 0 ? void 0 : _b.toString()) + ' star or more', values: filterMap[label], onChange: function (value) { return handleFilterChange(label, value, datatype); } }) }), _jsx("div", { className: "h-6 w-px bg-gray-300 mx-4 md:h-8" })] }, label));
-                    }), _jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs("button", { className: "flex items-center gap-2 text-sm text-gray-600 cursor-pointer m-auto relative", children: [_jsx(SlidersHorizontal, { size: 16, className: "hidden md:block" }), _jsx(SearchIcon, { size: 16, className: "md:hidden" }), _jsx("div", { className: "md:hidden", children: "Start search..." })] }) }), _jsxs(SheetContent, { side: "top", className: "w-full p-8 z-200 md:items-center", children: [_jsx(SheetTitle, { className: "text-lg font-semibold mb-4", children: "Filters" }), _jsx("div", { className: "space-y-6 md:w-3/5", children: filterOptions.map(function (_a) {
-                                            var _b;
-                                            var label = _a.label, type = _a.type, datatype = _a.datatype, displayName = _a.displayName;
-                                            return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-gray-700", children: displayName }), _jsx("div", { className: "bg-gray-50 rounded-lg p-3", children: _jsx(Filter, { label: label, formType: type, selectedValue: datatype.includes('[]')
-                                                                ? filterParam[label].length > 0
-                                                                    ? "".concat(filterParam[label].length, " selected")
-                                                                    : ''
-                                                                : ((_b = filterParam[label]) === null || _b === void 0 ? void 0 : _b.toString()) + ' star or more', values: filterMap[label], onChange: function (value) { return handleFilterChange(label, value, datatype); } }) })] }, label));
+    var renderFilterInput = function (opt) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (opt.type === 'range') {
+            var rangeValue = filterParam[opt.label];
+            var defaultRange = opt.defaultValue || { min: 0, max: 100 };
+            var minVal_1 = (_a = opt.rangeMin) !== null && _a !== void 0 ? _a : defaultRange.min;
+            var maxVal_1 = (_b = opt.rangeMax) !== null && _b !== void 0 ? _b : defaultRange.max;
+            var step = (_c = opt.rangeStep) !== null && _c !== void 0 ? _c : 1;
+            // Number inputs mode
+            if (opt.rangeInputType === 'number') {
+                // Inline style to hide number input spinners
+                var noSpinnerStyle = {
+                    MozAppearance: 'textfield',
+                    WebkitAppearance: 'none',
+                    appearance: 'textfield'
+                };
+                return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "number", placeholder: "Min", value: (rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.min) === undefined || (rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.min) === null || Number.isNaN(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.min) ? '' : rangeValue.min, min: minVal_1, max: maxVal_1, onChange: function (e) {
+                                var inputVal = e.target.value;
+                                var val = inputVal === '' ? NaN : parseInt(inputVal);
+                                setFilterParam(function (prev) {
+                                    var _a;
+                                    return (__assign(__assign({}, prev), (_a = {}, _a[opt.label] = __assign(__assign({}, prev[opt.label]), { min: val }), _a)));
+                                });
+                            }, onWheel: function (e) { return e.currentTarget.blur(); }, style: noSpinnerStyle, className: "w-20 px-2 py-1 border rounded text-sm [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none" }), _jsx("span", { className: "text-gray-500", children: "to" }), _jsx("input", { type: "number", placeholder: "Max", value: (rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.max) === undefined || (rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.max) === null || Number.isNaN(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.max) ? '' : rangeValue.max, min: minVal_1, max: maxVal_1, onChange: function (e) {
+                                var inputVal = e.target.value;
+                                var val = inputVal === '' ? NaN : parseInt(inputVal);
+                                setFilterParam(function (prev) {
+                                    var _a;
+                                    return (__assign(__assign({}, prev), (_a = {}, _a[opt.label] = __assign(__assign({}, prev[opt.label]), { max: val }), _a)));
+                                });
+                            }, onWheel: function (e) { return e.currentTarget.blur(); }, style: noSpinnerStyle, className: "w-20 px-2 py-1 border rounded text-sm [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none" }), opt.rangeUnit && _jsx("span", { className: "text-sm text-gray-500", children: opt.rangeUnit })] }));
+            }
+            // Slider mode (default)
+            return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsxs("div", { className: "flex justify-between text-sm text-gray-600", children: [_jsxs("span", { children: [(_d = rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.min) !== null && _d !== void 0 ? _d : minVal_1, " ", opt.rangeUnit] }), _jsxs("span", { children: [(_e = rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.max) !== null && _e !== void 0 ? _e : maxVal_1, " ", opt.rangeUnit] })] }), _jsx(Slider, { min: minVal_1, max: maxVal_1, step: step, value: [(_f = rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.min) !== null && _f !== void 0 ? _f : minVal_1, (_g = rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.max) !== null && _g !== void 0 ? _g : maxVal_1], onValueChange: function (values) {
+                            setFilterParam(function (prev) {
+                                var _a;
+                                var _b, _c;
+                                return (__assign(__assign({}, prev), (_a = {}, _a[opt.label] = { min: (_b = values[0]) !== null && _b !== void 0 ? _b : minVal_1, max: (_c = values[1]) !== null && _c !== void 0 ? _c : maxVal_1 }, _a)));
+                            });
+                        }, className: "w-full" })] }));
+        }
+        var selectedValue = (function () {
+            var val = filterParam[opt.label];
+            if (opt.datatype.includes('[]')) {
+                var arr = val;
+                return arr.length > 0 ? "".concat(arr.length, " selected") : '';
+            }
+            if (opt.datatype === 'number') {
+                return val ? "".concat(val, " star or more") : '';
+            }
+            // For select type, show label not value
+            if (opt.options && val) {
+                var found = opt.options.find(function (o) { return o.value === val; });
+                return (found === null || found === void 0 ? void 0 : found.label) || val.toString();
+            }
+            return (val === null || val === void 0 ? void 0 : val.toString()) || '';
+        })();
+        return (_jsx(Filter, { label: opt.label, formType: opt.type === 'select' ? 'select' : 'autoComplete', selectedValue: selectedValue, values: getFilterValues(opt), onChange: function (value) { return handleFilterChange(opt.label, value, opt.datatype, opt.options); } }));
+    };
+    // Separate bar filters from expanded filters
+    var visibleConfigs = getVisibleConfigs(filterConfig);
+    var barFilters = visibleConfigs.filter(function (f) { return f.visibility !== 'expanded'; });
+    var expandedFilters = visibleConfigs.filter(function (f) { return f.visibility === 'expanded'; });
+    return (_jsxs("div", { className: "w-4/5 max-w-5xl mx-auto", children: [_jsxs("div", { className: "items-center w-full bg-background shadow-md rounded-full px-4 py-3 md:py-2 flex", children: [barFilters.slice(0, 3).map(function (opt) { return (_jsxs("div", { className: "items-center flex-1 hidden md:flex", children: [_jsx("div", { className: "w-full", children: renderFilterInput(opt) }), _jsx("div", { className: "h-6 w-px bg-gray-300 mx-4 md:h-8" })] }, opt.label)); }), _jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs("button", { className: "flex items-center gap-2 text-sm text-gray-600 cursor-pointer m-auto relative", children: [_jsx(SlidersHorizontal, { size: 16, className: "hidden md:block" }), _jsx(SearchIcon, { size: 16, className: "md:hidden" }), _jsx("div", { className: "md:hidden", children: "Start search..." }), expandedFilters.length > 0 && (_jsxs("span", { className: "hidden md:block", children: ["+", expandedFilters.length, " more"] }))] }) }), _jsxs(SheetContent, { side: "top", className: "w-full p-8 z-200 md:items-center overflow-y-auto max-h-[80vh]", children: [_jsx(SheetTitle, { className: "text-lg font-semibold mb-4", children: "Filters" }), _jsx("div", { className: "space-y-6 md:w-3/5", children: visibleConfigs
+                                            .filter(function (opt) { return !opt.groupWith; }) // Only render non-grouped or group leaders
+                                            .map(function (opt) {
+                                            // Check if this filter has a grouped partner
+                                            var groupedFilter = visibleConfigs.find(function (f) { return f.groupWith === opt.label; });
+                                            if (groupedFilter) {
+                                                // Render grouped filters on same line
+                                                return (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-sm font-medium text-gray-700", children: [groupedFilter.displayName, " & ", opt.displayName] }), _jsxs("div", { className: "bg-gray-50 rounded-lg p-3 flex items-center gap-4", children: [_jsx("div", { className: "w-28", children: renderFilterInput(groupedFilter) }), _jsx("div", { className: "flex-1", children: renderFilterInput(opt) })] })] }, opt.label));
+                                            }
+                                            // Regular filter
+                                            return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-gray-700", children: opt.displayName }), _jsx("div", { className: "bg-gray-50 rounded-lg p-3", children: renderFilterInput(opt) })] }, opt.label));
                                         }) }), _jsxs("div", { className: "flex gap-3 mt-6 pt-4 border-t md:w-3/5", children: [_jsx(Button, { variant: "outline", onClick: clearAllFilters, className: "flex-1", children: "Clear All" }), _jsx(Button, { onClick: function () {
                                                     changeMultiParams(filterParam);
                                                     setSheetOpen(false);
-                                                }, className: "flex-1", children: "Apply Filters" })] })] })] }), _jsx(Button, { variant: "default", onClick: function () { return changeMultiParams(filterParam); }, className: "ml-4 w-12 h-12 rounded-full items-center justify-center hidden md:flex cursor-pointer", children: _jsx(Search, { size: 20 }) })] }), activeFilters.length > 0 && (_jsx("div", { className: "max-w-5xl mx-auto mt-4", children: _jsxs("div", { className: "flex flex-wrap gap-2", children: [activeFilters.map(function (filter, index) { return (_jsxs("div", { className: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm border border-blue-200", children: [_jsxs("span", { className: "font-medium", children: [filter.displayName, ":"] }), _jsx("span", { children: typeof filter.value === 'number'
+                                                }, className: "flex-1", children: "Apply Filters" })] })] })] }), _jsx(Button, { variant: "default", onClick: function () { return changeMultiParams(filterParam); }, className: "ml-4 w-12 h-12 rounded-full items-center justify-center hidden md:flex cursor-pointer", children: _jsx(Search, { size: 20 }) })] }), activeFilters.length > 0 && (_jsx("div", { className: "max-w-5xl mx-auto mt-4", children: _jsxs("div", { className: "flex flex-wrap gap-2", children: [activeFilters.map(function (filter, index) { return (_jsxs("div", { className: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm border border-blue-200", children: [_jsxs("span", { className: "font-medium", children: [filter.displayName, ":"] }), _jsx("span", { children: typeof filter.value === 'number' && !filter.isRange
                                         ? "".concat(filter.value, " star or more")
                                         : filter.value }), _jsx("button", { onClick: function () {
-                                        var _a;
                                         removeFilter(filter.label, filter.value);
-                                        // Auto-apply the change
-                                        var newParams = __assign(__assign({}, filterParam), (_a = {}, _a[filter.label] = Array.isArray(filterParam[filter.label])
-                                            ? filterParam[filter.label].filter(function (v) { return v !== filter.value; })
-                                            : 0, _a));
-                                        changeMultiParams(newParams);
-                                    }, className: "ml-1 hover:bg-blue-200 rounded-full p-1 transition-colors", children: _jsx(X, { size: 12 }) })] }, "".concat(filter.label, "-").concat(filter.value, "-").concat(index))); }), activeFilters.length > 0 && (_jsxs("button", { onClick: function () {
-                                clearAllFilters();
-                            }, className: "inline-flex items-center gap-1 bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-sm border border-gray-200 hover:bg-gray-200 transition-colors", children: ["Clear All", _jsx(X, { size: 12 })] }))] }) }))] }));
+                                        var newState = __assign({}, filterParam);
+                                        if (filter.isRange) {
+                                            var config = filterConfig.find(function (f) { return f.label === filter.label; });
+                                            newState[filter.label] = (config === null || config === void 0 ? void 0 : config.defaultValue) || { min: 0, max: 100 };
+                                        }
+                                        else if (Array.isArray(filterParam[filter.label])) {
+                                            newState[filter.label] = filterParam[filter.label].filter(function (v) { return v !== filter.value; });
+                                        }
+                                        else {
+                                            var config = filterConfig.find(function (f) { return f.label === filter.label; });
+                                            newState[filter.label] = (config === null || config === void 0 ? void 0 : config.defaultValue) || 0;
+                                        }
+                                        changeMultiParams(newState);
+                                    }, className: "ml-1 hover:bg-blue-200 rounded-full p-1 transition-colors", children: _jsx(X, { size: 12 }) })] }, "".concat(filter.label, "-").concat(filter.value, "-").concat(index))); }), _jsxs("button", { onClick: clearAllFilters, className: "inline-flex items-center gap-1 bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-sm border border-gray-200 hover:bg-gray-200 transition-colors", children: ["Clear All", _jsx(X, { size: 12 })] })] }) }))] }));
 }
 export default function FilterBar(_a) {
-    var tiles = _a.tiles;
-    return (_jsx(Suspense, { fallback: _jsx("div", { className: "w-full h-screen flex items-center justify-center", children: "Loading..." }), children: _jsx(FilterBarComponent, { tiles: tiles }) }));
+    var tiles = _a.tiles, filterConfig = _a.filterConfig;
+    return (_jsx(Suspense, { fallback: _jsx("div", { className: "w-full h-screen flex items-center justify-center", children: "Loading..." }), children: _jsx(FilterBarComponent, { tiles: tiles, filterConfig: filterConfig }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/misc/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/misc/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/misc/sidebar.js

@@ -49,7 +49,7 @@ function useSidebar() {
     return context;
 }
 function SidebarProvider(_a) {
-    var _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, openProp = _a.open, setOpenProp = _a.onOpenChange, className = _a.className, style = _a.style, children = _a.children, props = __rest(_a, ["defaultOpen", "open", "onOpenChange", "className", "style", "children"]);
+    var _b = _a.defaultOpen, defaultOpen = _b === void 0 ? true : _b, openProp = _a.open, setOpenProp = _a.onOpenChange, className = _a.className, style = _a.style, children = _a.children, props = __rest(_a, ["defaultOpen", "open", "onOpenChange", "className", "style", "children"]);
     var isMobile = useIsMobile();
     var _c = React.useState(false), openMobile = _c[0], setOpenMobile = _c[1];
     // This is the internal state of the sidebar.

package/dist/misc/slider.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

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

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

package/dist/misc/slider.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrjfa/ui",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Shared UI components for my apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -51,7 +51,7 @@
     "zod": "*"
   },
   "devDependencies": {
-    "@myrjfa/state": "^1.0.4",
+    "@myrjfa/state": "^1.0.7",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.0.4",
     "date-fns": "^3.0.0",