@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/investments/InvestmentsPage.js

@@ -0,0 +1,268 @@
+import { cn as e, formatCurrency as t, formatDate as n } from "../../utils/helpers.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { StatCard as i } from "../../components/StatCard.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { FilterBar as s } from "../../components/FilterBar.js";
+import "../../components/index.js";
+import { useInvestments as c } from "../../hooks/index.js";
+import { useMemo as l, useState as u } from "react";
+import { ArrowDownRight as d, ArrowUpRight as f, BarChart3 as p, Building as m, Calendar as h, DollarSign as g, Eye as _, PieChart as v, Plus as y, Target as b, TrendingUp as x } from "lucide-react";
+import { useNavigate as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/housingvista/pages/investments/InvestmentsPage.tsx
+var T = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "active",
+		label: "Active"
+	},
+	{
+		value: "closed",
+		label: "Completed"
+	},
+	{
+		value: "funding",
+		label: "Funding"
+	}
+];
+function E(e) {
+	switch (e) {
+		case "active": return "success";
+		case "funding": return "warning";
+		case "closed":
+		case "mature": return "info";
+		case "draft":
+		case "open": return "muted";
+		default: return "default";
+	}
+}
+function D(e) {
+	return e > 0 ? "text-emerald-600 dark:text-emerald-400" : e < 0 ? "text-red-600 dark:text-red-400" : "text-muted-foreground";
+}
+function O() {
+	let O = S(), { data: k } = c(), [A, j] = u(""), [M, N] = u("all"), P = l(() => k.filter((e) => {
+		let t = e.property.title.toLowerCase().includes(A.toLowerCase()) || e.id.toLowerCase().includes(A.toLowerCase()), n = M === "all" || e.status === M;
+		return t && n;
+	}), [
+		k,
+		A,
+		M
+	]), F = l(() => {
+		let e = k.reduce((e, t) => e + t.investors.reduce((e, t) => e + t.investmentAmount, 0), 0), t = k.reduce((e, t) => e + t.returns.reduce((e, t) => e + t.amount, 0), 0);
+		return {
+			totalInvested: e,
+			currentValue: e + t,
+			totalReturns: t,
+			activeCount: k.filter((e) => e.status === "active").length
+		};
+	}, [k]);
+	return /* @__PURE__ */ w(r, {
+		title: "Investments",
+		description: "Track your real estate investment portfolio and performance",
+		actions: /* @__PURE__ */ w("button", {
+			className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+			children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), "New Investment"]
+		}),
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ C(i, {
+						label: "Total Invested",
+						value: F.totalInvested,
+						prefix: "$",
+						icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" }),
+						trend: "up",
+						change: 12
+					}),
+					/* @__PURE__ */ C(i, {
+						label: "Current Value",
+						value: F.currentValue,
+						prefix: "$",
+						icon: /* @__PURE__ */ C(x, { className: "h-4 w-4" }),
+						trend: "up",
+						change: 8
+					}),
+					/* @__PURE__ */ C(i, {
+						label: "Total Returns",
+						value: F.totalReturns,
+						prefix: "$",
+						icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" }),
+						trend: "up",
+						change: 15
+					}),
+					/* @__PURE__ */ C(i, {
+						label: "Active Investments",
+						value: F.activeCount,
+						icon: /* @__PURE__ */ C(p, { className: "h-4 w-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: T.map((t) => /* @__PURE__ */ C("button", {
+					onClick: () => N(t.value),
+					className: e("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", M === t.value ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:text-foreground"),
+					children: t.label
+				}, t.value))
+			}),
+			/* @__PURE__ */ C(s, {
+				searchValue: A,
+				onSearchChange: j,
+				searchPlaceholder: "Search by property or investment ID..."
+			}),
+			/* @__PURE__ */ w("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					"Showing ",
+					P.length,
+					" of ",
+					k.length,
+					" investments"
+				]
+			}),
+			P.length > 0 ? /* @__PURE__ */ C("div", {
+				className: "space-y-4",
+				children: P.map((r) => {
+					let i = r.investors.reduce((e, t) => e + t.investmentAmount, 0), o = r.returns.reduce((e, t) => e + t.amount, 0), s = i + o, c = i > 0 ? o / i * 100 : 0;
+					return /* @__PURE__ */ C("div", {
+						className: "cursor-pointer rounded-lg border border-border bg-card p-5 shadow-sm transition-shadow hover:shadow-md",
+						onClick: () => O(`/investments/${r.id}`),
+						children: /* @__PURE__ */ w("div", {
+							className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex-1",
+								children: /* @__PURE__ */ w("div", {
+									className: "flex items-start gap-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "rounded-lg bg-muted p-2",
+										children: /* @__PURE__ */ C(m, { className: "h-5 w-5 text-muted-foreground" })
+									}), /* @__PURE__ */ w("div", {
+										className: "flex-1",
+										children: [
+											/* @__PURE__ */ w("div", {
+												className: "mb-2 flex flex-wrap items-center gap-2",
+												children: [
+													/* @__PURE__ */ C("h3", {
+														className: "text-lg font-semibold text-foreground",
+														children: r.property.title
+													}),
+													/* @__PURE__ */ C(a, {
+														label: r.status,
+														variant: E(r.status)
+													}),
+													/* @__PURE__ */ C(a, {
+														label: r.investmentType.replace("_", " "),
+														variant: "muted"
+													})
+												]
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "grid grid-cols-1 gap-4 text-sm sm:grid-cols-2 lg:grid-cols-4",
+												children: [
+													/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+														className: "text-muted-foreground",
+														children: "Invested Amount"
+													}), /* @__PURE__ */ C("p", {
+														className: "text-lg font-medium text-foreground",
+														children: t(i)
+													})] }),
+													/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+														className: "text-muted-foreground",
+														children: "Current Value"
+													}), /* @__PURE__ */ C("p", {
+														className: "text-lg font-medium text-foreground",
+														children: t(s)
+													})] }),
+													/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+														className: "text-muted-foreground",
+														children: "Total Return"
+													}), /* @__PURE__ */ w("div", {
+														className: e("font-medium", D(o)),
+														children: [/* @__PURE__ */ w("div", {
+															className: "flex items-center gap-1",
+															children: [
+																o > 0 && /* @__PURE__ */ C(f, { className: "h-3 w-3" }),
+																o < 0 && /* @__PURE__ */ C(d, { className: "h-3 w-3" }),
+																t(o)
+															]
+														}), /* @__PURE__ */ w("div", {
+															className: "text-sm",
+															children: [c.toFixed(1), "%"]
+														})]
+													})] }),
+													/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+														className: "text-muted-foreground",
+														children: "Risk Level"
+													}), /* @__PURE__ */ C("p", {
+														className: "font-medium capitalize text-foreground",
+														children: r.riskLevel
+													})] })
+												]
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "mt-3 flex flex-wrap items-center gap-5 text-xs text-muted-foreground",
+												children: [
+													/* @__PURE__ */ w("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ C(x, { className: "h-3 w-3" }),
+															"Start: ",
+															n(r.startDate.toISOString())
+														]
+													}),
+													/* @__PURE__ */ w("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ C(b, { className: "h-3 w-3" }),
+															"Type: ",
+															r.investmentType.replace("_", " ")
+														]
+													}),
+													/* @__PURE__ */ w("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ C(h, { className: "h-3 w-3" }),
+															"Returns: ",
+															r.returns.length,
+															" payments"
+														]
+													})
+												]
+											})
+										]
+									})]
+								})
+							}), /* @__PURE__ */ C("div", {
+								className: "flex shrink-0 gap-2",
+								children: /* @__PURE__ */ w("button", {
+									onClick: (e) => {
+										e.stopPropagation(), O(`/investments/${r.id}`);
+									},
+									className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+									children: [/* @__PURE__ */ C(_, { className: "h-4 w-4" }), "View Details"]
+								})
+							})]
+						})
+					}, r.id);
+				})
+			}) : /* @__PURE__ */ C(o, {
+				icon: /* @__PURE__ */ C(v, { className: "h-12 w-12" }),
+				title: "No investments found",
+				description: "Try adjusting your search criteria or explore new investment opportunities.",
+				action: /* @__PURE__ */ w("button", {
+					className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+					children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), "Explore Investments"]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { O as InvestmentsPage };
+
+//# sourceMappingURL=InvestmentsPage.js.map

package/dist/housingvista/pages/investments/InvestmentsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvestmentsPage.js","names":[],"sources":["../../../../src/housingvista/pages/investments/InvestmentsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  DollarSign,\n  TrendingUp,\n  PieChart,\n  BarChart3,\n  Plus,\n  Building,\n  ArrowUpRight,\n  ArrowDownRight,\n  Eye,\n  Target,\n  Calendar,\n} from 'lucide-react';\nimport { PageLayout } from '../../components';\nimport { StatCard } from '../../components';\nimport { FilterBar } from '../../components';\nimport { StatusBadge } from '../../components';\nimport { EmptyState } from '../../components';\nimport { useInvestments } from '../../hooks';\nimport { cn, formatCurrency, formatDate } from '../../utils/helpers';\nimport type { Investment, InvestmentStatus } from '../../types';\n\nconst statusTabs: { value: InvestmentStatus | 'all'; label: string }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'active', label: 'Active' },\n  { value: 'closed', label: 'Completed' },\n  { value: 'funding', label: 'Funding' },\n];\n\nfunction getStatusVariant(status: InvestmentStatus): 'success' | 'warning' | 'error' | 'info' | 'muted' | 'default' {\n  switch (status) {\n    case 'active':\n      return 'success';\n    case 'funding':\n      return 'warning';\n    case 'closed':\n    case 'mature':\n      return 'info';\n    case 'draft':\n    case 'open':\n      return 'muted';\n    default:\n      return 'default';\n  }\n}\n\nfunction getReturnColor(returnValue: number) {\n  if (returnValue > 0) return 'text-emerald-600 dark:text-emerald-400';\n  if (returnValue < 0) return 'text-red-600 dark:text-red-400';\n  return 'text-muted-foreground';\n}\n\nexport function InvestmentsPage() {\n  const navigate = useNavigate();\n  const { data: investments } = useInvestments();\n  const [search, setSearch] = useState('');\n  const [activeTab, setActiveTab] = useState<InvestmentStatus | 'all'>('all');\n\n  const filtered = useMemo(() => {\n    return investments.filter((inv) => {\n      const matchesSearch =\n        inv.property.title.toLowerCase().includes(search.toLowerCase()) ||\n        inv.id.toLowerCase().includes(search.toLowerCase());\n      const matchesTab = activeTab === 'all' || inv.status === activeTab;\n      return matchesSearch && matchesTab;\n    });\n  }, [investments, search, activeTab]);\n\n  const portfolioStats = useMemo(() => {\n    const totalInvested = investments.reduce((sum, inv) => {\n      return sum + inv.investors.reduce((s, i) => s + i.investmentAmount, 0);\n    }, 0);\n    const totalReturns = investments.reduce((sum, inv) => {\n      return sum + inv.returns.reduce((s, r) => s + r.amount, 0);\n    }, 0);\n    const currentValue = totalInvested + totalReturns;\n    const activeCount = investments.filter((inv) => inv.status === 'active').length;\n    return { totalInvested, currentValue, totalReturns, activeCount };\n  }, [investments]);\n\n  return (\n    <PageLayout\n      title=\"Investments\"\n      description=\"Track your real estate investment portfolio and performance\"\n      actions={\n        <button className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n          <Plus className=\"h-4 w-4\" />\n          New Investment\n        </button>\n      }\n    >\n      {/* Portfolio Summary Stats */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          label=\"Total Invested\"\n          value={portfolioStats.totalInvested}\n          prefix=\"$\"\n          icon={<DollarSign className=\"h-4 w-4\" />}\n          trend=\"up\"\n          change={12}\n        />\n        <StatCard\n          label=\"Current Value\"\n          value={portfolioStats.currentValue}\n          prefix=\"$\"\n          icon={<TrendingUp className=\"h-4 w-4\" />}\n          trend=\"up\"\n          change={8}\n        />\n        <StatCard\n          label=\"Total Returns\"\n          value={portfolioStats.totalReturns}\n          prefix=\"$\"\n          icon={<PieChart className=\"h-4 w-4\" />}\n          trend=\"up\"\n          change={15}\n        />\n        <StatCard\n          label=\"Active Investments\"\n          value={portfolioStats.activeCount}\n          icon={<BarChart3 className=\"h-4 w-4\" />}\n        />\n      </div>\n\n      {/* Filter Tabs */}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {statusTabs.map((tab) => (\n          <button\n            key={tab.value}\n            onClick={() => setActiveTab(tab.value)}\n            className={cn(\n              'rounded-md px-3 py-1.5 text-sm font-medium transition-colors',\n              activeTab === tab.value\n                ? 'bg-foreground text-background'\n                : 'bg-muted text-muted-foreground hover:text-foreground'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Search */}\n      <FilterBar\n        searchValue={search}\n        onSearchChange={setSearch}\n        searchPlaceholder=\"Search by property or investment ID...\"\n      />\n\n      {/* Results count */}\n      <p className=\"text-sm text-muted-foreground\">\n        Showing {filtered.length} of {investments.length} investments\n      </p>\n\n      {/* Investment Cards */}\n      {filtered.length > 0 ? (\n        <div className=\"space-y-4\">\n          {filtered.map((investment) => {\n            const totalInvested = investment.investors.reduce((s, i) => s + i.investmentAmount, 0);\n            const totalReturns = investment.returns.reduce((s, r) => s + r.amount, 0);\n            const currentValue = totalInvested + totalReturns;\n            const returnPercentage = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n\n            return (\n              <div\n                key={investment.id}\n                className=\"cursor-pointer rounded-lg border border-border bg-card p-5 shadow-sm transition-shadow hover:shadow-md\"\n                onClick={() => navigate(`/investments/${investment.id}`)}\n              >\n                <div className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-start gap-3\">\n                      <div className=\"rounded-lg bg-muted p-2\">\n                        <Building className=\"h-5 w-5 text-muted-foreground\" />\n                      </div>\n                      <div className=\"flex-1\">\n                        <div className=\"mb-2 flex flex-wrap items-center gap-2\">\n                          <h3 className=\"text-lg font-semibold text-foreground\">{investment.property.title}</h3>\n                          <StatusBadge label={investment.status} variant={getStatusVariant(investment.status)} />\n                          <StatusBadge label={investment.investmentType.replace('_', ' ')} variant=\"muted\" />\n                        </div>\n\n                        <div className=\"grid grid-cols-1 gap-4 text-sm sm:grid-cols-2 lg:grid-cols-4\">\n                          <div>\n                            <p className=\"text-muted-foreground\">Invested Amount</p>\n                            <p className=\"text-lg font-medium text-foreground\">{formatCurrency(totalInvested)}</p>\n                          </div>\n                          <div>\n                            <p className=\"text-muted-foreground\">Current Value</p>\n                            <p className=\"text-lg font-medium text-foreground\">{formatCurrency(currentValue)}</p>\n                          </div>\n                          <div>\n                            <p className=\"text-muted-foreground\">Total Return</p>\n                            <div className={cn('font-medium', getReturnColor(totalReturns))}>\n                              <div className=\"flex items-center gap-1\">\n                                {totalReturns > 0 && <ArrowUpRight className=\"h-3 w-3\" />}\n                                {totalReturns < 0 && <ArrowDownRight className=\"h-3 w-3\" />}\n                                {formatCurrency(totalReturns)}\n                              </div>\n                              <div className=\"text-sm\">{returnPercentage.toFixed(1)}%</div>\n                            </div>\n                          </div>\n                          <div>\n                            <p className=\"text-muted-foreground\">Risk Level</p>\n                            <p className=\"font-medium capitalize text-foreground\">{investment.riskLevel}</p>\n                          </div>\n                        </div>\n\n                        <div className=\"mt-3 flex flex-wrap items-center gap-5 text-xs text-muted-foreground\">\n                          <span className=\"flex items-center gap-1\">\n                            <TrendingUp className=\"h-3 w-3\" />\n                            Start: {formatDate(investment.startDate.toISOString())}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <Target className=\"h-3 w-3\" />\n                            Type: {investment.investmentType.replace('_', ' ')}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <Calendar className=\"h-3 w-3\" />\n                            Returns: {investment.returns.length} payments\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"flex shrink-0 gap-2\">\n                    <button\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        navigate(`/investments/${investment.id}`);\n                      }}\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted\"\n                    >\n                      <Eye className=\"h-4 w-4\" />\n                      View Details\n                    </button>\n                  </div>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      ) : (\n        <EmptyState\n          icon={<PieChart className=\"h-12 w-12\" />}\n          title=\"No investments found\"\n          description=\"Try adjusting your search criteria or explore new investment opportunities.\"\n          action={\n            <button className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n              <Plus className=\"h-4 w-4\" />\n              Explore Investments\n            </button>\n          }\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/legal/LegalPage.d.ts

@@ -0,0 +1,2 @@
+export declare function LegalPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LegalPage.d.ts.map

package/dist/housingvista/pages/legal/LegalPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/legal/LegalPage.tsx"],"names":[],"mappings":"AAuKA,wBAAgB,SAAS,4CAiExB"}

package/dist/housingvista/pages/legal/LegalPage.js

@@ -0,0 +1,188 @@
+import { cn as e } from "../../utils/helpers.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { EmptyState as n } from "../../components/EmptyState.js";
+import { FilterBar as r } from "../../components/FilterBar.js";
+import "../../components/index.js";
+import { useLegalServices as i } from "../../hooks/index.js";
+import { useMemo as a, useState as o } from "react";
+import { BookOpen as s, ClipboardCheck as c, Clock as l, FileText as u, Gavel as d, Scale as f, Search as p, Shield as m, Star as h } from "lucide-react";
+import { useNavigate as g } from "react-router-dom";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/housingvista/pages/legal/LegalPage.tsx
+var y = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "title_search",
+		label: "Title Verification"
+	},
+	{
+		value: "lease_review",
+		label: "Rent Agreement"
+	},
+	{
+		value: "dispute_resolution",
+		label: "Advisory"
+	},
+	{
+		value: "registration",
+		label: "Registration"
+	},
+	{
+		value: "compliance",
+		label: "Document Review"
+	}
+];
+function b(e) {
+	switch (e) {
+		case "title_search": return /* @__PURE__ */ _(p, { className: "h-4 w-4" });
+		case "lease_review": return /* @__PURE__ */ _(u, { className: "h-4 w-4" });
+		case "dispute_resolution": return /* @__PURE__ */ _(d, { className: "h-4 w-4" });
+		case "registration": return /* @__PURE__ */ _(c, { className: "h-4 w-4" });
+		case "compliance": return /* @__PURE__ */ _(s, { className: "h-4 w-4" });
+		default: return /* @__PURE__ */ _(f, { className: "h-4 w-4" });
+	}
+}
+function x(e) {
+	switch (e) {
+		case "available": return "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400";
+		case "busy": return "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400";
+		case "unavailable": return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400";
+		default: return "bg-muted text-muted-foreground";
+	}
+}
+function S({ rating: t }) {
+	return /* @__PURE__ */ _("div", {
+		className: "flex items-center gap-0.5",
+		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ _(h, { className: e("h-3 w-3", r < Math.floor(t) ? "fill-amber-400 text-amber-400" : "text-muted-foreground/30") }, r))
+	});
+}
+function C({ service: t }) {
+	let n = g(), [r, i] = o(!1);
+	return /* @__PURE__ */ v("div", {
+		className: "rounded-lg border border-border bg-card p-5 shadow-sm transition-shadow hover:shadow-md",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "mb-3 flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ v("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ _("div", {
+						className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground",
+						children: b(t.category)
+					}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: t.title
+					}), /* @__PURE__ */ _("p", {
+						className: "text-xs text-muted-foreground",
+						children: t.providerName
+					})] })]
+				}), /* @__PURE__ */ _("span", {
+					className: e("inline-flex rounded-full px-2 py-0.5 text-xs font-medium capitalize", x(t.status)),
+					children: t.status
+				})]
+			}),
+			/* @__PURE__ */ _("p", {
+				className: "mb-3 text-xs text-muted-foreground line-clamp-2",
+				children: t.description
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "mb-3 flex items-center gap-4 text-xs",
+				children: [/* @__PURE__ */ v("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ _(S, { rating: t.providerRating }), /* @__PURE__ */ _("span", {
+						className: "font-medium text-foreground",
+						children: t.providerRating
+					})]
+				}), /* @__PURE__ */ v("span", {
+					className: "flex items-center gap-1 text-muted-foreground",
+					children: [/* @__PURE__ */ _(l, { className: "h-3 w-3" }), t.estimatedDuration]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "mb-3 flex items-center justify-between text-xs",
+				children: [/* @__PURE__ */ _("span", {
+					className: "font-semibold text-foreground",
+					children: t.priceRange
+				}), t.consultationFee > 0 ? /* @__PURE__ */ v("span", {
+					className: "text-muted-foreground",
+					children: ["Consultation: $", t.consultationFee]
+				}) : /* @__PURE__ */ _("span", {
+					className: "text-emerald-600 dark:text-emerald-400",
+					children: "Free Consultation"
+				})]
+			}),
+			t.documentsRequired.length > 0 && /* @__PURE__ */ v("div", {
+				className: "mb-3",
+				children: [/* @__PURE__ */ v("button", {
+					onClick: () => i(!r),
+					className: "text-xs font-medium text-muted-foreground hover:text-foreground",
+					children: [
+						r ? "Hide" : "Show",
+						" required documents (",
+						t.documentsRequired.length,
+						")"
+					]
+				}), r && /* @__PURE__ */ _("ul", {
+					className: "mt-1.5 space-y-1",
+					children: t.documentsRequired.map((e, t) => /* @__PURE__ */ v("li", {
+						className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ _("span", { className: "h-1 w-1 rounded-full bg-muted-foreground" }), e]
+					}, t))
+				})]
+			}),
+			/* @__PURE__ */ _("button", {
+				onClick: () => n(`/legal/${t.id}`),
+				disabled: t.status === "unavailable",
+				className: e("w-full rounded-md px-4 py-2 text-xs font-medium transition-colors", t.status === "unavailable" ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-foreground text-background hover:bg-foreground/90"),
+				children: t.status === "unavailable" ? "Currently Unavailable" : "Book Now"
+			})
+		]
+	});
+}
+function w() {
+	let { data: s } = i(), [c, l] = o("all"), [u, d] = o(""), p = a(() => s.filter((e) => {
+		let t = c === "all" || e.category === c, n = !u || e.title.toLowerCase().includes(u.toLowerCase()) || e.providerName.toLowerCase().includes(u.toLowerCase()) || e.description.toLowerCase().includes(u.toLowerCase());
+		return t && n;
+	}), [
+		s,
+		c,
+		u
+	]);
+	return /* @__PURE__ */ v(t, {
+		title: "Legal Services",
+		description: "Professional legal solutions for property transactions and documentation",
+		actions: /* @__PURE__ */ v("span", {
+			className: "inline-flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-400",
+			children: [/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5" }), "Legally Compliant"]
+		}),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap gap-2",
+				children: y.map((t) => /* @__PURE__ */ _("button", {
+					onClick: () => l(t.value),
+					className: e("rounded-full px-4 py-1.5 text-sm font-medium transition-colors", c === t.value ? "bg-foreground text-background" : "border border-border bg-card text-muted-foreground hover:bg-muted hover:text-foreground"),
+					children: t.label
+				}, t.value))
+			}),
+			/* @__PURE__ */ _(r, {
+				searchValue: u,
+				onSearchChange: d,
+				searchPlaceholder: "Search legal services..."
+			}),
+			p.length > 0 ? /* @__PURE__ */ _("div", {
+				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: p.map((e) => /* @__PURE__ */ _(C, { service: e }, e.id))
+			}) : /* @__PURE__ */ _(n, {
+				icon: /* @__PURE__ */ _(f, { className: "h-12 w-12" }),
+				title: "No legal services found",
+				description: "Try adjusting your search or category filter."
+			})
+		]
+	});
+}
+//#endregion
+export { w as LegalPage };
+
+//# sourceMappingURL=LegalPage.js.map

