@burdenoff/microfe-housingvista 2026.703.1 → 2026.703.3

package/dist/housingvista/HousingVistaRoutes.js

@@ -9,8 +9,8 @@ var c = () => /* @__PURE__ */ o("div", {
 		className: "text-sm text-text-secondary",
 		children: "Loading..."
 	})
-}), l = n(() => import("./pages/properties/PropertiesPage.js").then((e) => ({ default: e.PropertiesPage }))), u = n(() => import("./pages/properties/AddPropertyPage.js").then((e) => ({ default: e.AddPropertyPage }))), d = n(() => import("./pages/properties/PropertyDetailPage.js").then((e) => ({ default: e.PropertyDetailPage }))), f = n(() => import("./pages/shortlist/ShortlistPage.js").then((e) => ({ default: e.ShortlistPage }))), p = n(() => import("./pages/transactions/TransactionsPage.js").then((e) => ({ default: e.TransactionsPage }))), m = n(() => import("./pages/transactions/TransactionDetailPage.js").then((e) => ({ default: e.TransactionDetailPage }))), h = n(() => import("./pages/investments/InvestmentsPage.js").then((e) => ({ default: e.InvestmentsPage }))), g = n(() => import("./pages/investments/InvestmentDetailPage.js").then((e) => ({ default: e.InvestmentDetailPage }))), _ = n(() => import("./pages/analytics/AnalyticsPage.js").then((e) => ({ default: e.AnalyticsPage }))), v = n(() => import("./pages/rental/RentalManagementPage.js").then((e) => ({ default: e.RentalManagementPage }))), y = n(() => import("./pages/assets/AssetManagementPage.js").then((e) => ({ default: e.AssetManagementPage }))), b = n(() => import("./pages/amc/AMCManagementPage.js").then((e) => ({ default: e.AMCManagementPage }))), x = n(() => import("./pages/marketplace/MarketplacePage.js").then((e) => ({ default: e.MarketplacePage }))), S = n(() => import("./pages/chat/ChatPage.js").then((e) => ({ default: e.ChatPage }))), C = n(() => import("./pages/notifications/NotificationsPage.js").then((e) => ({ default: e.NotificationsPage }))), w = n(() => import("./pages/verification/VerificationPage.js").then((e) => ({ default: e.VerificationPage }))), T = n(() => import("./pages/legal/LegalPage.js").then((e) => ({ default: e.LegalPage }))), E = n(() => import("./pages/finance/HomeLoansPage.js").then((e) => ({ default: e.HomeLoansPage }))), D = n(() => import("./pages/market/MarketAnalyticsPage.js").then((e) => ({ default: e.MarketAnalyticsPage }))), O = n(() => import("./pages/market/AreaInsightsPage.js").then((e) => ({ default: e.AreaInsightsPage }))), k = n(() => import("./pages/settings/SettingsPage.js").then((e) => ({ default: e.SettingsPage }))), A = n(() => import("./pages/settings/ProfilePage.js").then((e) => ({ default: e.ProfilePage })));
-function j() {
+}), l = n(() => import("./pages/properties/PropertiesPage.js").then((e) => ({ default: e.PropertiesPage }))), u = n(() => import("./pages/properties/AddPropertyPage.js").then((e) => ({ default: e.AddPropertyPage }))), d = n(() => import("./pages/properties/PropertyDetailPage.js").then((e) => ({ default: e.PropertyDetailPage }))), f = n(() => import("./pages/shortlist/ShortlistPage.js").then((e) => ({ default: e.ShortlistPage }))), p = n(() => import("./pages/transactions/TransactionsPage.js").then((e) => ({ default: e.TransactionsPage }))), m = n(() => import("./pages/transactions/TransactionDetailPage.js").then((e) => ({ default: e.TransactionDetailPage }))), h = n(() => import("./pages/investments/InvestmentsPage.js").then((e) => ({ default: e.InvestmentsPage }))), g = n(() => import("./pages/investments/InvestmentDetailPage.js").then((e) => ({ default: e.InvestmentDetailPage }))), _ = n(() => import("./pages/analytics/AnalyticsPage.js").then((e) => ({ default: e.AnalyticsPage }))), v = n(() => import("./pages/rental/RentalManagementPage.js").then((e) => ({ default: e.RentalManagementPage }))), y = n(() => import("./pages/assets/AssetManagementPage.js").then((e) => ({ default: e.AssetManagementPage }))), b = n(() => import("./pages/assets/AssetDetailPage.js").then((e) => ({ default: e.AssetDetailPage }))), x = n(() => import("./pages/amc/AMCManagementPage.js").then((e) => ({ default: e.AMCManagementPage }))), S = n(() => import("./pages/marketplace/MarketplacePage.js").then((e) => ({ default: e.MarketplacePage }))), C = n(() => import("./pages/marketplace/ServiceDetailPage.js").then((e) => ({ default: e.ServiceDetailPage }))), w = n(() => import("./pages/chat/ChatPage.js").then((e) => ({ default: e.ChatPage }))), T = n(() => import("./pages/notifications/NotificationsPage.js").then((e) => ({ default: e.NotificationsPage }))), E = n(() => import("./pages/verification/VerificationPage.js").then((e) => ({ default: e.VerificationPage }))), D = n(() => import("./pages/verification/VerificationDetailPage.js").then((e) => ({ default: e.VerificationDetailPage }))), O = n(() => import("./pages/legal/LegalPage.js").then((e) => ({ default: e.LegalPage }))), k = n(() => import("./pages/legal/LegalServiceDetailPage.js").then((e) => ({ default: e.LegalServiceDetailPage }))), A = n(() => import("./pages/finance/HomeLoansPage.js").then((e) => ({ default: e.HomeLoansPage }))), j = n(() => import("./pages/finance/HomeLoanDetailPage.js").then((e) => ({ default: e.HomeLoanDetailPage }))), M = n(() => import("./pages/market/MarketAnalyticsPage.js").then((e) => ({ default: e.MarketAnalyticsPage }))), N = n(() => import("./pages/market/AreaInsightsPage.js").then((e) => ({ default: e.AreaInsightsPage }))), P = n(() => import("./pages/settings/SettingsPage.js").then((e) => ({ default: e.SettingsPage }))), F = n(() => import("./pages/settings/ProfilePage.js").then((e) => ({ default: e.ProfilePage })));
+function I() {
 	return /* @__PURE__ */ o(t, {
 		fallback: /* @__PURE__ */ o(c, {}),
 		children: /* @__PURE__ */ s(a, { children: [
@@ -63,49 +63,69 @@ function j() {
 				element: /* @__PURE__ */ o(y, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "amc",
+				path: "assets/:id",
 				element: /* @__PURE__ */ o(b, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "marketplace",
+				path: "amc",
 				element: /* @__PURE__ */ o(x, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "chat",
+				path: "marketplace",
 				element: /* @__PURE__ */ o(S, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "notifications",
+				path: "marketplace/:id",
 				element: /* @__PURE__ */ o(C, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "verification",
+				path: "chat",
 				element: /* @__PURE__ */ o(w, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "legal",
+				path: "notifications",
 				element: /* @__PURE__ */ o(T, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "home-loans",
+				path: "verification",
 				element: /* @__PURE__ */ o(E, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "market-analytics",
+				path: "verification/:id",
 				element: /* @__PURE__ */ o(D, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "area-insights",
+				path: "legal",
 				element: /* @__PURE__ */ o(O, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "settings",
+				path: "legal/:id",
 				element: /* @__PURE__ */ o(k, {})
 			}),
 			/* @__PURE__ */ o(i, {
-				path: "profile",
+				path: "home-loans",
 				element: /* @__PURE__ */ o(A, {})
 			}),
+			/* @__PURE__ */ o(i, {
+				path: "home-loans/:id/apply",
+				element: /* @__PURE__ */ o(j, {})
+			}),
+			/* @__PURE__ */ o(i, {
+				path: "market-analytics",
+				element: /* @__PURE__ */ o(M, {})
+			}),
+			/* @__PURE__ */ o(i, {
+				path: "area-insights",
+				element: /* @__PURE__ */ o(N, {})
+			}),
+			/* @__PURE__ */ o(i, {
+				path: "settings",
+				element: /* @__PURE__ */ o(P, {})
+			}),
+			/* @__PURE__ */ o(i, {
+				path: "profile",
+				element: /* @__PURE__ */ o(F, {})
+			}),
 			/* @__PURE__ */ o(i, {
 				path: "*",
 				element: /* @__PURE__ */ o(r, {
@@ -117,6 +137,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as HousingVistaRoutes };
+export { I as HousingVistaRoutes };
 
 //# sourceMappingURL=HousingVistaRoutes.js.map

package/dist/housingvista/HousingVistaRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"HousingVistaRoutes.js","names":[],"sources":["../../src/housingvista/HousingVistaRoutes.tsx"],"sourcesContent":["/**\n * HousingVista Routes\n * All route definitions with lazy loading.\n * @module housingvista\n */\n\nimport { lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\n\n// Eagerly load the home page\nimport { HomePage } from './pages/HomePage';\n\n// Loading fallback\nconst PageLoader = () => (\n  <div className=\"flex items-center justify-center p-12\">\n    <div className=\"text-sm text-text-secondary\">Loading...</div>\n  </div>\n);\n\n// ── Properties ──────────────────────────────────────────────────────────────\nconst PropertiesPage = lazy(() =>\n  import('./pages/properties/PropertiesPage').then((m) => ({ default: m.PropertiesPage }))\n);\nconst AddPropertyPage = lazy(() =>\n  import('./pages/properties/AddPropertyPage').then((m) => ({ default: m.AddPropertyPage }))\n);\nconst PropertyDetailPage = lazy(() =>\n  import('./pages/properties/PropertyDetailPage').then((m) => ({ default: m.PropertyDetailPage }))\n);\nconst ShortlistPage = lazy(() => import('./pages/shortlist/ShortlistPage').then((m) => ({ default: m.ShortlistPage })));\n\n// ── Transactions ────────────────────────────────────────────────────────────\nconst TransactionsPage = lazy(() =>\n  import('./pages/transactions/TransactionsPage').then((m) => ({ default: m.TransactionsPage }))\n);\nconst TransactionDetailPage = lazy(() =>\n  import('./pages/transactions/TransactionDetailPage').then((m) => ({ default: m.TransactionDetailPage }))\n);\n\n// ── Investments ─────────────────────────────────────────────────────────────\nconst InvestmentsPage = lazy(() =>\n  import('./pages/investments/InvestmentsPage').then((m) => ({ default: m.InvestmentsPage }))\n);\nconst InvestmentDetailPage = lazy(() =>\n  import('./pages/investments/InvestmentDetailPage').then((m) => ({ default: m.InvestmentDetailPage }))\n);\n\n// ── Analytics ───────────────────────────────────────────────────────────────\nconst AnalyticsPage = lazy(() => import('./pages/analytics/AnalyticsPage').then((m) => ({ default: m.AnalyticsPage })));\n\n// ── Rental Management ───────────────────────────────────────────────────────\nconst RentalManagementPage = lazy(() =>\n  import('./pages/rental/RentalManagementPage').then((m) => ({ default: m.RentalManagementPage }))\n);\n\n// ── Asset Management ────────────────────────────────────────────────────────\nconst AssetManagementPage = lazy(() =>\n  import('./pages/assets/AssetManagementPage').then((m) => ({ default: m.AssetManagementPage }))\n);\n\n// ── AMC Management ──────────────────────────────────────────────────────────\nconst AMCManagementPage = lazy(() =>\n  import('./pages/amc/AMCManagementPage').then((m) => ({ default: m.AMCManagementPage }))\n);\n\n// ── Marketplace ─────────────────────────────────────────────────────────────\nconst MarketplacePage = lazy(() =>\n  import('./pages/marketplace/MarketplacePage').then((m) => ({ default: m.MarketplacePage }))\n);\n\n// ── Chat ────────────────────────────────────────────────────────────────────\nconst ChatPage = lazy(() => import('./pages/chat/ChatPage').then((m) => ({ default: m.ChatPage })));\n\n// ── Notifications ───────────────────────────────────────────────────────────\nconst NotificationsPage = lazy(() =>\n  import('./pages/notifications/NotificationsPage').then((m) => ({ default: m.NotificationsPage }))\n);\n\n// ── Verification ────────────────────────────────────────────────────────────\nconst VerificationPage = lazy(() =>\n  import('./pages/verification/VerificationPage').then((m) => ({ default: m.VerificationPage }))\n);\n\n// ── Legal ───────────────────────────────────────────────────────────────────\nconst LegalPage = lazy(() => import('./pages/legal/LegalPage').then((m) => ({ default: m.LegalPage })));\n\n// ── Finance ─────────────────────────────────────────────────────────────────\nconst HomeLoansPage = lazy(() => import('./pages/finance/HomeLoansPage').then((m) => ({ default: m.HomeLoansPage })));\n\n// ── Market ──────────────────────────────────────────────────────────────────\nconst MarketAnalyticsPage = lazy(() =>\n  import('./pages/market/MarketAnalyticsPage').then((m) => ({ default: m.MarketAnalyticsPage }))\n);\nconst AreaInsightsPage = lazy(() =>\n  import('./pages/market/AreaInsightsPage').then((m) => ({ default: m.AreaInsightsPage }))\n);\n\n// ── Settings ────────────────────────────────────────────────────────────────\nconst SettingsPage = lazy(() => import('./pages/settings/SettingsPage').then((m) => ({ default: m.SettingsPage })));\nconst ProfilePage = lazy(() => import('./pages/settings/ProfilePage').then((m) => ({ default: m.ProfilePage })));\n\n// ============================================================================\n// Routes\n// ============================================================================\n\nexport function HousingVistaRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        {/* Dashboard */}\n        <Route index element={<HomePage />} />\n\n        {/* Properties */}\n        <Route path=\"properties\" element={<PropertiesPage />} />\n        <Route path=\"properties/new\" element={<AddPropertyPage />} />\n        <Route path=\"properties/:id\" element={<PropertyDetailPage />} />\n\n        {/* Shortlist */}\n        <Route path=\"shortlist\" element={<ShortlistPage />} />\n\n        {/* Transactions */}\n        <Route path=\"transactions\" element={<TransactionsPage />} />\n        <Route path=\"transactions/:id\" element={<TransactionDetailPage />} />\n\n        {/* Investments */}\n        <Route path=\"investments\" element={<InvestmentsPage />} />\n        <Route path=\"investments/:id\" element={<InvestmentDetailPage />} />\n\n        {/* Analytics */}\n        <Route path=\"analytics\" element={<AnalyticsPage />} />\n\n        {/* Rental Management */}\n        <Route path=\"rental\" element={<RentalManagementPage />} />\n\n        {/* Asset Management */}\n        <Route path=\"assets\" element={<AssetManagementPage />} />\n\n        {/* AMC Management */}\n        <Route path=\"amc\" element={<AMCManagementPage />} />\n\n        {/* Marketplace */}\n        <Route path=\"marketplace\" element={<MarketplacePage />} />\n\n        {/* Chat */}\n        <Route path=\"chat\" element={<ChatPage />} />\n\n        {/* Notifications */}\n        <Route path=\"notifications\" element={<NotificationsPage />} />\n\n        {/* Verification */}\n        <Route path=\"verification\" element={<VerificationPage />} />\n\n        {/* Legal */}\n        <Route path=\"legal\" element={<LegalPage />} />\n\n        {/* Home Loans */}\n        <Route path=\"home-loans\" element={<HomeLoansPage />} />\n\n        {/* Market Analytics */}\n        <Route path=\"market-analytics\" element={<MarketAnalyticsPage />} />\n        <Route path=\"area-insights\" element={<AreaInsightsPage />} />\n\n        {/* Settings & Profile */}\n        <Route path=\"settings\" element={<SettingsPage />} />\n        <Route path=\"profile\" element={<ProfilePage />} />\n\n        {/* Catch-all: redirect to dashboard */}\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HousingVistaRoutes.js","names":[],"sources":["../../src/housingvista/HousingVistaRoutes.tsx"],"sourcesContent":["/**\n * HousingVista Routes\n * All route definitions with lazy loading.\n * @module housingvista\n */\n\nimport { lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\n\n// Eagerly load the home page\nimport { HomePage } from './pages/HomePage';\n\n// Loading fallback\nconst PageLoader = () => (\n  <div className=\"flex items-center justify-center p-12\">\n    <div className=\"text-sm text-text-secondary\">Loading...</div>\n  </div>\n);\n\n// ── Properties ──────────────────────────────────────────────────────────────\nconst PropertiesPage = lazy(() =>\n  import('./pages/properties/PropertiesPage').then((m) => ({ default: m.PropertiesPage }))\n);\nconst AddPropertyPage = lazy(() =>\n  import('./pages/properties/AddPropertyPage').then((m) => ({ default: m.AddPropertyPage }))\n);\nconst PropertyDetailPage = lazy(() =>\n  import('./pages/properties/PropertyDetailPage').then((m) => ({ default: m.PropertyDetailPage }))\n);\nconst ShortlistPage = lazy(() => import('./pages/shortlist/ShortlistPage').then((m) => ({ default: m.ShortlistPage })));\n\n// ── Transactions ────────────────────────────────────────────────────────────\nconst TransactionsPage = lazy(() =>\n  import('./pages/transactions/TransactionsPage').then((m) => ({ default: m.TransactionsPage }))\n);\nconst TransactionDetailPage = lazy(() =>\n  import('./pages/transactions/TransactionDetailPage').then((m) => ({ default: m.TransactionDetailPage }))\n);\n\n// ── Investments ─────────────────────────────────────────────────────────────\nconst InvestmentsPage = lazy(() =>\n  import('./pages/investments/InvestmentsPage').then((m) => ({ default: m.InvestmentsPage }))\n);\nconst InvestmentDetailPage = lazy(() =>\n  import('./pages/investments/InvestmentDetailPage').then((m) => ({ default: m.InvestmentDetailPage }))\n);\n\n// ── Analytics ───────────────────────────────────────────────────────────────\nconst AnalyticsPage = lazy(() => import('./pages/analytics/AnalyticsPage').then((m) => ({ default: m.AnalyticsPage })));\n\n// ── Rental Management ───────────────────────────────────────────────────────\nconst RentalManagementPage = lazy(() =>\n  import('./pages/rental/RentalManagementPage').then((m) => ({ default: m.RentalManagementPage }))\n);\n\n// ── Asset Management ────────────────────────────────────────────────────────\nconst AssetManagementPage = lazy(() =>\n  import('./pages/assets/AssetManagementPage').then((m) => ({ default: m.AssetManagementPage }))\n);\nconst AssetDetailPage = lazy(() =>\n  import('./pages/assets/AssetDetailPage').then((m) => ({ default: m.AssetDetailPage }))\n);\n\n// ── AMC Management ──────────────────────────────────────────────────────────\nconst AMCManagementPage = lazy(() =>\n  import('./pages/amc/AMCManagementPage').then((m) => ({ default: m.AMCManagementPage }))\n);\n\n// ── Marketplace ─────────────────────────────────────────────────────────────\nconst MarketplacePage = lazy(() =>\n  import('./pages/marketplace/MarketplacePage').then((m) => ({ default: m.MarketplacePage }))\n);\nconst ServiceDetailPage = lazy(() =>\n  import('./pages/marketplace/ServiceDetailPage').then((m) => ({ default: m.ServiceDetailPage }))\n);\n\n// ── Chat ────────────────────────────────────────────────────────────────────\nconst ChatPage = lazy(() => import('./pages/chat/ChatPage').then((m) => ({ default: m.ChatPage })));\n\n// ── Notifications ───────────────────────────────────────────────────────────\nconst NotificationsPage = lazy(() =>\n  import('./pages/notifications/NotificationsPage').then((m) => ({ default: m.NotificationsPage }))\n);\n\n// ── Verification ────────────────────────────────────────────────────────────\nconst VerificationPage = lazy(() =>\n  import('./pages/verification/VerificationPage').then((m) => ({ default: m.VerificationPage }))\n);\nconst VerificationDetailPage = lazy(() =>\n  import('./pages/verification/VerificationDetailPage').then((m) => ({ default: m.VerificationDetailPage }))\n);\n\n// ── Legal ───────────────────────────────────────────────────────────────────\nconst LegalPage = lazy(() => import('./pages/legal/LegalPage').then((m) => ({ default: m.LegalPage })));\nconst LegalServiceDetailPage = lazy(() =>\n  import('./pages/legal/LegalServiceDetailPage').then((m) => ({ default: m.LegalServiceDetailPage }))\n);\n\n// ── Finance ─────────────────────────────────────────────────────────────────\nconst HomeLoansPage = lazy(() => import('./pages/finance/HomeLoansPage').then((m) => ({ default: m.HomeLoansPage })));\nconst HomeLoanDetailPage = lazy(() =>\n  import('./pages/finance/HomeLoanDetailPage').then((m) => ({ default: m.HomeLoanDetailPage }))\n);\n\n// ── Market ──────────────────────────────────────────────────────────────────\nconst MarketAnalyticsPage = lazy(() =>\n  import('./pages/market/MarketAnalyticsPage').then((m) => ({ default: m.MarketAnalyticsPage }))\n);\nconst AreaInsightsPage = lazy(() =>\n  import('./pages/market/AreaInsightsPage').then((m) => ({ default: m.AreaInsightsPage }))\n);\n\n// ── Settings ────────────────────────────────────────────────────────────────\nconst SettingsPage = lazy(() => import('./pages/settings/SettingsPage').then((m) => ({ default: m.SettingsPage })));\nconst ProfilePage = lazy(() => import('./pages/settings/ProfilePage').then((m) => ({ default: m.ProfilePage })));\n\n// ============================================================================\n// Routes\n// ============================================================================\n\nexport function HousingVistaRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        {/* Dashboard */}\n        <Route index element={<HomePage />} />\n\n        {/* Properties */}\n        <Route path=\"properties\" element={<PropertiesPage />} />\n        <Route path=\"properties/new\" element={<AddPropertyPage />} />\n        <Route path=\"properties/:id\" element={<PropertyDetailPage />} />\n\n        {/* Shortlist */}\n        <Route path=\"shortlist\" element={<ShortlistPage />} />\n\n        {/* Transactions */}\n        <Route path=\"transactions\" element={<TransactionsPage />} />\n        <Route path=\"transactions/:id\" element={<TransactionDetailPage />} />\n\n        {/* Investments */}\n        <Route path=\"investments\" element={<InvestmentsPage />} />\n        <Route path=\"investments/:id\" element={<InvestmentDetailPage />} />\n\n        {/* Analytics */}\n        <Route path=\"analytics\" element={<AnalyticsPage />} />\n\n        {/* Rental Management */}\n        <Route path=\"rental\" element={<RentalManagementPage />} />\n\n        {/* Asset Management */}\n        <Route path=\"assets\" element={<AssetManagementPage />} />\n        <Route path=\"assets/:id\" element={<AssetDetailPage />} />\n\n        {/* AMC Management */}\n        <Route path=\"amc\" element={<AMCManagementPage />} />\n\n        {/* Marketplace */}\n        <Route path=\"marketplace\" element={<MarketplacePage />} />\n        <Route path=\"marketplace/:id\" element={<ServiceDetailPage />} />\n\n        {/* Chat */}\n        <Route path=\"chat\" element={<ChatPage />} />\n\n        {/* Notifications */}\n        <Route path=\"notifications\" element={<NotificationsPage />} />\n\n        {/* Verification */}\n        <Route path=\"verification\" element={<VerificationPage />} />\n        <Route path=\"verification/:id\" element={<VerificationDetailPage />} />\n\n        {/* Legal */}\n        <Route path=\"legal\" element={<LegalPage />} />\n        <Route path=\"legal/:id\" element={<LegalServiceDetailPage />} />\n\n        {/* Home Loans */}\n        <Route path=\"home-loans\" element={<HomeLoansPage />} />\n        <Route path=\"home-loans/:id/apply\" element={<HomeLoanDetailPage />} />\n\n        {/* Market Analytics */}\n        <Route path=\"market-analytics\" element={<MarketAnalyticsPage />} />\n        <Route path=\"area-insights\" element={<AreaInsightsPage />} />\n\n        {/* Settings & Profile */}\n        <Route path=\"settings\" element={<SettingsPage />} />\n        <Route path=\"profile\" element={<ProfilePage />} />\n\n        {/* Catch-all: redirect to dashboard */}\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/components/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/housingvista/components/DataTable.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, type ReactNode } from 'react';\nimport { ChevronUp, ChevronDown, ChevronsUpDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\n\nexport interface Column<T> {\n  key: string;\n  header: string;\n  render?: (item: T) => ReactNode;\n  className?: string;\n  sortable?: boolean;\n}\n\ntype SortDirection = 'asc' | 'desc' | null;\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  data: T[];\n  keyField: string;\n  onRowClick?: (item: T) => void;\n  emptyMessage?: string;\n  /** Optional secondary line under the empty title. */\n  emptyDescription?: string;\n  /**\n   * Boff UI 2.0 — on-brand illustration name (served from `/illustrations/<name>.webp`)\n   * shown in the zero state. Standard names: empty-data, empty-search, empty-files,\n   * empty-people, empty-notifications, empty-generic. Defaults to `empty-data`.\n   */\n  emptyIllustration?: string;\n  /** Optional action rendered in the empty state (e.g. a create button). */\n  emptyAction?: ReactNode;\n  className?: string;\n  pageSize?: number;\n  selectable?: boolean;\n  selectedKeys?: Set<string>;\n  onSelectionChange?: (keys: Set<string>) => void;\n  serverPagination?: {\n    page: number;\n    pageSize: number;\n    hasNextPage?: boolean;\n    loading?: boolean;\n    onPageChange: (page: number) => void;\n    onPageSizeChange?: (pageSize: number) => void;\n  };\n}\n\nexport function DataTable<T extends object>({\n  columns,\n  data,\n  keyField,\n  onRowClick,\n  emptyMessage = 'No data available',\n  emptyDescription,\n  emptyIllustration = 'empty-data',\n  emptyAction,\n  className,\n  pageSize = 10,\n  selectable = false,\n  selectedKeys,\n  onSelectionChange,\n  serverPagination,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<SortDirection>(null);\n  const [page, setPage] = useState(0);\n\n  const handleSort = useCallback(\n    (key: string) => {\n      if (sortKey === key) {\n        if (sortDir === 'asc') setSortDir('desc');\n        else if (sortDir === 'desc') {\n          setSortKey(null);\n          setSortDir(null);\n        } else setSortDir('asc');\n      } else {\n        setSortKey(key);\n        setSortDir('asc');\n      }\n      setPage(0);\n    },\n    [sortKey, sortDir]\n  );\n\n  const sorted = useMemo(() => {\n    if (!sortKey || !sortDir) return data;\n    return [...data].sort((a, b) => {\n      const av = (a as Record<string, unknown>)[sortKey];\n      const bv = (b as Record<string, unknown>)[sortKey];\n      if (av == null && bv == null) return 0;\n      if (av == null) return 1;\n      if (bv == null) return -1;\n      const cmp = typeof av === 'number' && typeof bv === 'number' ? av - bv : String(av).localeCompare(String(bv));\n      return sortDir === 'asc' ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir]);\n\n  const effectivePageSize = serverPagination?.pageSize ?? pageSize;\n  const totalPages = Math.max(1, Math.ceil(sorted.length / effectivePageSize));\n  const paged = serverPagination ? sorted : sorted.slice(page * effectivePageSize, (page + 1) * effectivePageSize);\n\n  const allPageKeysSelected =\n    selectable && selectedKeys\n      ? paged.every((item) => selectedKeys.has(String((item as Record<string, unknown>)[keyField])))\n      : false;\n\n  const handleSelectAll = () => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const keys = new Set(selectedKeys);\n    if (allPageKeysSelected) {\n      paged.forEach((item) => keys.delete(String((item as Record<string, unknown>)[keyField])));\n    } else {\n      paged.forEach((item) => keys.add(String((item as Record<string, unknown>)[keyField])));\n    }\n    onSelectionChange(keys);\n  };\n\n  const handleSelectRow = (item: T) => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const key = String((item as Record<string, unknown>)[keyField]);\n    const keys = new Set(selectedKeys);\n    if (keys.has(key)) keys.delete(key);\n    else keys.add(key);\n    onSelectionChange(keys);\n  };\n\n  if (data.length === 0) {\n    return (\n      <div className=\"rounded-card border border-dashed border-border-seam bg-bg-surface/50\">\n        <IllustratedEmptyState\n          illustration={emptyIllustration}\n          title={emptyMessage}\n          description={emptyDescription}\n          action={emptyAction}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      <div className=\"overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1\">\n        <table className=\"w-full\">\n          <thead>\n            <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n              {selectable && (\n                <th className=\"w-10 px-3 py-3\">\n                  <input\n                    type=\"checkbox\"\n                    checked={allPageKeysSelected && paged.length > 0}\n                    onChange={handleSelectAll}\n                    className=\"h-4 w-4 rounded border-border-subtle\"\n                  />\n                </th>\n              )}\n              {columns.map((col) => {\n                const isSortable = col.sortable !== false;\n                const isActive = sortKey === col.key;\n                return (\n                  <th\n                    key={col.key}\n                    className={cn(\n                      'px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary',\n                      isSortable && 'cursor-pointer select-none hover:text-text-primary',\n                      col.className\n                    )}\n                    onClick={isSortable ? () => handleSort(col.key) : undefined}\n                  >\n                    <span className=\"inline-flex items-center gap-1\">\n                      {col.header}\n                      {isSortable &&\n                        (isActive ? (\n                          sortDir === 'asc' ? (\n                            <ChevronUp className=\"h-3 w-3\" />\n                          ) : (\n                            <ChevronDown className=\"h-3 w-3\" />\n                          )\n                        ) : (\n                          <ChevronsUpDown className=\"h-3 w-3 opacity-30\" />\n                        ))}\n                    </span>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody className=\"divide-y divide-border bg-bg-surface\">\n            {paged.map((item) => {\n              const rowKey = String((item as Record<string, unknown>)[keyField]);\n              const isSelected = selectable && selectedKeys?.has(rowKey);\n              return (\n                <tr\n                  key={rowKey}\n                  className={cn(\n                    'transition-colors',\n                    onRowClick && 'cursor-pointer hover:bg-bg-sunken/50',\n                    isSelected && 'bg-action-primary-bg/5'\n                  )}\n                  onClick={() => onRowClick?.(item)}\n                >\n                  {selectable && (\n                    <td className=\"w-10 px-3 py-3\" onClick={(e) => e.stopPropagation()}>\n                      <input\n                        type=\"checkbox\"\n                        checked={isSelected ?? false}\n                        onChange={() => handleSelectRow(item)}\n                        className=\"h-4 w-4 rounded border-border-subtle\"\n                      />\n                    </td>\n                  )}\n                  {columns.map((col) => (\n                    <td key={col.key} className={cn('px-4 py-3 text-sm text-text-primary', col.className)}>\n                      {col.render ? col.render(item) : String((item as Record<string, unknown>)[col.key] ?? '')}\n                    </td>\n                  ))}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      {serverPagination ? (\n        <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm sm:flex-row sm:items-center sm:justify-between\">\n          <span className=\"text-text-secondary\">Page {serverPagination.page}</span>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {serverPagination.onPageSizeChange ? (\n              <select\n                value={serverPagination.pageSize}\n                onChange={(event) => serverPagination.onPageSizeChange?.(Number(event.target.value))}\n                disabled={serverPagination.loading}\n                className=\"h-8 rounded-md border border-border-subtle bg-bg-surface px-2 text-sm text-text-primary disabled:opacity-50\"\n                aria-label=\"Rows per page\"\n              >\n                {[10, 25, 50, 100].map((option) => (\n                  <option key={option} value={option}>\n                    {option} / page\n                  </option>\n                ))}\n              </select>\n            ) : null}\n            <button\n              type=\"button\"\n              onClick={() => serverPagination.onPageChange(serverPagination.page - 1)}\n              disabled={serverPagination.loading || serverPagination.page <= 1}\n              className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              Previous\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => serverPagination.onPageChange(serverPagination.page + 1)}\n              disabled={\n                serverPagination.loading ||\n                !(serverPagination.hasNextPage ?? sorted.length >= serverPagination.pageSize)\n              }\n              className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              Next\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      ) : sorted.length > pageSize ? (\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-text-secondary\">\n            Showing {page * pageSize + 1}-{Math.min((page + 1) * pageSize, sorted.length)} of {sorted.length}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            <button\n              onClick={() => setPage((p) => Math.max(0, p - 1))}\n              disabled={page === 0}\n              className=\"rounded-md border border-border-subtle p-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </button>\n            {Array.from({ length: totalPages }).map((_, i) => (\n              <button\n                key={i}\n                onClick={() => setPage(i)}\n                className={cn(\n                  'h-8 w-8 rounded-md text-xs font-medium transition-colors',\n                  i === page ? 'bg-action-primary-bg text-action-primary-text' : 'text-text-secondary hover:bg-bg-sunken'\n                )}\n              >\n                {i + 1}\n              </button>\n            ))}\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}\n              disabled={page >= totalPages - 1}\n              className=\"rounded-md border border-border-subtle p-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/housingvista/components/DataTable.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, type ReactNode } from 'react';\nimport { ChevronUp, ChevronDown, ChevronsUpDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\n\nexport interface Column<T> {\n  key: string;\n  header: string;\n  render?: (item: T) => ReactNode;\n  className?: string;\n  sortable?: boolean;\n}\n\ntype SortDirection = 'asc' | 'desc' | null;\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  data: T[];\n  keyField: string;\n  onRowClick?: (item: T) => void;\n  emptyMessage?: string;\n  /** Optional secondary line under the empty title. */\n  emptyDescription?: string;\n  /**\n   * Boff UI 2.0 — on-brand illustration name (served from `/illustrations/<name>.webp`)\n   * shown in the zero state. Standard names: empty-data, empty-search, empty-files,\n   * empty-people, empty-notifications, empty-generic. Defaults to `empty-data`.\n   */\n  emptyIllustration?: string;\n  /** Optional action rendered in the empty state (e.g. a create button). */\n  emptyAction?: ReactNode;\n  className?: string;\n  pageSize?: number;\n  selectable?: boolean;\n  selectedKeys?: Set<string>;\n  onSelectionChange?: (keys: Set<string>) => void;\n  serverPagination?: {\n    page: number;\n    pageSize: number;\n    hasNextPage?: boolean;\n    loading?: boolean;\n    onPageChange: (page: number) => void;\n    onPageSizeChange?: (pageSize: number) => void;\n  };\n}\n\nexport function DataTable<T extends object>({\n  columns,\n  data,\n  keyField,\n  onRowClick,\n  emptyMessage = 'No data available',\n  emptyDescription,\n  emptyIllustration = 'empty-data',\n  emptyAction,\n  className,\n  pageSize = 10,\n  selectable = false,\n  selectedKeys,\n  onSelectionChange,\n  serverPagination,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<SortDirection>(null);\n  const [page, setPage] = useState(0);\n\n  const handleSort = useCallback(\n    (key: string) => {\n      if (sortKey === key) {\n        if (sortDir === 'asc') setSortDir('desc');\n        else if (sortDir === 'desc') {\n          setSortKey(null);\n          setSortDir(null);\n        } else setSortDir('asc');\n      } else {\n        setSortKey(key);\n        setSortDir('asc');\n      }\n      setPage(0);\n    },\n    [sortKey, sortDir]\n  );\n\n  const sorted = useMemo(() => {\n    if (!sortKey || !sortDir) return data;\n    return [...data].sort((a, b) => {\n      const av = (a as Record<string, unknown>)[sortKey];\n      const bv = (b as Record<string, unknown>)[sortKey];\n      if (av == null && bv == null) return 0;\n      if (av == null) return 1;\n      if (bv == null) return -1;\n      const cmp = typeof av === 'number' && typeof bv === 'number' ? av - bv : String(av).localeCompare(String(bv));\n      return sortDir === 'asc' ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir]);\n\n  const effectivePageSize = serverPagination?.pageSize ?? pageSize;\n  const totalPages = Math.max(1, Math.ceil(sorted.length / effectivePageSize));\n  const paged = serverPagination ? sorted : sorted.slice(page * effectivePageSize, (page + 1) * effectivePageSize);\n\n  const allPageKeysSelected =\n    selectable && selectedKeys\n      ? paged.every((item) => selectedKeys.has(String((item as Record<string, unknown>)[keyField])))\n      : false;\n\n  const handleSelectAll = () => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const keys = new Set(selectedKeys);\n    if (allPageKeysSelected) {\n      paged.forEach((item) => keys.delete(String((item as Record<string, unknown>)[keyField])));\n    } else {\n      paged.forEach((item) => keys.add(String((item as Record<string, unknown>)[keyField])));\n    }\n    onSelectionChange(keys);\n  };\n\n  const handleSelectRow = (item: T) => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const key = String((item as Record<string, unknown>)[keyField]);\n    const keys = new Set(selectedKeys);\n    if (keys.has(key)) keys.delete(key);\n    else keys.add(key);\n    onSelectionChange(keys);\n  };\n\n  if (data.length === 0) {\n    return (\n      <div className=\"rounded-card border border-dashed border-border-seam bg-bg-surface/50\">\n        <IllustratedEmptyState\n          illustration={emptyIllustration}\n          title={emptyMessage}\n          description={emptyDescription}\n          action={emptyAction}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      <div className=\"overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1\">\n        <table className=\"w-full\">\n          <thead>\n            <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n              {selectable && (\n                <th className=\"w-10 px-3 py-3\">\n                  <input\n                    type=\"checkbox\"\n                    checked={allPageKeysSelected && paged.length > 0}\n                    onChange={handleSelectAll}\n                    className=\"h-4 w-4 rounded border-border-subtle\"\n                  />\n                </th>\n              )}\n              {columns.map((col) => {\n                const isSortable = col.sortable !== false;\n                const isActive = sortKey === col.key;\n                return (\n                  <th\n                    key={col.key}\n                    className={cn(\n                      'px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary',\n                      isSortable && 'cursor-pointer select-none hover:text-text-primary',\n                      col.className\n                    )}\n                    onClick={isSortable ? () => handleSort(col.key) : undefined}\n                  >\n                    <span className=\"inline-flex items-center gap-1\">\n                      {col.header}\n                      {isSortable &&\n                        (isActive ? (\n                          sortDir === 'asc' ? (\n                            <ChevronUp className=\"h-3 w-3\" />\n                          ) : (\n                            <ChevronDown className=\"h-3 w-3\" />\n                          )\n                        ) : (\n                          <ChevronsUpDown className=\"h-3 w-3 opacity-30\" />\n                        ))}\n                    </span>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody className=\"divide-y divide-border bg-bg-surface\">\n            {paged.map((item) => {\n              const rowKey = String((item as Record<string, unknown>)[keyField]);\n              const isSelected = selectable && selectedKeys?.has(rowKey);\n              return (\n                <tr\n                  key={rowKey}\n                  className={cn(\n                    'transition-colors',\n                    onRowClick && 'cursor-pointer hover:bg-bg-sunken/50',\n                    isSelected && 'bg-action-primary-bg/5'\n                  )}\n                  onClick={() => onRowClick?.(item)}\n                >\n                  {selectable && (\n                    <td className=\"w-10 px-3 py-3\" onClick={(e) => e.stopPropagation()}>\n                      <input\n                        type=\"checkbox\"\n                        checked={isSelected ?? false}\n                        onChange={() => handleSelectRow(item)}\n                        className=\"h-4 w-4 rounded border-border-subtle\"\n                      />\n                    </td>\n                  )}\n                  {columns.map((col) => (\n                    <td key={col.key} className={cn('px-4 py-3 text-sm text-text-primary', col.className)}>\n                      {col.render ? col.render(item) : String((item as Record<string, unknown>)[col.key] ?? '')}\n                    </td>\n                  ))}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      {serverPagination ? (\n        <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm sm:flex-row sm:items-center sm:justify-between\">\n          <span className=\"text-text-secondary\">Page {serverPagination.page}</span>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {serverPagination.onPageSizeChange ? (\n              <select\n                value={serverPagination.pageSize}\n                onChange={(event) => serverPagination.onPageSizeChange?.(Number(event.target.value))}\n                disabled={serverPagination.loading}\n                className=\"h-8 rounded-md border border-border-subtle bg-bg-surface px-2 text-sm text-text-primary disabled:opacity-50\"\n                aria-label=\"Rows per page\"\n              >\n                {[10, 25, 50, 100].map((option) => (\n                  <option key={option} value={option}>\n                    {option} / page\n                  </option>\n                ))}\n              </select>\n            ) : null}\n            <button\n              type=\"button\"\n              onClick={() => serverPagination.onPageChange(serverPagination.page - 1)}\n              disabled={serverPagination.loading || serverPagination.page <= 1}\n              className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              Previous\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => serverPagination.onPageChange(serverPagination.page + 1)}\n              disabled={\n                serverPagination.loading ||\n                !(serverPagination.hasNextPage ?? sorted.length >= serverPagination.pageSize)\n              }\n              className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              Next\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      ) : sorted.length > pageSize ? (\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-text-secondary\">\n            Showing {page * pageSize + 1}-{Math.min((page + 1) * pageSize, sorted.length)} of {sorted.length}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            <button\n              onClick={() => setPage((p) => Math.max(0, p - 1))}\n              disabled={page === 0}\n              className=\"rounded-md border border-border-subtle p-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </button>\n            {Array.from({ length: totalPages }).map((_, i) => (\n              <button\n                key={i}\n                onClick={() => setPage(i)}\n                className={cn(\n                  'h-8 w-8 rounded-md text-xs font-medium transition-colors',\n                  i === page\n                    ? 'bg-action-primary-bg text-action-primary-text'\n                    : 'text-text-secondary hover:bg-bg-sunken'\n                )}\n              >\n                {i + 1}\n              </button>\n            ))}\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}\n              disabled={page >= totalPages - 1}\n              className=\"rounded-md border border-border-subtle p-1.5 text-text-secondary transition-colors hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/components/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/housingvista/components/EmptyState.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Inbox } from 'lucide-react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n  /**\n   * Boff UI 2.0 — on-brand illustration name served by the host shell from\n   * `/illustrations/<name>.webp`. When provided, renders the IllustratedEmptyState\n   * primitive (preferred). Standard names: empty-data, empty-search, empty-files,\n   * empty-people, empty-notifications, onboarding, empty-generic.\n   */\n  illustration?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  illustration,\n}) => {\n  if (illustration) {\n    return (\n      <IllustratedEmptyState\n        illustration={illustration}\n        title={title}\n        description={description}\n        action={action}\n        className={cn('rounded-card border border-dashed border-border-seam bg-bg-surface/50 p-12', className)}\n      />\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center rounded-card border border-dashed border-border-seam bg-bg-surface/50 p-12 text-center',\n        className\n      )}\n    >\n      <div className=\"mb-4 text-text-secondary\">{icon || <Inbox className=\"h-12 w-12\" />}</div>\n      <h3 className=\"text-lg font-medium text-text-primary\">{title}</h3>\n      {description && <p className=\"mt-1 text-sm text-text-secondary max-w-md\">{description}</p>}\n      {action && <div className=\"mt-4\">{action}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAa,KAAmC,EAC9C,SACA,UACA,gBACA,WACA,cACA,sBAEI,IAEA,kBAAC,GAAD;CACgB;CACP;CACM;CACL;CACR,WAAW,EAAG,8EAA8E,EAAU;CACtG,CAAA,GAKJ,kBAAC,OAAD;CACE,WAAW,EACT,oIACA,EACD;WAJH;EAME,kBAAC,OAAD;GAAK,WAAU;aAA4B,KAAQ,kBAAC,GAAD,EAAO,WAAU,aAAc,CAAA;GAAO,CAAA;EACzF,kBAAC,MAAD;GAAI,WAAU;aAAyC;GAAW,CAAA;EACjE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAgB,CAAA;EACzF,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAQ;GAAa,CAAA;EAC3C"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/housingvista/components/EmptyState.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Inbox } from 'lucide-react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n  /**\n   * Boff UI 2.0 — on-brand illustration name served by the host shell from\n   * `/illustrations/<name>.webp`. When provided, renders the IllustratedEmptyState\n   * primitive (preferred). Standard names: empty-data, empty-search, empty-files,\n   * empty-people, empty-notifications, onboarding, empty-generic.\n   */\n  illustration?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({ icon, title, description, action, className, illustration }) => {\n  if (illustration) {\n    return (\n      <IllustratedEmptyState\n        illustration={illustration}\n        title={title}\n        description={description}\n        action={action}\n        className={cn('rounded-card border border-dashed border-border-seam bg-bg-surface/50 p-12', className)}\n      />\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center rounded-card border border-dashed border-border-seam bg-bg-surface/50 p-12 text-center',\n        className\n      )}\n    >\n      <div className=\"mb-4 text-text-secondary\">{icon || <Inbox className=\"h-12 w-12\" />}</div>\n      <h3 className=\"text-lg font-medium text-text-primary\">{title}</h3>\n      {description && <p className=\"mt-1 text-sm text-text-secondary max-w-md\">{description}</p>}\n      {action && <div className=\"mt-4\">{action}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAa,KAAmC,EAAE,SAAM,UAAO,gBAAa,WAAQ,cAAW,sBACzF,IAEA,kBAAC,GAAD;CACgB;CACP;CACM;CACL;CACR,WAAW,EAAG,8EAA8E,EAAU;CACtG,CAAA,GAKJ,kBAAC,OAAD;CACE,WAAW,EACT,oIACA,EACD;WAJH;EAME,kBAAC,OAAD;GAAK,WAAU;aAA4B,KAAQ,kBAAC,GAAD,EAAO,WAAU,aAAc,CAAA;GAAO,CAAA;EACzF,kBAAC,MAAD;GAAI,WAAU;aAAyC;GAAW,CAAA;EACjE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAgB,CAAA;EACzF,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAQ;GAAa,CAAA;EAC3C"}

package/dist/housingvista/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/housingvista/components/PageLayout.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\n\ninterface PageLayoutProps {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /**\n   * Boff UI 2.0 — a calm one/two-line \"story\" explaining WHAT this page is for\n   * and the use-case, so a new user understands it at a glance. Rendered with\n   * the {@link PagePurpose} primitive directly under the title.\n   */\n  purpose?: ReactNode;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  purpose,\n}) => {\n  return (\n    <div className={cn('flex flex-col gap-6 p-6', className)}>\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex items-start justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl font-semibold text-text-primary\">\n              <GradientText>{title}</GradientText>\n            </h1>\n            {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n          </div>\n          {actions && <div className=\"flex items-center gap-2 shrink-0\">{actions}</div>}\n        </div>\n        {purpose && <PagePurpose className=\"max-w-3xl\">{purpose}</PagePurpose>}\n      </div>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAkBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,iBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,2BAA2B,EAAU;WAAxD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAe,GAAqB,CAAA;IACjC,CAAA,EACJ,KAAe,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAgB,CAAA,CAC7E,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;IAAK,WAAU;cAAoC;IAAc,CAAA,CACzE;MACL,KAAW,kBAAC,GAAD;GAAa,WAAU;aAAa;GAAsB,CAAA,CAClE;KACL,EACG"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/housingvista/components/PageLayout.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\n\ninterface PageLayoutProps {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /**\n   * Boff UI 2.0 — a calm one/two-line \"story\" explaining WHAT this page is for\n   * and the use-case, so a new user understands it at a glance. Rendered with\n   * the {@link PagePurpose} primitive directly under the title.\n   */\n  purpose?: ReactNode;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({ title, description, actions, children, className, purpose }) => {\n  return (\n    <div className={cn('flex flex-col gap-6 p-6', className)}>\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex items-start justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl font-semibold text-text-primary\">\n              <GradientText>{title}</GradientText>\n            </h1>\n            {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n          </div>\n          {actions && <div className=\"flex items-center gap-2 shrink-0\">{actions}</div>}\n        </div>\n        {purpose && <PagePurpose className=\"max-w-3xl\">{purpose}</PagePurpose>}\n      </div>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAkBA,IAAa,KAAmC,EAAE,UAAO,gBAAa,YAAS,aAAU,cAAW,iBAEhG,kBAAC,OAAD;CAAK,WAAW,EAAG,2BAA2B,EAAU;WAAxD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAe,GAAqB,CAAA;IACjC,CAAA,EACJ,KAAe,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAgB,CAAA,CAC7E,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;IAAK,WAAU;cAAoC;IAAc,CAAA,CACzE;MACL,KAAW,kBAAC,GAAD;GAAa,WAAU;aAAa;GAAsB,CAAA,CAClE;KACL,EACG"}

package/dist/housingvista/components/PropertyCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCard.js","names":[],"sources":["../../../src/housingvista/components/PropertyCard.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport { MapPin, Bed, Bath, Square, Heart } from 'lucide-react';\nimport { cn, formatCurrency, formatNumber } from '../utils/helpers';\nimport { StatusBadge } from './StatusBadge';\n\ninterface PropertyCardProps {\n  id: string;\n  title: string;\n  price: number;\n  priceType: 'sale' | 'rent';\n  pricePeriod?: string;\n  location: string;\n  bedrooms?: number;\n  bathrooms?: number;\n  area: number;\n  imageUrl?: string;\n  status: string;\n  type: string;\n  onClick?: () => void;\n  className?: string;\n  /** When provided the heart becomes a controlled shortlist toggle. */\n  isShortlisted?: boolean;\n  onToggleShortlist?: () => void;\n}\n\nconst statusVariantMap: Record<string, 'success' | 'warning' | 'error' | 'info' | 'default' | 'muted'> = {\n  available: 'success',\n  active: 'success',\n  listed: 'success',\n  pending: 'warning',\n  'under contract': 'warning',\n  'under offer': 'warning',\n  sold: 'error',\n  rented: 'error',\n  off_market: 'muted',\n  'off market': 'muted',\n  draft: 'muted',\n};\n\nexport const PropertyCard: FC<PropertyCardProps> = ({\n  title,\n  price,\n  priceType,\n  pricePeriod,\n  location,\n  bedrooms,\n  bathrooms,\n  area,\n  imageUrl,\n  status,\n  type,\n  onClick,\n  className,\n  isShortlisted,\n  onToggleShortlist,\n}) => {\n  const priceDisplay =\n    priceType === 'rent' ? `${formatCurrency(price)}${pricePeriod ? `/${pricePeriod}` : '/mo'}` : formatCurrency(price);\n\n  const badgeVariant = statusVariantMap[status.toLowerCase()] ?? 'default';\n\n  return (\n    <div\n      className={cn(\n        'group overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-elevation-1 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-elevation-2',\n        onClick && 'cursor-pointer',\n        className\n      )}\n      onClick={onClick}\n    >\n      {/* Image Section */}\n      <div className=\"relative aspect-[16/10] overflow-hidden\">\n        {imageUrl ? (\n          <img\n            src={imageUrl}\n            alt={title}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-full w-full items-center justify-center bg-gradient-to-br from-bg-sunken to-bg-sunken/60\">\n            <Square className=\"h-10 w-10 text-text-secondary/40\" />\n          </div>\n        )}\n\n        {/* Overlays */}\n        <div className=\"absolute left-3 top-3\">\n          <StatusBadge label={status} variant={badgeVariant} dot />\n        </div>\n        {onToggleShortlist && (\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              onToggleShortlist();\n            }}\n            className={cn(\n              'absolute right-3 top-3 rounded-full bg-bg-surface/80 p-1.5 backdrop-blur-sm transition-colors hover:bg-bg-surface',\n              isShortlisted ? 'text-status-error-text' : 'text-text-secondary'\n            )}\n            aria-label={isShortlisted ? 'Remove from shortlist' : 'Save to shortlist'}\n          >\n            <Heart className={cn('h-4 w-4', isShortlisted && 'fill-current')} />\n          </button>\n        )}\n        <div className=\"absolute bottom-3 left-3\">\n          <span className=\"rounded-md bg-bg-surface/80 px-2 py-1 text-xs font-medium text-text-primary backdrop-blur-sm\">\n            {type}\n          </span>\n        </div>\n      </div>\n\n      {/* Content Section */}\n      <div className=\"p-4\">\n        {/* Price */}\n        <div className=\"flex items-baseline justify-between gap-2\">\n          <span className=\"text-lg font-bold text-text-primary\">{priceDisplay}</span>\n          {priceType === 'sale' && <span className=\"text-xs font-medium text-text-secondary\">For Sale</span>}\n        </div>\n\n        {/* Title */}\n        <h3 className=\"mt-1 truncate text-sm font-medium text-text-primary\">{title}</h3>\n\n        {/* Location */}\n        <div className=\"mt-1.5 flex items-center gap-1 text-text-secondary\">\n          <MapPin className=\"h-3.5 w-3.5 shrink-0\" />\n          <span className=\"truncate text-xs\">{location}</span>\n        </div>\n\n        {/* Specs Row */}\n        <div className=\"mt-3 flex items-center gap-3 border-t border-border-subtle pt-3\">\n          {bedrooms != null && (\n            <div className=\"flex items-center gap-1 text-xs text-text-secondary\">\n              <Bed className=\"h-3.5 w-3.5\" />\n              <span>\n                {bedrooms} {bedrooms === 1 ? 'Bed' : 'Beds'}\n              </span>\n            </div>\n          )}\n          {bathrooms != null && (\n            <div className=\"flex items-center gap-1 text-xs text-text-secondary\">\n              <Bath className=\"h-3.5 w-3.5\" />\n              <span>\n                {bathrooms} {bathrooms === 1 ? 'Bath' : 'Baths'}\n              </span>\n            </div>\n          )}\n          <div className=\"flex items-center gap-1 text-xs text-text-secondary\">\n            <Square className=\"h-3.5 w-3.5\" />\n            <span>{formatNumber(area)} sq ft</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAyBA,IAAM,IAAmG;CACvG,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,kBAAkB;CAClB,eAAe;CACf,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,cAAc;CACd,OAAO;CACR,EAEY,KAAuC,EAClD,UACA,UACA,cACA,gBACA,aACA,aACA,cACA,SACA,aACA,WACA,SACA,YACA,cACA,kBACA,2BACI;CACJ,IAAM,IACJ,MAAc,SAAS,GAAG,EAAe,EAAM,GAAG,IAAc,IAAI,MAAgB,UAAU,EAAe,EAAM,EAE/G,IAAe,EAAiB,EAAO,aAAa,KAAK;AAE/D,QACE,kBAAC,OAAD;EACE,WAAW,EACT,0LACA,KAAW,kBACX,EACD;EACQ;YANX,CASE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,IACC,kBAAC,OAAD;KACE,KAAK;KACL,KAAK;KACL,WAAU;KACV,CAAA,GAEF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAQ,WAAU,oCAAqC,CAAA;KACnD,CAAA;IAIR,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAa,OAAO;MAAQ,SAAS;MAAc,KAAA;MAAM,CAAA;KACrD,CAAA;IACL,KACC,kBAAC,UAAD;KACE,UAAU,MAAM;AAEd,MADA,EAAE,iBAAiB,EACnB,GAAmB;;KAErB,WAAW,EACT,qHACA,IAAgB,2BAA2B,sBAC5C;KACD,cAAY,IAAgB,0BAA0B;eAEtD,kBAAC,GAAD,EAAO,WAAW,EAAG,WAAW,KAAiB,eAAe,EAAI,CAAA;KAC7D,CAAA;IAEX,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,QAAD;MAAM,WAAU;gBACb;MACI,CAAA;KACH,CAAA;IACF;MAGN,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAuC;MAAoB,CAAA,EAC1E,MAAc,UAAU,kBAAC,QAAD;MAAM,WAAU;gBAA0C;MAAe,CAAA,CAC9F;;IAGN,kBAAC,MAAD;KAAI,WAAU;eAAuD;KAAW,CAAA;IAGhF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA,EAC3C,kBAAC,QAAD;MAAM,WAAU;gBAAoB;MAAgB,CAAA,CAChD;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KAAY,QACX,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAK,WAAU,eAAgB,CAAA,EAC/B,kBAAC,QAAD,EAAA,UAAA;QACG;QAAS;QAAE,MAAa,IAAI,QAAQ;QAChC,EAAA,CAAA,CACH;;MAEP,KAAa,QACZ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAChC,kBAAC,QAAD,EAAA,UAAA;QACG;QAAU;QAAE,MAAc,IAAI,SAAS;QACnC,EAAA,CAAA,CACH;;MAER,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EAClC,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAa,EAAK,EAAC,SAAa,EAAA,CAAA,CACnC;;MACF;;IACF;KACF"}
+{"version":3,"file":"PropertyCard.js","names":[],"sources":["../../../src/housingvista/components/PropertyCard.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport { MapPin, Bed, Bath, Square, Heart } from 'lucide-react';\nimport { cn, formatCurrency, formatNumber } from '../utils/helpers';\nimport { StatusBadge } from './StatusBadge';\n\ninterface PropertyCardProps {\n  id: string;\n  title: string;\n  price: number;\n  priceType: 'sale' | 'rent';\n  pricePeriod?: string;\n  location: string;\n  bedrooms?: number;\n  bathrooms?: number;\n  area: number;\n  imageUrl?: string;\n  status: string;\n  type: string;\n  onClick?: () => void;\n  className?: string;\n  /** When provided the heart becomes a controlled shortlist toggle. */\n  isShortlisted?: boolean;\n  onToggleShortlist?: () => void;\n}\n\nconst statusVariantMap: Record<string, 'success' | 'warning' | 'error' | 'info' | 'default' | 'muted'> = {\n  available: 'success',\n  active: 'success',\n  listed: 'success',\n  pending: 'warning',\n  'under contract': 'warning',\n  'under offer': 'warning',\n  sold: 'error',\n  rented: 'error',\n  off_market: 'muted',\n  'off market': 'muted',\n  draft: 'muted',\n};\n\nexport const PropertyCard: FC<PropertyCardProps> = ({\n  title,\n  price,\n  priceType,\n  pricePeriod,\n  location,\n  bedrooms,\n  bathrooms,\n  area,\n  imageUrl,\n  status,\n  type,\n  onClick,\n  className,\n  isShortlisted,\n  onToggleShortlist,\n}) => {\n  const priceDisplay =\n    priceType === 'rent' ? `${formatCurrency(price)}${pricePeriod ? `/${pricePeriod}` : '/mo'}` : formatCurrency(price);\n\n  const badgeVariant = statusVariantMap[status.toLowerCase()] ?? 'default';\n\n  return (\n    <div\n      className={cn(\n        'group overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-elevation-1 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-elevation-2',\n        onClick && 'cursor-pointer',\n        className\n      )}\n      onClick={onClick}\n    >\n      {/* Image Section */}\n      <div className=\"relative aspect-[16/10] overflow-hidden\">\n        {imageUrl ? (\n          <img src={imageUrl} alt={title} className=\"h-full w-full object-cover\" />\n        ) : (\n          <div className=\"flex h-full w-full items-center justify-center bg-gradient-to-br from-bg-sunken to-bg-sunken/60\">\n            <Square className=\"h-10 w-10 text-text-secondary/40\" />\n          </div>\n        )}\n\n        {/* Overlays */}\n        <div className=\"absolute left-3 top-3\">\n          <StatusBadge label={status} variant={badgeVariant} dot />\n        </div>\n        {onToggleShortlist && (\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              onToggleShortlist();\n            }}\n            className={cn(\n              'absolute right-3 top-3 rounded-full bg-bg-surface/80 p-1.5 backdrop-blur-sm transition-colors hover:bg-bg-surface',\n              isShortlisted ? 'text-status-error-text' : 'text-text-secondary'\n            )}\n            aria-label={isShortlisted ? 'Remove from shortlist' : 'Save to shortlist'}\n          >\n            <Heart className={cn('h-4 w-4', isShortlisted && 'fill-current')} />\n          </button>\n        )}\n        <div className=\"absolute bottom-3 left-3\">\n          <span className=\"rounded-md bg-bg-surface/80 px-2 py-1 text-xs font-medium text-text-primary backdrop-blur-sm\">\n            {type}\n          </span>\n        </div>\n      </div>\n\n      {/* Content Section */}\n      <div className=\"p-4\">\n        {/* Price */}\n        <div className=\"flex items-baseline justify-between gap-2\">\n          <span className=\"text-lg font-bold text-text-primary\">{priceDisplay}</span>\n          {priceType === 'sale' && <span className=\"text-xs font-medium text-text-secondary\">For Sale</span>}\n        </div>\n\n        {/* Title */}\n        <h3 className=\"mt-1 truncate text-sm font-medium text-text-primary\">{title}</h3>\n\n        {/* Location */}\n        <div className=\"mt-1.5 flex items-center gap-1 text-text-secondary\">\n          <MapPin className=\"h-3.5 w-3.5 shrink-0\" />\n          <span className=\"truncate text-xs\">{location}</span>\n        </div>\n\n        {/* Specs Row */}\n        <div className=\"mt-3 flex items-center gap-3 border-t border-border-subtle pt-3\">\n          {bedrooms != null && (\n            <div className=\"flex items-center gap-1 text-xs text-text-secondary\">\n              <Bed className=\"h-3.5 w-3.5\" />\n              <span>\n                {bedrooms} {bedrooms === 1 ? 'Bed' : 'Beds'}\n              </span>\n            </div>\n          )}\n          {bathrooms != null && (\n            <div className=\"flex items-center gap-1 text-xs text-text-secondary\">\n              <Bath className=\"h-3.5 w-3.5\" />\n              <span>\n                {bathrooms} {bathrooms === 1 ? 'Bath' : 'Baths'}\n              </span>\n            </div>\n          )}\n          <div className=\"flex items-center gap-1 text-xs text-text-secondary\">\n            <Square className=\"h-3.5 w-3.5\" />\n            <span>{formatNumber(area)} sq ft</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAyBA,IAAM,IAAmG;CACvG,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,kBAAkB;CAClB,eAAe;CACf,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,cAAc;CACd,OAAO;CACR,EAEY,KAAuC,EAClD,UACA,UACA,cACA,gBACA,aACA,aACA,cACA,SACA,aACA,WACA,SACA,YACA,cACA,kBACA,2BACI;CACJ,IAAM,IACJ,MAAc,SAAS,GAAG,EAAe,EAAM,GAAG,IAAc,IAAI,MAAgB,UAAU,EAAe,EAAM,EAE/G,IAAe,EAAiB,EAAO,aAAa,KAAK;AAE/D,QACE,kBAAC,OAAD;EACE,WAAW,EACT,0LACA,KAAW,kBACX,EACD;EACQ;YANX,CASE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,IACC,kBAAC,OAAD;KAAK,KAAK;KAAU,KAAK;KAAO,WAAU;KAA+B,CAAA,GAEzE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAQ,WAAU,oCAAqC,CAAA;KACnD,CAAA;IAIR,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAa,OAAO;MAAQ,SAAS;MAAc,KAAA;MAAM,CAAA;KACrD,CAAA;IACL,KACC,kBAAC,UAAD;KACE,UAAU,MAAM;AAEd,MADA,EAAE,iBAAiB,EACnB,GAAmB;;KAErB,WAAW,EACT,qHACA,IAAgB,2BAA2B,sBAC5C;KACD,cAAY,IAAgB,0BAA0B;eAEtD,kBAAC,GAAD,EAAO,WAAW,EAAG,WAAW,KAAiB,eAAe,EAAI,CAAA;KAC7D,CAAA;IAEX,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,QAAD;MAAM,WAAU;gBACb;MACI,CAAA;KACH,CAAA;IACF;MAGN,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAuC;MAAoB,CAAA,EAC1E,MAAc,UAAU,kBAAC,QAAD;MAAM,WAAU;gBAA0C;MAAe,CAAA,CAC9F;;IAGN,kBAAC,MAAD;KAAI,WAAU;eAAuD;KAAW,CAAA;IAGhF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA,EAC3C,kBAAC,QAAD;MAAM,WAAU;gBAAoB;MAAgB,CAAA,CAChD;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KAAY,QACX,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAK,WAAU,eAAgB,CAAA,EAC/B,kBAAC,QAAD,EAAA,UAAA;QACG;QAAS;QAAE,MAAa,IAAI,QAAQ;QAChC,EAAA,CAAA,CACH;;MAEP,KAAa,QACZ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAChC,kBAAC,QAAD,EAAA,UAAA;QACG;QAAU;QAAE,MAAc,IAAI,SAAS;QACnC,EAAA,CAAA,CACH;;MAER,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EAClC,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAa,EAAK,EAAC,SAAa,EAAA,CAAA,CACnC;;MACF;;IACF;KACF"}