@burdenoff/microfe-housingvista 2026.626.2 → 2026.703.2

package/dist/housingvista/components/ErrorBoundary.js

@@ -26,9 +26,9 @@ var a = class extends e {
 	};
 	render() {
 		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ i("div", {
-			className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-12 text-center dark:border-red-800 dark:bg-red-900/10",
+			className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-status-error-border bg-status-error-bg-subtle p-12 text-center",
 			children: [
-				/* @__PURE__ */ r(t, { className: "mb-4 h-12 w-12 text-red-500" }),
+				/* @__PURE__ */ r(t, { className: "mb-4 h-12 w-12 text-status-error" }),
 				/* @__PURE__ */ r("h3", {
 					className: "text-lg font-medium text-text-primary",
 					children: "Something went wrong"
@@ -39,7 +39,7 @@ var a = class extends e {
 				}),
 				/* @__PURE__ */ i("button", {
 					onClick: this.handleReset,
-					className: "mt-4 flex items-center gap-1.5 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90",
+					className: "mt-4 flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover",
 					children: [/* @__PURE__ */ r(n, { className: "h-4 w-4" }), " Try Again"]
 				})
 			]

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","names":[],"sources":["../../../src/housingvista/components/ErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode, type ErrorInfo } from 'react';\nimport { AlertTriangle, RefreshCw } from 'lucide-react';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error('[HousingVista ErrorBoundary]', error, errorInfo);\n  }\n\n  handleReset = () => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render() {\n    if (this.state.hasError) {\n      if (this.props.fallback) return this.props.fallback;\n\n      return (\n        <div className=\"flex flex-col items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-12 text-center dark:border-red-800 dark:bg-red-900/10\">\n          <AlertTriangle className=\"mb-4 h-12 w-12 text-red-500\" />\n          <h3 className=\"text-lg font-medium text-text-primary\">Something went wrong</h3>\n          <p className=\"mt-1 max-w-md text-sm text-text-secondary\">\n            {this.state.error?.message ?? 'An unexpected error occurred while rendering this section.'}\n          </p>\n          <button\n            onClick={this.handleReset}\n            className=\"mt-4 flex items-center gap-1.5 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90\"\n          >\n            <RefreshCw className=\"h-4 w-4\" /> Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;AAaA,IAAa,IAAb,cAAmC,EAAkD;CACnF,YAAY,GAA2B;AAErC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG/C,OAAO,yBAAyB,GAAkC;AAChE,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAAsB;AACpD,UAAQ,MAAM,gCAAgC,GAAO,EAAU;;CAGjE,oBAAoB;AAClB,OAAK,SAAS;GAAE,UAAU;GAAO,OAAO;GAAM,CAAC;;CAGjD,SAAS;AAqBP,SApBI,KAAK,MAAM,WACT,KAAK,MAAM,WAAiB,KAAK,MAAM,WAGzC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAe,WAAU,+BAAgC,CAAA;IACzD,kBAAC,MAAD;KAAI,WAAU;eAAwC;KAAyB,CAAA;IAC/E,kBAAC,KAAD;KAAG,WAAU;eACV,KAAK,MAAM,OAAO,WAAW;KAC5B,CAAA;IACJ,kBAAC,UAAD;KACE,SAAS,KAAK;KACd,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,aAC1B;;IACL;OAIH,KAAK,MAAM"}
+{"version":3,"file":"ErrorBoundary.js","names":[],"sources":["../../../src/housingvista/components/ErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode, type ErrorInfo } from 'react';\nimport { AlertTriangle, RefreshCw } from 'lucide-react';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error('[HousingVista ErrorBoundary]', error, errorInfo);\n  }\n\n  handleReset = () => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render() {\n    if (this.state.hasError) {\n      if (this.props.fallback) return this.props.fallback;\n\n      return (\n        <div className=\"flex flex-col items-center justify-center rounded-lg border border-dashed border-status-error-border bg-status-error-bg-subtle p-12 text-center\">\n          <AlertTriangle className=\"mb-4 h-12 w-12 text-status-error\" />\n          <h3 className=\"text-lg font-medium text-text-primary\">Something went wrong</h3>\n          <p className=\"mt-1 max-w-md text-sm text-text-secondary\">\n            {this.state.error?.message ?? 'An unexpected error occurred while rendering this section.'}\n          </p>\n          <button\n            onClick={this.handleReset}\n            className=\"mt-4 flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover\"\n          >\n            <RefreshCw className=\"h-4 w-4\" /> Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;AAaA,IAAa,IAAb,cAAmC,EAAkD;CACnF,YAAY,GAA2B;AAErC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG/C,OAAO,yBAAyB,GAAkC;AAChE,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAAsB;AACpD,UAAQ,MAAM,gCAAgC,GAAO,EAAU;;CAGjE,oBAAoB;AAClB,OAAK,SAAS;GAAE,UAAU;GAAO,OAAO;GAAM,CAAC;;CAGjD,SAAS;AAqBP,SApBI,KAAK,MAAM,WACT,KAAK,MAAM,WAAiB,KAAK,MAAM,WAGzC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAe,WAAU,oCAAqC,CAAA;IAC9D,kBAAC,MAAD;KAAI,WAAU;eAAwC;KAAyB,CAAA;IAC/E,kBAAC,KAAD;KAAG,WAAU;eACV,KAAK,MAAM,OAAO,WAAW;KAC5B,CAAA;IACJ,kBAAC,UAAD;KACE,SAAS,KAAK;KACd,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,aAC1B;;IACL;OAIH,KAAK,MAAM"}

package/dist/housingvista/components/LoadingSkeleton.js

@@ -1 +1,76 @@
-import "react/jsx-runtime";
+import { cn as e } from "../utils/helpers.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/housingvista/components/LoadingSkeleton.tsx
+var r = ({ className: n }) => /* @__PURE__ */ t("div", { className: e("motion-safe:animate-vc-shimmer rounded-md bg-bg-sunken", n) }), i = ({ variant: i = "card", count: a = 3, className: o }) => i === "table" ? /* @__PURE__ */ t("div", {
+	className: e("space-y-3", o),
+	children: /* @__PURE__ */ n("div", {
+		className: "overflow-hidden rounded-lg border border-border-subtle",
+		children: [/* @__PURE__ */ t("div", {
+			className: "border-b border-border-subtle bg-bg-sunken/50 px-4 py-3",
+			children: /* @__PURE__ */ t("div", {
+				className: "flex gap-4",
+				children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ t(r, { className: "h-4 w-20" }, n))
+			})
+		}), Array.from({ length: a }).map((e, n) => /* @__PURE__ */ t("div", {
+			className: "flex gap-4 border-b border-border-subtle px-4 py-3 last:border-b-0",
+			children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ t(r, { className: "h-4 w-20" }, n))
+		}, n))]
+	})
+}) : i === "list" ? /* @__PURE__ */ t("div", {
+	className: e("space-y-2", o),
+	children: Array.from({ length: a }).map((e, i) => /* @__PURE__ */ n("div", {
+		className: "flex items-center gap-3 rounded-lg border border-border-subtle p-4",
+		children: [
+			/* @__PURE__ */ t(r, { className: "h-10 w-10 rounded-full" }),
+			/* @__PURE__ */ n("div", {
+				className: "flex-1 space-y-2",
+				children: [/* @__PURE__ */ t(r, { className: "h-4 w-1/3" }), /* @__PURE__ */ t(r, { className: "h-3 w-2/3" })]
+			}),
+			/* @__PURE__ */ t(r, { className: "h-6 w-16 rounded-full" })
+		]
+	}, i))
+}) : i === "detail" ? /* @__PURE__ */ n("div", {
+	className: e("space-y-6", o),
+	children: [
+		/* @__PURE__ */ n("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ t(r, { className: "h-8 w-1/3" }), /* @__PURE__ */ t(r, { className: "h-4 w-1/2" })]
+		}),
+		/* @__PURE__ */ t("div", {
+			className: "grid gap-4 sm:grid-cols-3",
+			children: Array.from({ length: 3 }).map((e, i) => /* @__PURE__ */ n("div", {
+				className: "rounded-lg border border-border-subtle p-4",
+				children: [/* @__PURE__ */ t(r, { className: "h-3 w-20" }), /* @__PURE__ */ t(r, { className: "mt-2 h-7 w-16" })]
+			}, i))
+		}),
+		/* @__PURE__ */ n("div", {
+			className: "rounded-lg border border-border-subtle p-6",
+			children: [/* @__PURE__ */ t(r, { className: "h-5 w-1/4" }), /* @__PURE__ */ n("div", {
+				className: "mt-4 space-y-3",
+				children: [
+					/* @__PURE__ */ t(r, { className: "h-4 w-full" }),
+					/* @__PURE__ */ t(r, { className: "h-4 w-5/6" }),
+					/* @__PURE__ */ t(r, { className: "h-4 w-4/6" })
+				]
+			})]
+		})
+	]
+}) : /* @__PURE__ */ t("div", {
+	className: e("grid gap-4 sm:grid-cols-2 lg:grid-cols-3", o),
+	children: Array.from({ length: a }).map((e, i) => /* @__PURE__ */ n("div", {
+		className: "rounded-lg border border-border-subtle p-4",
+		children: [
+			/* @__PURE__ */ t(r, { className: "h-4 w-2/3" }),
+			/* @__PURE__ */ t(r, { className: "mt-2 h-3 w-1/2" }),
+			/* @__PURE__ */ t(r, { className: "mt-4 h-8 w-24" }),
+			/* @__PURE__ */ n("div", {
+				className: "mt-3 flex justify-between",
+				children: [/* @__PURE__ */ t(r, { className: "h-5 w-16 rounded-full" }), /* @__PURE__ */ t(r, { className: "h-7 w-14 rounded-md" })]
+			})
+		]
+	}, i))
+});
+//#endregion
+export { i as LoadingSkeleton };
+
+//# sourceMappingURL=LoadingSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSkeleton.js","names":[],"sources":["../../../src/housingvista/components/LoadingSkeleton.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { cn } from '../utils/helpers';\n\ninterface SkeletonProps {\n  className?: string;\n}\n\nconst Skeleton: FC<SkeletonProps> = ({ className }) => (\n  <div className={cn('motion-safe:animate-vc-shimmer rounded-md bg-bg-sunken', className)} />\n);\n\ninterface LoadingSkeletonProps {\n  variant?: 'card' | 'table' | 'list' | 'detail';\n  count?: number;\n  className?: string;\n}\n\nexport const LoadingSkeleton: FC<LoadingSkeletonProps> = ({ variant = 'card', count = 3, className }) => {\n  if (variant === 'table') {\n    return (\n      <div className={cn('space-y-3', className)}>\n        <div className=\"overflow-hidden rounded-lg border border-border-subtle\">\n          <div className=\"border-b border-border-subtle bg-bg-sunken/50 px-4 py-3\">\n            <div className=\"flex gap-4\">\n              {Array.from({ length: 5 }).map((_, i) => (\n                <Skeleton key={i} className=\"h-4 w-20\" />\n              ))}\n            </div>\n          </div>\n          {Array.from({ length: count }).map((_, i) => (\n            <div key={i} className=\"flex gap-4 border-b border-border-subtle px-4 py-3 last:border-b-0\">\n              {Array.from({ length: 5 }).map((_, j) => (\n                <Skeleton key={j} className=\"h-4 w-20\" />\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (variant === 'list') {\n    return (\n      <div className={cn('space-y-2', className)}>\n        {Array.from({ length: count }).map((_, i) => (\n          <div key={i} className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-4\">\n            <Skeleton className=\"h-10 w-10 rounded-full\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-4 w-1/3\" />\n              <Skeleton className=\"h-3 w-2/3\" />\n            </div>\n            <Skeleton className=\"h-6 w-16 rounded-full\" />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  if (variant === 'detail') {\n    return (\n      <div className={cn('space-y-6', className)}>\n        <div className=\"space-y-2\">\n          <Skeleton className=\"h-8 w-1/3\" />\n          <Skeleton className=\"h-4 w-1/2\" />\n        </div>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div key={i} className=\"rounded-lg border border-border-subtle p-4\">\n              <Skeleton className=\"h-3 w-20\" />\n              <Skeleton className=\"mt-2 h-7 w-16\" />\n            </div>\n          ))}\n        </div>\n        <div className=\"rounded-lg border border-border-subtle p-6\">\n          <Skeleton className=\"h-5 w-1/4\" />\n          <div className=\"mt-4 space-y-3\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-5/6\" />\n            <Skeleton className=\"h-4 w-4/6\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Default: card grid\n  return (\n    <div className={cn('grid gap-4 sm:grid-cols-2 lg:grid-cols-3', className)}>\n      {Array.from({ length: count }).map((_, i) => (\n        <div key={i} className=\"rounded-lg border border-border-subtle p-4\">\n          <Skeleton className=\"h-4 w-2/3\" />\n          <Skeleton className=\"mt-2 h-3 w-1/2\" />\n          <Skeleton className=\"mt-4 h-8 w-24\" />\n          <div className=\"mt-3 flex justify-between\">\n            <Skeleton className=\"h-5 w-16 rounded-full\" />\n            <Skeleton className=\"h-7 w-14 rounded-md\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;AAOA,IAAM,KAA+B,EAAE,mBACrC,kBAAC,OAAD,EAAK,WAAW,EAAG,0DAA0D,EAAU,EAAI,CAAA,EAShF,KAA6C,EAAE,aAAU,QAAQ,WAAQ,GAAG,mBACnF,MAAY,UAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WACxC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAkB,WAAU,YAAa,EAA1B,EAA0B,CACzC;IACE,CAAA;GACF,CAAA,EACL,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;GAAa,WAAU;aACpB,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAkB,WAAU,YAAa,EAA1B,EAA0B,CACzC;GACE,EAJI,EAIJ,CACN,CACE;;CACF,CAAA,GAIN,MAAY,SAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WACvC,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;EAAa,WAAU;YAAvB;GACE,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA;GAC/C,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;;GACN,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;GAC1C;IAPI,EAOJ,CACN;CACE,CAAA,GAIN,MAAY,WAEZ,kBAAC,OAAD;CAAK,WAAW,EAAG,aAAa,EAAU;WAA1C;EACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;;EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA,EACjC,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA,CAClC;MAHI,EAGJ,CACN;GACE,CAAA;EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA;KACnC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;KAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;KAC9B;MACF;;EACF;KAMR,kBAAC,OAAD;CAAK,WAAW,EAAG,4CAA4C,EAAU;WACtE,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;EAAa,WAAU;YAAvB;GACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,kBAAmB,CAAA;GACvC,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA;GACtC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA,EAC9C,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA,CACxC;;GACF;IARI,EAQJ,CACN;CACE,CAAA"}

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

@@ -1,10 +1,9 @@
 import { cn as e, formatCurrency as t, formatNumber as n } from "../utils/helpers.js";
 import { StatusBadge as r } from "./StatusBadge.js";
-import { useState as i } from "react";
-import { Bath as a, Bed as o, Heart as s, MapPin as c, Square as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Bath as i, Bed as a, Heart as o, MapPin as s, Square as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/housingvista/components/PropertyCard.tsx
-var f = {
+var d = {
 	available: "success",
 	active: "success",
 	listed: "success",
@@ -16,92 +15,92 @@ var f = {
 	off_market: "muted",
 	"off market": "muted",
 	draft: "muted"
-}, p = ({ id: p, title: m, price: h, priceType: g, pricePeriod: _, location: v, bedrooms: y, bathrooms: b, area: x, imageUrl: S, status: C, type: w, onClick: T, className: E }) => {
-	let [D, O] = i(!1), k = g === "rent" ? `${t(h)}${_ ? `/${_}` : "/mo"}` : t(h), A = f[C.toLowerCase()] ?? "default";
-	return /* @__PURE__ */ d("div", {
-		className: e("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", T && "cursor-pointer", E),
-		onClick: T,
-		children: [/* @__PURE__ */ d("div", {
+}, f = ({ title: f, price: p, priceType: m, pricePeriod: h, location: g, bedrooms: _, bathrooms: v, area: y, imageUrl: b, status: x, type: S, onClick: C, className: w, isShortlisted: T, onToggleShortlist: E }) => {
+	let D = m === "rent" ? `${t(p)}${h ? `/${h}` : "/mo"}` : t(p), O = d[x.toLowerCase()] ?? "default";
+	return /* @__PURE__ */ u("div", {
+		className: e("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", C && "cursor-pointer", w),
+		onClick: C,
+		children: [/* @__PURE__ */ u("div", {
 			className: "relative aspect-[16/10] overflow-hidden",
 			children: [
-				S ? /* @__PURE__ */ u("img", {
-					src: S,
-					alt: m,
+				b ? /* @__PURE__ */ l("img", {
+					src: b,
+					alt: f,
 					className: "h-full w-full object-cover"
-				}) : /* @__PURE__ */ u("div", {
-					className: "flex h-full w-full items-center justify-center bg-gradient-to-br from-muted to-muted/60",
-					children: /* @__PURE__ */ u(l, { className: "h-10 w-10 text-text-secondary/40" })
+				}) : /* @__PURE__ */ l("div", {
+					className: "flex h-full w-full items-center justify-center bg-gradient-to-br from-bg-sunken to-bg-sunken/60",
+					children: /* @__PURE__ */ l(c, { className: "h-10 w-10 text-text-secondary/40" })
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ l("div", {
 					className: "absolute left-3 top-3",
-					children: /* @__PURE__ */ u(r, {
-						label: C,
-						variant: A,
+					children: /* @__PURE__ */ l(r, {
+						label: x,
+						variant: O,
 						dot: !0
 					})
 				}),
-				/* @__PURE__ */ u("button", {
+				E && /* @__PURE__ */ l("button", {
 					onClick: (e) => {
-						e.stopPropagation(), O((e) => !e);
+						e.stopPropagation(), E();
 					},
-					className: e("absolute right-3 top-3 rounded-full bg-bg-surface/80 p-1.5 backdrop-blur-sm transition-colors hover:bg-bg-surface", D ? "text-red-500" : "text-text-secondary"),
-					"aria-label": D ? "Remove from favorites" : "Add to favorites",
-					children: /* @__PURE__ */ u(s, { className: e("h-4 w-4", D && "fill-current") })
+					className: e("absolute right-3 top-3 rounded-full bg-bg-surface/80 p-1.5 backdrop-blur-sm transition-colors hover:bg-bg-surface", T ? "text-status-error-text" : "text-text-secondary"),
+					"aria-label": T ? "Remove from shortlist" : "Save to shortlist",
+					children: /* @__PURE__ */ l(o, { className: e("h-4 w-4", T && "fill-current") })
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ l("div", {
 					className: "absolute bottom-3 left-3",
-					children: /* @__PURE__ */ u("span", {
+					children: /* @__PURE__ */ l("span", {
 						className: "rounded-md bg-bg-surface/80 px-2 py-1 text-xs font-medium text-text-primary backdrop-blur-sm",
-						children: w
+						children: S
 					})
 				})
 			]
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ u("div", {
 			className: "p-4",
 			children: [
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ u("div", {
 					className: "flex items-baseline justify-between gap-2",
-					children: [/* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ l("span", {
 						className: "text-lg font-bold text-text-primary",
-						children: k
-					}), g === "sale" && /* @__PURE__ */ u("span", {
+						children: D
+					}), m === "sale" && /* @__PURE__ */ l("span", {
 						className: "text-xs font-medium text-text-secondary",
 						children: "For Sale"
 					})]
 				}),
-				/* @__PURE__ */ u("h3", {
+				/* @__PURE__ */ l("h3", {
 					className: "mt-1 truncate text-sm font-medium text-text-primary",
-					children: m
+					children: f
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ u("div", {
 					className: "mt-1.5 flex items-center gap-1 text-text-secondary",
-					children: [/* @__PURE__ */ u(c, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ l(s, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ l("span", {
 						className: "truncate text-xs",
-						children: v
+						children: g
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ u("div", {
 					className: "mt-3 flex items-center gap-3 border-t border-border-subtle pt-3",
 					children: [
-						y != null && /* @__PURE__ */ d("div", {
+						_ != null && /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-1 text-xs text-text-secondary",
-							children: [/* @__PURE__ */ u(o, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ d("span", { children: [
-								y,
+							children: [/* @__PURE__ */ l(a, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: [
+								_,
 								" ",
-								y === 1 ? "Bed" : "Beds"
+								_ === 1 ? "Bed" : "Beds"
 							] })]
 						}),
-						b != null && /* @__PURE__ */ d("div", {
+						v != null && /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-1 text-xs text-text-secondary",
-							children: [/* @__PURE__ */ u(a, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ d("span", { children: [
-								b,
+							children: [/* @__PURE__ */ l(i, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: [
+								v,
 								" ",
-								b === 1 ? "Bath" : "Baths"
+								v === 1 ? "Bath" : "Baths"
 							] })]
 						}),
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex items-center gap-1 text-xs text-text-secondary",
-							children: [/* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ d("span", { children: [n(x), " sq ft"] })]
+							children: [/* @__PURE__ */ l(c, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: [n(y), " sq ft"] })]
 						})
 					]
 				})
@@ -110,6 +109,6 @@ var f = {
 	});
 };
 //#endregion
-export { p as PropertyCard };
+export { f as PropertyCard };
 
 //# sourceMappingURL=PropertyCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyCard.js","names":[],"sources":["../../../src/housingvista/components/PropertyCard.tsx"],"sourcesContent":["import { useState, 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}\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  id,\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}) => {\n  const [isFavorited, setIsFavorited] = useState(false);\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-muted to-muted/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        <button\n          onClick={(e) => {\n            e.stopPropagation();\n            setIsFavorited((prev) => !prev);\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            isFavorited ? 'text-red-500' : 'text-text-secondary'\n          )}\n          aria-label={isFavorited ? 'Remove from favorites' : 'Add to favorites'}\n        >\n          <Heart className={cn('h-4 w-4', isFavorited && 'fill-current')} />\n        </button>\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":";;;;;;AAsBA,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,OACA,UACA,UACA,cACA,gBACA,aACA,aACA,cACA,SACA,aACA,WACA,SACA,YACA,mBACI;CACJ,IAAM,CAAC,GAAa,KAAkB,EAAS,GAAM,EAE/C,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;IACN,kBAAC,UAAD;KACE,UAAU,MAAM;AAEd,MADA,EAAE,iBAAiB,EACnB,GAAgB,MAAS,CAAC,EAAK;;KAEjC,WAAW,EACT,qHACA,IAAc,iBAAiB,sBAChC;KACD,cAAY,IAAc,0BAA0B;eAEpD,kBAAC,GAAD,EAAO,WAAW,EAAG,WAAW,KAAe,eAAe,EAAI,CAAA;KAC3D,CAAA;IACT,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"}

package/dist/housingvista/components/StatCard.js

@@ -30,11 +30,11 @@ var l = ({ label: l, value: u, previousValue: d, unit: f, prefix: p, icon: m, tr
 			y !== 0 && /* @__PURE__ */ s("div", {
 				className: "mt-2 flex items-center gap-1 text-xs",
 				children: [
-					b === "up" && /* @__PURE__ */ o(a, { className: "h-3 w-3 text-emerald-600 dark:text-emerald-400" }),
-					b === "down" && /* @__PURE__ */ o(i, { className: "h-3 w-3 text-red-600 dark:text-red-400" }),
+					b === "up" && /* @__PURE__ */ o(a, { className: "h-3 w-3 text-status-success-text" }),
+					b === "down" && /* @__PURE__ */ o(i, { className: "h-3 w-3 text-status-error-text" }),
 					b === "stable" && /* @__PURE__ */ o(r, { className: "h-3 w-3 text-text-secondary" }),
 					/* @__PURE__ */ s("span", {
-						className: e("font-medium tabular-nums", b === "up" && "text-emerald-600 dark:text-emerald-400", b === "down" && "text-red-600 dark:text-red-400", b === "stable" && "text-text-secondary"),
+						className: e("font-medium tabular-nums", b === "up" && "text-status-success-text", b === "down" && "text-status-error-text", b === "stable" && "text-text-secondary"),
 						children: [
 							y > 0 ? "+" : "",
 							y,

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

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/housingvista/components/StatCard.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\nimport { formatNumber, formatCurrency } from '../utils/helpers';\n\ninterface StatCardProps {\n  label: string;\n  value: number | string;\n  previousValue?: number;\n  unit?: string;\n  prefix?: string;\n  icon?: ReactNode;\n  trend?: 'up' | 'down' | 'stable';\n  change?: number;\n  className?: string;\n  /** Render the featured hero metric with a glass treatment + accent glow. */\n  featured?: boolean;\n}\n\nexport const StatCard: FC<StatCardProps> = ({\n  label,\n  value,\n  previousValue,\n  unit,\n  prefix,\n  icon,\n  trend,\n  change,\n  className,\n  featured = false,\n}) => {\n  const numericValue = typeof value === 'number' ? value : 0;\n  const computedChange =\n    change ?? (previousValue ? Math.round(((numericValue - previousValue) / previousValue) * 100) : 0);\n  const computedTrend = trend ?? (computedChange > 0 ? 'up' : computedChange < 0 ? 'down' : 'stable');\n\n  const displayValue =\n    typeof value === 'string'\n      ? value\n      : prefix === '$'\n        ? formatCurrency(value)\n        : `${formatNumber(value)}${unit ? ` ${unit}` : ''}`;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('border-border-seam p-4', className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n        {icon && <span className=\"text-text-secondary\">{icon}</span>}\n      </div>\n      <div className=\"mt-2 flex items-baseline gap-2\">\n        <span className=\"text-2xl font-bold tabular-nums text-text-primary\">{displayValue}</span>\n      </div>\n      {computedChange !== 0 && (\n        <div className=\"mt-2 flex items-center gap-1 text-xs\">\n          {computedTrend === 'up' && <TrendingUp className=\"h-3 w-3 text-emerald-600 dark:text-emerald-400\" />}\n          {computedTrend === 'down' && <TrendingDown className=\"h-3 w-3 text-red-600 dark:text-red-400\" />}\n          {computedTrend === 'stable' && <Minus className=\"h-3 w-3 text-text-secondary\" />}\n          <span\n            className={cn(\n              'font-medium tabular-nums',\n              computedTrend === 'up' && 'text-emerald-600 dark:text-emerald-400',\n              computedTrend === 'down' && 'text-red-600 dark:text-red-400',\n              computedTrend === 'stable' && 'text-text-secondary'\n            )}\n          >\n            {computedChange > 0 ? '+' : ''}\n            {computedChange}%\n          </span>\n          <span className=\"text-text-secondary\">vs last period</span>\n        </div>\n      )}\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAa,KAA+B,EAC1C,UACA,UACA,kBACA,SACA,WACA,SACA,UACA,WACA,cACA,cAAW,SACP;CAEJ,IAAM,IACJ,MAAW,IAAgB,KAAK,QAFb,OAAO,KAAU,WAAW,IAAQ,KAEA,KAAiB,IAAiB,IAAI,GAAG,IAC5F,IAAgB,MAAU,IAAiB,IAAI,OAAO,IAAiB,IAAI,SAAS,WAEpF,IACJ,OAAO,KAAU,WACb,IACA,MAAW,MACT,EAAe,EAAM,GACrB,GAAG,EAAa,EAAM,GAAG,IAAO,IAAI,MAAS;AAErD,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,0BAA0B,EAAU;YAHpD;GAKE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAA2C;KAAa,CAAA,EACvE,KAAQ,kBAAC,QAAD;KAAM,WAAU;eAAuB;KAAY,CAAA,CACxD;;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD;KAAM,WAAU;eAAqD;KAAoB,CAAA;IACrF,CAAA;GACL,MAAmB,KAClB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,MAAkB,QAAQ,kBAAC,GAAD,EAAY,WAAU,kDAAmD,CAAA;KACnG,MAAkB,UAAU,kBAAC,GAAD,EAAc,WAAU,0CAA2C,CAAA;KAC/F,MAAkB,YAAY,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA;KAChF,kBAAC,QAAD;MACE,WAAW,EACT,4BACA,MAAkB,QAAQ,0CAC1B,MAAkB,UAAU,kCAC5B,MAAkB,YAAY,sBAC/B;gBANH;OAQG,IAAiB,IAAI,MAAM;OAC3B;OAAe;OACX;;KACP,kBAAC,QAAD;MAAM,WAAU;gBAAsB;MAAqB,CAAA;KACvD;;GAEE"}
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/housingvista/components/StatCard.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/helpers';\nimport { formatNumber, formatCurrency } from '../utils/helpers';\n\ninterface StatCardProps {\n  label: string;\n  value: number | string;\n  previousValue?: number;\n  unit?: string;\n  prefix?: string;\n  icon?: ReactNode;\n  trend?: 'up' | 'down' | 'stable';\n  change?: number;\n  className?: string;\n  /** Render the featured hero metric with a glass treatment + accent glow. */\n  featured?: boolean;\n}\n\nexport const StatCard: FC<StatCardProps> = ({\n  label,\n  value,\n  previousValue,\n  unit,\n  prefix,\n  icon,\n  trend,\n  change,\n  className,\n  featured = false,\n}) => {\n  const numericValue = typeof value === 'number' ? value : 0;\n  const computedChange =\n    change ?? (previousValue ? Math.round(((numericValue - previousValue) / previousValue) * 100) : 0);\n  const computedTrend = trend ?? (computedChange > 0 ? 'up' : computedChange < 0 ? 'down' : 'stable');\n\n  const displayValue =\n    typeof value === 'string'\n      ? value\n      : prefix === '$'\n        ? formatCurrency(value)\n        : `${formatNumber(value)}${unit ? ` ${unit}` : ''}`;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('border-border-seam p-4', className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n        {icon && <span className=\"text-text-secondary\">{icon}</span>}\n      </div>\n      <div className=\"mt-2 flex items-baseline gap-2\">\n        <span className=\"text-2xl font-bold tabular-nums text-text-primary\">{displayValue}</span>\n      </div>\n      {computedChange !== 0 && (\n        <div className=\"mt-2 flex items-center gap-1 text-xs\">\n          {computedTrend === 'up' && <TrendingUp className=\"h-3 w-3 text-status-success-text\" />}\n          {computedTrend === 'down' && <TrendingDown className=\"h-3 w-3 text-status-error-text\" />}\n          {computedTrend === 'stable' && <Minus className=\"h-3 w-3 text-text-secondary\" />}\n          <span\n            className={cn(\n              'font-medium tabular-nums',\n              computedTrend === 'up' && 'text-status-success-text',\n              computedTrend === 'down' && 'text-status-error-text',\n              computedTrend === 'stable' && 'text-text-secondary'\n            )}\n          >\n            {computedChange > 0 ? '+' : ''}\n            {computedChange}%\n          </span>\n          <span className=\"text-text-secondary\">vs last period</span>\n        </div>\n      )}\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAa,KAA+B,EAC1C,UACA,UACA,kBACA,SACA,WACA,SACA,UACA,WACA,cACA,cAAW,SACP;CAEJ,IAAM,IACJ,MAAW,IAAgB,KAAK,QAFb,OAAO,KAAU,WAAW,IAAQ,KAEA,KAAiB,IAAiB,IAAI,GAAG,IAC5F,IAAgB,MAAU,IAAiB,IAAI,OAAO,IAAiB,IAAI,SAAS,WAEpF,IACJ,OAAO,KAAU,WACb,IACA,MAAW,MACT,EAAe,EAAM,GACrB,GAAG,EAAa,EAAM,GAAG,IAAO,IAAI,MAAS;AAErD,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,0BAA0B,EAAU;YAHpD;GAKE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAA2C;KAAa,CAAA,EACvE,KAAQ,kBAAC,QAAD;KAAM,WAAU;eAAuB;KAAY,CAAA,CACxD;;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD;KAAM,WAAU;eAAqD;KAAoB,CAAA;IACrF,CAAA;GACL,MAAmB,KAClB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,MAAkB,QAAQ,kBAAC,GAAD,EAAY,WAAU,oCAAqC,CAAA;KACrF,MAAkB,UAAU,kBAAC,GAAD,EAAc,WAAU,kCAAmC,CAAA;KACvF,MAAkB,YAAY,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA;KAChF,kBAAC,QAAD;MACE,WAAW,EACT,4BACA,MAAkB,QAAQ,4BAC1B,MAAkB,UAAU,0BAC5B,MAAkB,YAAY,sBAC/B;gBANH;OAQG,IAAiB,IAAI,MAAM;OAC3B;OAAe;OACX;;KACP,kBAAC,QAAD;MAAM,WAAU;gBAAsB;MAAqB,CAAA;KACvD;;GAEE"}

package/dist/housingvista/components/StatusBadge.js

@@ -2,17 +2,17 @@ import { cn as e } from "../utils/helpers.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/housingvista/components/StatusBadge.tsx
 var r = {
-	success: "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400",
-	warning: "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400",
-	error: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
-	info: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	error: "bg-status-error-bg-subtle text-status-error-text",
+	info: "bg-status-info-bg-subtle text-status-info-text",
 	default: "bg-action-primary-bg/10 text-primary",
 	muted: "bg-bg-sunken text-text-secondary"
 }, i = {
-	success: "bg-emerald-500",
-	warning: "bg-amber-500",
-	error: "bg-red-500",
-	info: "bg-blue-500",
+	success: "bg-status-success",
+	warning: "bg-status-warning",
+	error: "bg-status-error",
+	info: "bg-status-info",
 	default: "bg-action-primary-bg",
 	muted: "bg-muted-foreground"
 }, a = ({ label: a, variant: o = "default", dot: s = !1, className: c }) => /* @__PURE__ */ n("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/housingvista/components/StatusBadge.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { cn } from '../utils/helpers';\n\ntype BadgeVariant = 'success' | 'warning' | 'error' | 'info' | 'default' | 'muted';\n\ninterface StatusBadgeProps {\n  label: string;\n  variant?: BadgeVariant;\n  dot?: boolean;\n  className?: string;\n}\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400',\n  warning: 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400',\n  error: 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400',\n  info: 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400',\n  default: 'bg-action-primary-bg/10 text-primary',\n  muted: 'bg-bg-sunken text-text-secondary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'bg-emerald-500',\n  warning: 'bg-amber-500',\n  error: 'bg-red-500',\n  info: 'bg-blue-500',\n  default: 'bg-action-primary-bg',\n  muted: 'bg-muted-foreground',\n};\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ label, variant = 'default', dot = false, className }) => {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {dot && (\n        <span\n          className={cn(\n            'h-1.5 w-1.5 rounded-full',\n            dotStyles[variant],\n            variant === 'success' && 'motion-safe:animate-vc-glow-pulse'\n          )}\n        />\n      )}\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;AAYA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACT,OAAO;CACR,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACT,OAAO;CACR,EAEY,KAAqC,EAAE,UAAO,aAAU,WAAW,SAAM,IAAO,mBAEzF,kBAAC,QAAD;CACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;WALH,CAOG,KACC,kBAAC,QAAD,EACE,WAAW,EACT,4BACA,EAAU,IACV,MAAY,aAAa,oCAC1B,EACD,CAAA,EAEH,EACI"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/housingvista/components/StatusBadge.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { cn } from '../utils/helpers';\n\ntype BadgeVariant = 'success' | 'warning' | 'error' | 'info' | 'default' | 'muted';\n\ninterface StatusBadgeProps {\n  label: string;\n  variant?: BadgeVariant;\n  dot?: boolean;\n  className?: string;\n}\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  error: 'bg-status-error-bg-subtle text-status-error-text',\n  info: 'bg-status-info-bg-subtle text-status-info-text',\n  default: 'bg-action-primary-bg/10 text-primary',\n  muted: 'bg-bg-sunken text-text-secondary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success',\n  warning: 'bg-status-warning',\n  error: 'bg-status-error',\n  info: 'bg-status-info',\n  default: 'bg-action-primary-bg',\n  muted: 'bg-muted-foreground',\n};\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ label, variant = 'default', dot = false, className }) => {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {dot && (\n        <span\n          className={cn(\n            'h-1.5 w-1.5 rounded-full',\n            dotStyles[variant],\n            variant === 'success' && 'motion-safe:animate-vc-glow-pulse'\n          )}\n        />\n      )}\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;AAYA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACT,OAAO;CACR,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACT,OAAO;CACR,EAEY,KAAqC,EAAE,UAAO,aAAU,WAAW,SAAM,IAAO,mBAEzF,kBAAC,QAAD;CACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;WALH,CAOG,KACC,kBAAC,QAAD,EACE,WAAW,EACT,4BACA,EAAU,IACV,MAAY,aAAa,oCAC1B,EACD,CAAA,EAEH,EACI"}

package/dist/housingvista/components/index.js

@@ -5,9 +5,7 @@ import "./StatusBadge.js";
 import "./EmptyState.js";
 import "./ChartCard.js";
 import "./FilterBar.js";
-import "./Toast.js";
 import "./ErrorBoundary.js";
 import "./Breadcrumbs.js";
 import "./LoadingSkeleton.js";
-import "./Modal.js";
 import "./PropertyCard.js";