package/dist/housingvista/pages/legal/LegalPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalPage.js","names":[],"sources":["../../../../src/housingvista/pages/legal/LegalPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Scale,\n  Star,\n  Clock,\n  FileText,\n  Search as SearchIcon,\n  Shield,\n  Gavel,\n  BookOpen,\n  ClipboardCheck,\n  ExternalLink,\n} from 'lucide-react';\nimport { PageLayout, FilterBar, EmptyState } from '../../components';\nimport { useLegalServices } from '../../hooks';\nimport { cn } from '../../utils/helpers';\nimport type { LegalService } from '../../types';\n\ntype CategoryTab = 'all' | 'title_search' | 'lease_review' | 'dispute_resolution' | 'registration' | 'compliance';\n\nconst categoryTabs: { value: CategoryTab; label: string }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'title_search', label: 'Title Verification' },\n  { value: 'lease_review', label: 'Rent Agreement' },\n  { value: 'dispute_resolution', label: 'Advisory' },\n  { value: 'registration', label: 'Registration' },\n  { value: 'compliance', label: 'Document Review' },\n];\n\nfunction getCategoryIcon(category: string) {\n  switch (category) {\n    case 'title_search':\n      return <SearchIcon className=\"h-4 w-4\" />;\n    case 'lease_review':\n      return <FileText className=\"h-4 w-4\" />;\n    case 'dispute_resolution':\n      return <Gavel className=\"h-4 w-4\" />;\n    case 'registration':\n      return <ClipboardCheck className=\"h-4 w-4\" />;\n    case 'compliance':\n      return <BookOpen className=\"h-4 w-4\" />;\n    default:\n      return <Scale className=\"h-4 w-4\" />;\n  }\n}\n\nfunction getStatusStyles(status: string) {\n  switch (status) {\n    case 'available':\n      return 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400';\n    case 'busy':\n      return 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400';\n    case 'unavailable':\n      return 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400';\n    default:\n      return 'bg-muted text-muted-foreground';\n  }\n}\n\nfunction RatingStars({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <Star\n          key={i}\n          className={cn(\n            'h-3 w-3',\n            i < Math.floor(rating) ? 'fill-amber-400 text-amber-400' : 'text-muted-foreground/30'\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction LegalServiceCard({ service }: { service: LegalService }) {\n  const navigate = useNavigate();\n  const [showDocs, setShowDocs] = useState(false);\n\n  return (\n    <div className=\"rounded-lg border border-border bg-card p-5 shadow-sm transition-shadow hover:shadow-md\">\n      {/* Header */}\n      <div className=\"mb-3 flex items-start justify-between gap-3\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n            {getCategoryIcon(service.category)}\n          </div>\n          <div>\n            <h3 className=\"text-sm font-semibold text-foreground\">{service.title}</h3>\n            <p className=\"text-xs text-muted-foreground\">{service.providerName}</p>\n          </div>\n        </div>\n        <span\n          className={cn(\n            'inline-flex rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n            getStatusStyles(service.status)\n          )}\n        >\n          {service.status}\n        </span>\n      </div>\n\n      {/* Description */}\n      <p className=\"mb-3 text-xs text-muted-foreground line-clamp-2\">{service.description}</p>\n\n      {/* Rating + Duration */}\n      <div className=\"mb-3 flex items-center gap-4 text-xs\">\n        <div className=\"flex items-center gap-1.5\">\n          <RatingStars rating={service.providerRating} />\n          <span className=\"font-medium text-foreground\">{service.providerRating}</span>\n        </div>\n        <span className=\"flex items-center gap-1 text-muted-foreground\">\n          <Clock className=\"h-3 w-3\" />\n          {service.estimatedDuration}\n        </span>\n      </div>\n\n      {/* Price + Consultation Fee */}\n      <div className=\"mb-3 flex items-center justify-between text-xs\">\n        <span className=\"font-semibold text-foreground\">{service.priceRange}</span>\n        {service.consultationFee > 0 ? (\n          <span className=\"text-muted-foreground\">Consultation: ${service.consultationFee}</span>\n        ) : (\n          <span className=\"text-emerald-600 dark:text-emerald-400\">Free Consultation</span>\n        )}\n      </div>\n\n      {/* Documents Required (collapsible) */}\n      {service.documentsRequired.length > 0 && (\n        <div className=\"mb-3\">\n          <button\n            onClick={() => setShowDocs(!showDocs)}\n            className=\"text-xs font-medium text-muted-foreground hover:text-foreground\"\n          >\n            {showDocs ? 'Hide' : 'Show'} required documents ({service.documentsRequired.length})\n          </button>\n          {showDocs && (\n            <ul className=\"mt-1.5 space-y-1\">\n              {service.documentsRequired.map((doc, i) => (\n                <li key={i} className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n                  <span className=\"h-1 w-1 rounded-full bg-muted-foreground\" />\n                  {doc}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n\n      {/* Action */}\n      <button\n        onClick={() => navigate(`/legal/${service.id}`)}\n        disabled={service.status === 'unavailable'}\n        className={cn(\n          'w-full rounded-md px-4 py-2 text-xs font-medium transition-colors',\n          service.status === 'unavailable'\n            ? 'cursor-not-allowed bg-muted text-muted-foreground'\n            : 'bg-foreground text-background hover:bg-foreground/90'\n        )}\n      >\n        {service.status === 'unavailable' ? 'Currently Unavailable' : 'Book Now'}\n      </button>\n    </div>\n  );\n}\n\nexport function LegalPage() {\n  const { data: services } = useLegalServices();\n  const [activeCategory, setActiveCategory] = useState<CategoryTab>('all');\n  const [search, setSearch] = useState('');\n\n  const filtered = useMemo(() => {\n    return services.filter((s) => {\n      const matchesCategory = activeCategory === 'all' || s.category === activeCategory;\n      const matchesSearch =\n        !search ||\n        s.title.toLowerCase().includes(search.toLowerCase()) ||\n        s.providerName.toLowerCase().includes(search.toLowerCase()) ||\n        s.description.toLowerCase().includes(search.toLowerCase());\n      return matchesCategory && matchesSearch;\n    });\n  }, [services, activeCategory, search]);\n\n  return (\n    <PageLayout\n      title=\"Legal Services\"\n      description=\"Professional legal solutions for property transactions and documentation\"\n      actions={\n        <span className=\"inline-flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-400\">\n          <Shield className=\"h-3.5 w-3.5\" />\n          Legally Compliant\n        </span>\n      }\n    >\n      {/* Category Tabs */}\n      <div className=\"flex flex-wrap gap-2\">\n        {categoryTabs.map((tab) => (\n          <button\n            key={tab.value}\n            onClick={() => setActiveCategory(tab.value)}\n            className={cn(\n              'rounded-full px-4 py-1.5 text-sm font-medium transition-colors',\n              activeCategory === tab.value\n                ? 'bg-foreground text-background'\n                : 'border border-border bg-card text-muted-foreground hover:bg-muted hover:text-foreground'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Search */}\n      <FilterBar searchValue={search} onSearchChange={setSearch} searchPlaceholder=\"Search legal services...\" />\n\n      {/* Service Cards */}\n      {filtered.length > 0 ? (\n        <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((service) => (\n            <LegalServiceCard key={service.id} service={service} />\n          ))}\n        </div>\n      ) : (\n        <EmptyState\n          icon={<Scale className=\"h-12 w-12\" />}\n          title=\"No legal services found\"\n          description=\"Try adjusting your search or category filter.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/market/AreaInsightsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function AreaInsightsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AreaInsightsPage.d.ts.map

package/dist/housingvista/pages/market/AreaInsightsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaInsightsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/market/AreaInsightsPage.tsx"],"names":[],"mappings":"AA0KA,wBAAgB,gBAAgB,4CAwG/B"}