@burdenoff/microfe-ecoimpacthub 2026.525.1 → 2026.704.2

package/dist/ecoimpacthub/components/FilterTabs.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/ecoimpacthub/components/FilterTabs.tsx
+function r({ options: r, value: i, onChange: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e("inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1", o),
+		children: r.map((r) => {
+			let o = r.value === i;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": o,
+				onClick: () => a(r.value),
+				className: e("rounded-lg px-3 py-1.5 text-sm font-medium transition-colors", o ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+				children: [r.label, typeof r.count == "number" && /* @__PURE__ */ t("span", {
+					className: e("ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums", o ? "bg-black/10 dark:bg-white/15" : "bg-bg-sunken"),
+					children: r.count
+				})]
+			}, r.value);
+		})
+	});
+}
+//#endregion
+export { r as FilterTabs };
+
+//# sourceMappingURL=FilterTabs.js.map

package/dist/ecoimpacthub/components/FilterTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabs.js","names":[],"sources":["../../../src/ecoimpacthub/components/FilterTabs.tsx"],"sourcesContent":["/**\n * FilterTabs — a segmented status/enum filter control.\n * @module ecoimpacthub/components\n */\n\nimport { cn } from '../utils/cn';\n\nexport interface FilterOption<V extends string> {\n  value: V;\n  label: string;\n  count?: number;\n}\n\ninterface FilterTabsProps<V extends string> {\n  options: FilterOption<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function FilterTabs<V extends string>({\n  options,\n  value,\n  onChange,\n  className,\n}: FilterTabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn(\n        'inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1',\n        className\n      )}\n    >\n      {options.map((opt) => {\n        const active = opt.value === value;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(opt.value)}\n            className={cn(\n              'rounded-lg px-3 py-1.5 text-sm font-medium transition-colors',\n              active\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n            {typeof opt.count === 'number' && (\n              <span\n                className={cn(\n                  'ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active ? 'bg-black/10 dark:bg-white/15' : 'bg-bg-sunken'\n                )}\n              >\n                {opt.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAA6B,EAC3C,YACA,UACA,aACA,gBACqB;AACrB,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EACT,mGACA,EACD;YAEA,EAAQ,KAAK,MAAQ;GACpB,IAAM,IAAS,EAAI,UAAU;AAC7B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAI,MAAM;IAClC,WAAW,EACT,gEACA,IACI,kDACA,iEACL;cAXH,CAaG,EAAI,OACJ,OAAO,EAAI,SAAU,YACpB,kBAAC,QAAD;KACE,WAAW,EACT,0DACA,IAAS,iCAAiC,eAC3C;eAEA,EAAI;KACA,CAAA,CAEF;MAvBF,EAAI,MAuBF;IAEX;EACE,CAAA"}

package/dist/ecoimpacthub/components/MetricsCard.js

@@ -0,0 +1,64 @@
+import { cn as e } from "../utils/cn.js";
+import { Minus as t, TrendingDown as n, TrendingUp as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { GlassCard as o } from "@burdenoff/fe-libs/ui";
+//#region src/ecoimpacthub/components/MetricsCard.tsx
+var s = {
+	up: {
+		icon: r,
+		color: "text-status-success-text"
+	},
+	down: {
+		icon: n,
+		color: "text-status-error-text"
+	},
+	neutral: {
+		icon: t,
+		color: "text-text-secondary"
+	}
+}, c = {
+	success: "text-status-success-text",
+	warning: "text-status-warning-text",
+	error: "text-status-error-text"
+}, l = {
+	success: "shadow-[inset_0_1px_0_0_var(--color-status-success-text)]",
+	warning: "shadow-[inset_0_1px_0_0_var(--color-status-warning-text)]",
+	error: "shadow-[inset_0_1px_0_0_var(--color-status-error-text)]"
+}, u = ({ icon: t, value: n, label: r, trend: u, trendValue: d, className: f, featured: p = !1, accent: m, pill: h, footer: g }) => {
+	let _ = u ? s[u] : null, v = _?.icon;
+	return /* @__PURE__ */ a(o, {
+		treatment: p ? "glass" : "metric",
+		glow: p,
+		className: e("p-6", m && l[m], f),
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ i("div", {
+				className: e("text-text-secondary", m && c[m]),
+				children: t
+			}), h ?? (u && _ && v ? /* @__PURE__ */ a("div", {
+				className: e("flex items-center gap-1 text-xs font-medium", _.color),
+				children: [/* @__PURE__ */ i(v, { className: "h-3.5 w-3.5" }), d && /* @__PURE__ */ i("span", { children: d })]
+			}) : null)]
+		}), /* @__PURE__ */ a("div", {
+			className: "mt-3",
+			children: [
+				/* @__PURE__ */ i("p", {
+					className: "text-2xl font-bold text-text-primary tabular-nums",
+					children: n
+				}),
+				/* @__PURE__ */ i("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: r
+				}),
+				g && /* @__PURE__ */ i("div", {
+					className: "mt-3",
+					children: g
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { u as MetricsCard };
+
+//# sourceMappingURL=MetricsCard.js.map

package/dist/ecoimpacthub/components/MetricsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/ecoimpacthub/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module ecoimpacthub/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ntype Accent = 'success' | 'warning' | 'error';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Render as the page's hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n  /** Severity accent — tints the icon and adds a soft top-edge glow. */\n  accent?: Accent;\n  /** Optional pill shown in the top-right (e.g. \"Critical\"). */\n  pill?: ReactNode;\n  /** Optional slot under the value (e.g. a MiniBar or sub-label). */\n  footer?: ReactNode;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nconst accentIcon: Record<Accent, string> = {\n  success: 'text-status-success-text',\n  warning: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst accentGlow: Record<Accent, string> = {\n  success: 'shadow-[inset_0_1px_0_0_var(--color-status-success-text)]',\n  warning: 'shadow-[inset_0_1px_0_0_var(--color-status-warning-text)]',\n  error: 'shadow-[inset_0_1px_0_0_var(--color-status-error-text)]',\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n  accent,\n  pill,\n  footer,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', accent && accentGlow[accent], className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className={cn('text-text-secondary', accent && accentIcon[accent])}>{icon}</div>\n        {pill ??\n          (trend && trendInfo && TrendIcon ? (\n            <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n              <TrendIcon className=\"h-3.5 w-3.5\" />\n              {trendValue && <span>{trendValue}</span>}\n            </div>\n          ) : null)}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n        {footer && <div className=\"mt-3\">{footer}</div>}\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AA8BA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEK,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEK,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,IACX,WACA,SACA,gBACI;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,KAAU,EAAW,IAAS,EAAU;YAH/D,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAW,EAAG,uBAAuB,KAAU,EAAW,GAAQ;cAAG;IAAW,CAAA,EACpF,MACE,KAAS,KAAa,IACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD,EAAA,UAAO,GAAkB,CAAA,CACpC;QACJ,MACF;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eAAqD;KAAU,CAAA;IAC5E,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAU,CAAA;IAC1D,KAAU,kBAAC,OAAD;KAAK,WAAU;eAAQ;KAAa,CAAA;IAC3C;KACI"}

package/dist/ecoimpacthub/components/MiniBar.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ecoimpacthub/components/MiniBar.tsx
+function n({ value: n, className: r, barClassName: i = "bg-accent", height: a = 6 }) {
+	let o = Math.max(0, Math.min(100, n));
+	return /* @__PURE__ */ t("div", {
+		className: e("w-full overflow-hidden rounded-full bg-bg-sunken", r),
+		style: { height: a },
+		role: "progressbar",
+		"aria-valuenow": Math.round(o),
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		children: /* @__PURE__ */ t("div", {
+			className: e("h-full rounded-full transition-[width] duration-700 ease-out", i),
+			style: { width: `${o}%` }
+		})
+	});
+}
+//#endregion
+export { n as MiniBar };
+
+//# sourceMappingURL=MiniBar.js.map

package/dist/ecoimpacthub/components/MiniBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniBar.js","names":[],"sources":["../../../src/ecoimpacthub/components/MiniBar.tsx"],"sourcesContent":["/**\n * MiniBar — a thin inline progress bar (target progress, completion, breach %).\n * @module ecoimpacthub/components\n */\n\nimport { cn } from '../utils/cn';\n\ninterface MiniBarProps {\n  /** 0–100. */\n  value: number;\n  className?: string;\n  /** Bar fill token class (defaults to accent). */\n  barClassName?: string;\n  /** Height in px. */\n  height?: number;\n}\n\nexport function MiniBar({\n  value,\n  className,\n  barClassName = 'bg-accent',\n  height = 6,\n}: MiniBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cn('w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(clamped)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className={cn('h-full rounded-full transition-[width] duration-700 ease-out', barClassName)}\n        style={{ width: `${clamped}%` }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAQ,EACtB,UACA,cACA,kBAAe,aACf,YAAS,KACM;CACf,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC;AACjD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,oDAAoD,EAAU;EAC5E,OAAO,EAAE,WAAQ;EACjB,MAAK;EACL,iBAAe,KAAK,MAAM,EAAQ;EAClC,iBAAe;EACf,iBAAe;YAEf,kBAAC,OAAD;GACE,WAAW,EAAG,gEAAgE,EAAa;GAC3F,OAAO,EAAE,OAAO,GAAG,EAAQ,IAAI;GAC/B,CAAA;EACE,CAAA"}

package/dist/ecoimpacthub/components/PageLayout.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { AuroraBackground as r, GradientText as i } from "@burdenoff/fe-libs/ui";
+//#region src/ecoimpacthub/components/PageLayout.tsx
+var a = ({ title: a, description: o, actions: s, children: c, className: l, titleGradient: u = !1, aurora: d = !1 }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col h-full", l),
+	children: [/* @__PURE__ */ n("div", {
+		className: e("relative flex items-center justify-between gap-4 px-6 py-4 border-b border-border-seam", d ? "overflow-hidden bg-gloss-card" : "bg-bg-surface"),
+		children: [
+			d && /* @__PURE__ */ t(r, { intensity: "subtle" }),
+			/* @__PURE__ */ n("div", {
+				className: "min-w-0",
+				children: [u && typeof a == "string" ? /* @__PURE__ */ t(i, {
+					as: "h1",
+					className: "text-2xl font-semibold tracking-tight",
+					children: a
+				}) : /* @__PURE__ */ t("h1", {
+					className: "text-2xl font-semibold text-text-primary",
+					children: a
+				}), o && /* @__PURE__ */ t("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: o
+				})]
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "flex items-center gap-3 shrink-0",
+				children: s
+			})
+		]
+	}), /* @__PURE__ */ t("div", {
+		className: "flex-1 overflow-auto p-6",
+		children: c
+	})]
+});
+//#endregion
+export { a as PageLayout };
+
+//# sourceMappingURL=PageLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/ecoimpacthub/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module ecoimpacthub/components\n *\n * Boff UI 2.0 page wrapper. Supports a living-glass {@link AuroraBackground}\n * hero backdrop and a gradient hero title for the MFE's primary page.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** Render the title as a gradient hero heading (reserve for the ONE primary page). */\n  titleGradient?: boolean;\n  /** Drop a subtle living-glass aurora behind the header (primary page only). */\n  aurora?: boolean;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  titleGradient = false,\n  aurora = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      <div\n        className={cn(\n          'relative flex items-center justify-between gap-4 px-6 py-4 border-b border-border-seam',\n          aurora ? 'overflow-hidden bg-gloss-card' : 'bg-bg-surface'\n        )}\n      >\n        {aurora && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          {titleGradient && typeof title === 'string' ? (\n            <GradientText as=\"h1\" className=\"text-2xl font-semibold tracking-tight\">\n              {title}\n            </GradientText>\n          ) : (\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          )}\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && <div className=\"flex items-center gap-3 shrink-0\">{actions}</div>}\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAwBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,SAGP,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CACE,kBAAC,OAAD;EACE,WAAW,EACT,0FACA,IAAS,kCAAkC,gBAC5C;YAJH;GAMG,KAAU,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAClD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAiB,OAAO,KAAU,WACjC,kBAAC,GAAD;KAAc,IAAG;KAAK,WAAU;eAC7B;KACY,CAAA,GAEf,kBAAC,MAAD;KAAI,WAAU;eAA4C;KAAW,CAAA,EAEtE,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA,CAC7E;;GACL,KAAW,kBAAC,OAAD;IAAK,WAAU;cAAoC;IAAc,CAAA;GACzE;KAEN,kBAAC,OAAD;EAAK,WAAU;EAA4B;EAAe,CAAA,CACtD"}

package/dist/ecoimpacthub/components/Pagination.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../utils/cn.js";
+import { ChevronLeft as t, ChevronRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a } from "@burdenoff/fe-libs/ui";
+//#region src/ecoimpacthub/components/Pagination.tsx
+function o({ page: o, pageSize: s, itemCount: c, hasMore: l, onPageChange: u, className: d }) {
+	if (o === 0 && !l) return null;
+	let f = c === 0 ? 0 : o * s + 1, p = o * s + c;
+	return /* @__PURE__ */ i("div", {
+		className: e("mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row", d),
+		children: [/* @__PURE__ */ i("p", {
+			className: "text-sm text-text-secondary tabular-nums",
+			"aria-live": "polite",
+			children: [
+				"Showing ",
+				f,
+				"–",
+				p
+			]
+		}), /* @__PURE__ */ i("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ i(a, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => u(o - 1),
+					disabled: o === 0,
+					"aria-label": "Previous page",
+					children: [/* @__PURE__ */ r(t, { className: "mr-1 h-4 w-4" }), " Previous"]
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums",
+					children: ["Page ", o + 1]
+				}),
+				/* @__PURE__ */ i(a, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => u(o + 1),
+					disabled: !l,
+					"aria-label": "Next page",
+					children: ["Next ", /* @__PURE__ */ r(n, { className: "ml-1 h-4 w-4" })]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { o as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/ecoimpacthub/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/ecoimpacthub/components/Pagination.tsx"],"sourcesContent":["/**\n * Pagination — cursor-aware Prev/Next control for Eco* connection lists.\n * @module ecoimpacthub/components\n *\n * The svc list connections return `pageInfo { cursor, hasMore }` and paginate by\n * cursor (offset is a no-op). Pages track a 0-indexed `page` for display and a\n * cursor stack for navigation; this control exposes Prev/Next, disabling Prev on\n * page 0 and Next when the server reports no more rows.\n */\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PaginationProps {\n  page: number;\n  pageSize: number;\n  /** Number of rows on the current page. */\n  itemCount: number;\n  /** Server flag: are there more rows after this page? */\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nexport function Pagination({\n  page,\n  pageSize,\n  itemCount,\n  hasMore,\n  onPageChange,\n  className,\n}: PaginationProps) {\n  // Nothing to paginate: single page that also has no more rows.\n  if (page === 0 && !hasMore) return null;\n\n  const from = itemCount === 0 ? 0 : page * pageSize + 1;\n  const to = page * pageSize + itemCount;\n\n  return (\n    <div\n      className={cn('mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row', className)}\n    >\n      <p className=\"text-sm text-text-secondary tabular-nums\" aria-live=\"polite\">\n        Showing {from}–{to}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page === 0}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"mr-1 h-4 w-4\" /> Previous\n        </Button>\n        <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n          Page {page + 1}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!hasMore}\n          aria-label=\"Next page\"\n        >\n          Next <ChevronRight className=\"ml-1 h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;AAElB,KAAI,MAAS,KAAK,CAAC,EAAS,QAAO;CAEnC,IAAM,IAAO,MAAc,IAAI,IAAI,IAAO,IAAW,GAC/C,IAAK,IAAO,IAAW;AAE7B,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,qEAAqE,EAAU;YAD/F,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;aAAlE;IAA2E;IAChE;IAAK;IAAE;IACd;MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,MAAS;KACnB,cAAW;eALb,CAOE,kBAAC,GAAD,EAAa,WAAU,gBAAiB,CAAA,EAAA,YACjC;;IACT,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsF,SAC9E,IAAO,EACR;;IACP,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,CAAC;KACX,cAAW;eALb,CAMC,SACM,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,CACvC;;IACL;KACF"}

package/dist/ecoimpacthub/components/StateViews.js

@@ -0,0 +1,49 @@
+import { cn as e } from "../utils/cn.js";
+import { AlertCircle as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Spinner as i } from "@burdenoff/fe-libs/ui";
+//#region src/ecoimpacthub/components/StateViews.tsx
+var a = ({ label: t = "Loading…", className: a }) => /* @__PURE__ */ r("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3", a),
+	children: [/* @__PURE__ */ n(i, { size: "lg" }), /* @__PURE__ */ n("p", {
+		className: "text-sm text-text-secondary",
+		children: t
+	})]
+}), o = ({ title: i = "Something went wrong", message: a, onRetry: o, className: s }) => /* @__PURE__ */ r("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center", s),
+	children: [
+		/* @__PURE__ */ n(t, { className: "h-10 w-10 text-status-error-text" }),
+		/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+			className: "text-lg font-semibold text-text-primary",
+			children: i
+		}), a && /* @__PURE__ */ n("p", {
+			className: "mt-1 max-w-md text-sm text-text-secondary",
+			children: a
+		})] }),
+		o && /* @__PURE__ */ n("button", {
+			type: "button",
+			onClick: o,
+			className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+			children: "Retry"
+		})
+	]
+}), s = ({ title: t, description: i, action: a, children: o, className: s }) => /* @__PURE__ */ r("section", {
+	className: e("mt-8 first:mt-0", s),
+	children: [/* @__PURE__ */ r("div", {
+		className: "mb-3 flex items-end justify-between gap-3",
+		children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+			className: "text-base font-semibold text-text-primary",
+			children: t
+		}), i && /* @__PURE__ */ n("p", {
+			className: "mt-0.5 text-sm text-text-secondary",
+			children: i
+		})] }), a && /* @__PURE__ */ n("div", {
+			className: "shrink-0",
+			children: a
+		})]
+	}), o]
+});
+//#endregion
+export { o as ErrorView, a as LoadingView, s as Section };
+
+//# sourceMappingURL=StateViews.js.map

package/dist/ecoimpacthub/components/StateViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateViews.js","names":[],"sources":["../../../src/ecoimpacthub/components/StateViews.tsx"],"sourcesContent":["/**\n * Shared loading / error / section state views\n * @module ecoimpacthub/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface LoadingViewProps {\n  label?: string;\n  className?: string;\n}\n\nexport const LoadingView: FC<LoadingViewProps> = ({ label = 'Loading…', className }) => (\n  <div className={cn('flex min-h-[40vh] flex-col items-center justify-center gap-3', className)}>\n    <Spinner size=\"lg\" />\n    <p className=\"text-sm text-text-secondary\">{label}</p>\n  </div>\n);\n\ninterface ErrorViewProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  className?: string;\n}\n\nexport const ErrorView: FC<ErrorViewProps> = ({\n  title = 'Something went wrong',\n  message,\n  onRetry,\n  className,\n}) => (\n  <div\n    className={cn(\n      'flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center',\n      className\n    )}\n  >\n    <AlertCircle className=\"h-10 w-10 text-status-error-text\" />\n    <div>\n      <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n      {message && <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{message}</p>}\n    </div>\n    {onRetry && (\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n      >\n        Retry\n      </button>\n    )}\n  </div>\n);\n\ninterface SectionProps {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const Section: FC<SectionProps> = ({ title, description, action, children, className }) => (\n  <section className={cn('mt-8 first:mt-0', className)}>\n    <div className=\"mb-3 flex items-end justify-between gap-3\">\n      <div>\n        <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n        {description && <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>}\n      </div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n    </div>\n    {children}\n  </section>\n);\n"],"mappings":";;;;;AAeA,IAAa,KAAqC,EAAE,WAAQ,YAAY,mBACtE,kBAAC,OAAD;CAAK,WAAW,EAAG,gEAAgE,EAAU;WAA7F,CACE,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA,EACrB,kBAAC,KAAD;EAAG,WAAU;YAA+B;EAAU,CAAA,CAClD;IAUK,KAAiC,EAC5C,WAAQ,wBACR,YACA,YACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EACT,4EACA,EACD;WAJH;EAME,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA;EAC5D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAW,CAAA,EACnE,KAAW,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAY,CAAA,CAC9E,EAAA,CAAA;EACL,KACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aACX;GAEQ,CAAA;EAEP;IAWK,KAA6B,EAAE,UAAO,gBAAa,WAAQ,aAAU,mBAChF,kBAAC,WAAD;CAAS,WAAW,EAAG,mBAAmB,EAAU;WAApD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA6C;GAAW,CAAA,EACrE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAAsC;GAAgB,CAAA,CAC/E,EAAA,CAAA,EACL,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAY;GAAa,CAAA,CAC/C;KACL,EACO"}

package/dist/ecoimpacthub/components/StatusBadge.js

@@ -0,0 +1,77 @@
+import { cn as e } from "../utils/cn.js";
+import { formatEnumLabel as t } from "../utils/formatters.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ecoimpacthub/components/StatusBadge.tsx
+var i = {
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	destructive: "bg-status-error-bg-subtle text-status-error-text",
+	secondary: "bg-bg-sunken text-text-secondary",
+	info: "bg-[var(--color-accent-soft)] text-text-primary",
+	outline: "border border-border-seam text-text-primary"
+}, a = new Set([
+	"IN_PROGRESS",
+	"ONLINE",
+	"ACTIVE"
+]), o = {
+	ACTIVE: "success",
+	MONITORING_PAUSED: "warning",
+	ARCHIVED: "outline",
+	ONLINE: "success",
+	OFFLINE: "destructive",
+	DEGRADED: "warning",
+	MAINTENANCE: "info",
+	RETIRED: "outline",
+	INFO: "secondary",
+	WARNING: "warning",
+	CRITICAL: "destructive",
+	ABOVE: "warning",
+	BELOW: "info",
+	OUTSIDE_RANGE: "warning",
+	BREACH: "destructive",
+	OK: "success",
+	LEAST_CONCERN: "success",
+	NEAR_THREATENED: "info",
+	VULNERABLE: "warning",
+	ENDANGERED: "destructive",
+	CRITICALLY_ENDANGERED: "destructive",
+	EXTINCT_IN_WILD: "outline",
+	DATA_DEFICIENT: "secondary",
+	NOT_EVALUATED: "secondary",
+	PLANNED: "secondary",
+	MONITORING: "info",
+	COMPLETED: "success",
+	ON_HOLD: "warning",
+	CANCELLED: "destructive",
+	DRAFT: "secondary",
+	RECORDED: "info",
+	VERIFIED: "success",
+	ADJUSTED: "warning",
+	IN_REVIEW: "warning",
+	PUBLISHED: "success",
+	PROPOSED: "secondary",
+	ACHIEVED: "success",
+	MISSED: "destructive",
+	SCOPE_1: "destructive",
+	SCOPE_2: "warning",
+	SCOPE_3: "info",
+	GHG_PROTOCOL: "outline",
+	GRI: "outline",
+	TCFD: "outline",
+	CDP: "outline",
+	SASB: "outline",
+	CUSTOM: "secondary"
+}, s = ({ status: s, className: c }) => {
+	let l = s.toUpperCase(), u = o[l] ?? "secondary", d = a.has(l);
+	return /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", i[u], c),
+		children: [d && /* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: "size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse"
+		}), t(s)]
+	});
+};
+//#endregion
+export { s as StatusBadge };
+
+//# sourceMappingURL=StatusBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/ecoimpacthub/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module ecoimpacthub/components\n *\n * A colored badge for EcoImpactHub domain statuses (site status, sensor status,\n * threshold severity, conservation status, habitat-project lifecycle, carbon\n * entry status, reduction-target status, report status/framework, emission\n * scope) with semantic color mapping. Accepts the raw server enum value.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { formatEnumLabel } from '../utils/formatters';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\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  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-[var(--color-accent-soft)] text-text-primary',\n  outline: 'border border-border-seam text-text-primary',\n};\n\n// Statuses that represent a \"live\" / in-progress condition get a subtle,\n// opacity-only glow pulse (reduced-motion safe via motion-safe:).\nconst liveStatuses = new Set(['IN_PROGRESS', 'ONLINE', 'ACTIVE']);\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Site status\n  ACTIVE: 'success',\n  MONITORING_PAUSED: 'warning',\n  ARCHIVED: 'outline',\n\n  // Sensor status\n  ONLINE: 'success',\n  OFFLINE: 'destructive',\n  DEGRADED: 'warning',\n  MAINTENANCE: 'info',\n  RETIRED: 'outline',\n\n  // Threshold severity / generic severity\n  INFO: 'secondary',\n  WARNING: 'warning',\n  CRITICAL: 'destructive',\n\n  // Threshold direction\n  ABOVE: 'warning',\n  BELOW: 'info',\n  OUTSIDE_RANGE: 'warning',\n\n  // Measurement / breach\n  BREACH: 'destructive',\n  OK: 'success',\n\n  // Conservation status (IUCN-style)\n  LEAST_CONCERN: 'success',\n  NEAR_THREATENED: 'info',\n  VULNERABLE: 'warning',\n  ENDANGERED: 'destructive',\n  CRITICALLY_ENDANGERED: 'destructive',\n  EXTINCT_IN_WILD: 'outline',\n  DATA_DEFICIENT: 'secondary',\n  NOT_EVALUATED: 'secondary',\n\n  // Habitat-project lifecycle\n  PLANNED: 'secondary',\n  MONITORING: 'info',\n  COMPLETED: 'success',\n  ON_HOLD: 'warning',\n  CANCELLED: 'destructive',\n\n  // Carbon-entry status\n  DRAFT: 'secondary',\n  RECORDED: 'info',\n  VERIFIED: 'success',\n  ADJUSTED: 'warning',\n\n  // Report status\n  IN_REVIEW: 'warning',\n  PUBLISHED: 'success',\n\n  // Reduction-target status\n  PROPOSED: 'secondary',\n  ACHIEVED: 'success',\n  MISSED: 'destructive',\n\n  // Emission scope\n  SCOPE_1: 'destructive',\n  SCOPE_2: 'warning',\n  SCOPE_3: 'info',\n\n  // Report frameworks (neutral badges)\n  GHG_PROTOCOL: 'outline',\n  GRI: 'outline',\n  TCFD: 'outline',\n  CDP: 'outline',\n  SASB: 'outline',\n  CUSTOM: 'secondary',\n};\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toUpperCase();\n  const variant = statusVariantMap[key] ?? 'secondary';\n  const isLive = liveStatuses.has(key);\n\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      {isLive && (\n        <span\n          aria-hidden=\"true\"\n          className=\"size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse\"\n        />\n      )}\n      {formatEnumLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAIK,IAAe,IAAI,IAAI;CAAC;CAAe;CAAU;CAAS,CAAC,EAE3D,IAAiD;CAErD,QAAQ;CACR,mBAAmB;CACnB,UAAU;CAGV,QAAQ;CACR,SAAS;CACT,UAAU;CACV,aAAa;CACb,SAAS;CAGT,MAAM;CACN,SAAS;CACT,UAAU;CAGV,OAAO;CACP,OAAO;CACP,eAAe;CAGf,QAAQ;CACR,IAAI;CAGJ,eAAe;CACf,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,uBAAuB;CACvB,iBAAiB;CACjB,gBAAgB;CAChB,eAAe;CAGf,SAAS;CACT,YAAY;CACZ,WAAW;CACX,SAAS;CACT,WAAW;CAGX,OAAO;CACP,UAAU;CACV,UAAU;CACV,UAAU;CAGV,WAAW;CACX,WAAW;CAGX,UAAU;CACV,UAAU;CACV,QAAQ;CAGR,SAAS;CACT,SAAS;CACT,SAAS;CAGT,cAAc;CACd,KAAK;CACL,MAAM;CACN,KAAK;CACL,MAAM;CACN,QAAQ;CACT,EAEY,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOG,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,CAAA,EAEH,EAAgB,EAAO,CACnB"}

package/dist/ecoimpacthub/components/Tabs.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/ecoimpacthub/components/Tabs.tsx
+function r({ items: r, value: i, onChange: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e("flex flex-wrap items-center gap-1 border-b border-border-seam", o),
+		children: r.map((r) => {
+			let o = r.value === i;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": o,
+				onClick: () => a(r.value),
+				className: e("relative -mb-px inline-flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors", o ? "border-accent text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+				children: [
+					r.icon,
+					r.label,
+					typeof r.count == "number" && /* @__PURE__ */ t("span", {
+						className: e("rounded-full px-1.5 py-0.5 text-xs tabular-nums", o ? "bg-[var(--color-accent-soft)] text-text-primary" : "bg-bg-sunken text-text-secondary"),
+						children: r.count
+					})
+				]
+			}, r.value);
+		})
+	});
+}
+//#endregion
+export { r as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/ecoimpacthub/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/ecoimpacthub/components/Tabs.tsx"],"sourcesContent":["/**\n * Tabs — a top-level segmented navigation control for multi-section pages\n * (Monitoring: Sensors/Measurements/Thresholds; Carbon: Ledger/Factors/Targets).\n * @module ecoimpacthub/components\n *\n * Visually heavier than {@link FilterTabs} (underline-style page tabs vs a pill\n * filter). Purely presentational — the parent owns the active-tab state.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface TabItem<V extends string> {\n  value: V;\n  label: string;\n  icon?: ReactNode;\n  count?: number;\n}\n\ninterface TabsProps<V extends string> {\n  items: TabItem<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function Tabs<V extends string>({ items, value, onChange, className }: TabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn('flex flex-wrap items-center gap-1 border-b border-border-seam', className)}\n    >\n      {items.map((item) => {\n        const active = item.value === value;\n        return (\n          <button\n            key={item.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(item.value)}\n            className={cn(\n              'relative -mb-px inline-flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors',\n              active\n                ? 'border-accent text-text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {item.icon}\n            {item.label}\n            {typeof item.count === 'number' && (\n              <span\n                className={cn(\n                  'rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active\n                    ? 'bg-[var(--color-accent-soft)] text-text-primary'\n                    : 'bg-bg-sunken text-text-secondary'\n                )}\n              >\n                {item.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AA0BA,SAAgB,EAAuB,EAAE,UAAO,UAAO,aAAU,gBAA2B;AAC1F,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EAAG,iEAAiE,EAAU;YAExF,EAAM,KAAK,MAAS;GACnB,IAAM,IAAS,EAAK,UAAU;AAC9B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAK,MAAM;IACnC,WAAW,EACT,+GACA,IACI,oCACA,iEACL;cAXH;KAaG,EAAK;KACL,EAAK;KACL,OAAO,EAAK,SAAU,YACrB,kBAAC,QAAD;MACE,WAAW,EACT,mDACA,IACI,oDACA,mCACL;gBAEA,EAAK;MACD,CAAA;KAEF;MA1BF,EAAK,MA0BH;IAEX;EACE,CAAA"}

package/dist/ecoimpacthub/context/EcoImpactHubContext.js

@@ -0,0 +1,85 @@
+import { joinPath as e } from "../utils/navigation.js";
+import { createContext as t, useCallback as n, useContext as r, useMemo as i } from "react";
+import { MemoryRouter as a, useNavigate as o } from "react-router-dom";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/ecoimpacthub/context/EcoImpactHubContext.tsx
+var c = t(null);
+function l() {
+	let e = r(c);
+	if (!e) throw Error("useEcoImpactHub must be used within an EcoImpactHubProvider");
+	return e;
+}
+var u = ({ children: t, basePath: r, currentUser: a, tenantId: l, workspaceId: u, apiGatewayUrl: d, authToken: f }) => {
+	let p = o(), m = r || "/", h = n((t) => e(m, t), [m]), g = n((t) => {
+		p(e(m, t));
+	}, [m, p]), _ = i(() => ({
+		basePath: m,
+		navigate: void 0,
+		currentUser: a,
+		tenantId: l,
+		workspaceId: u,
+		apiGatewayUrl: d,
+		authToken: f,
+		isStandalone: !0,
+		navigateTo: g,
+		getPath: h
+	}), [
+		m,
+		a,
+		l,
+		u,
+		d,
+		f,
+		g,
+		h
+	]);
+	return /* @__PURE__ */ s(c.Provider, {
+		value: _,
+		children: t
+	});
+}, d = ({ children: t, basePath: r, navigate: a, currentUser: o, tenantId: l, workspaceId: u, apiGatewayUrl: d, authToken: f }) => {
+	let p = r || "/", m = n((t) => e(p, t), [p]), h = n((t) => {
+		a(e(p, t));
+	}, [p, a]), g = i(() => ({
+		basePath: p,
+		navigate: a,
+		currentUser: o,
+		tenantId: l,
+		workspaceId: u,
+		apiGatewayUrl: d,
+		authToken: f,
+		isStandalone: !1,
+		navigateTo: h,
+		getPath: m
+	}), [
+		p,
+		a,
+		o,
+		l,
+		u,
+		d,
+		f,
+		h,
+		m
+	]);
+	return /* @__PURE__ */ s(c.Provider, {
+		value: g,
+		children: t
+	});
+}, f = (e) => {
+	let { children: t, navigate: n } = e;
+	return n ? /* @__PURE__ */ s(d, {
+		...e,
+		navigate: n,
+		isStandalone: !1,
+		children: t
+	}) : /* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(u, {
+		...e,
+		isStandalone: !0,
+		children: t
+	}) });
+};
+//#endregion
+export { f as EcoImpactHubProvider, l as useEcoImpactHub };
+
+//# sourceMappingURL=EcoImpactHubContext.js.map

package/dist/ecoimpacthub/context/EcoImpactHubContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcoImpactHubContext.js","names":[],"sources":["../../../src/ecoimpacthub/context/EcoImpactHubContext.tsx"],"sourcesContent":["/**\n * EcoImpactHub Context Provider\n * @module ecoimpacthub/context\n *\n * Splits standalone mode (wraps its own MemoryRouter + useNavigate) from\n * integrated mode (the host shell supplies `navigate`). Exposes gateway/auth\n * context + relative navigation helpers to every page.\n */\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo, useCallback } from 'react';\nimport { MemoryRouter, useNavigate as useRouterNavigate } from 'react-router-dom';\nimport type { EcoImpactHubRootProps } from '../types';\nimport { joinPath } from '../utils/navigation';\n\ninterface EcoImpactHubContextValue extends Omit<\n  EcoImpactHubRootProps,\n  'registerNavItems' | 'registerFooterItems' | 'navigate'\n> {\n  isStandalone: boolean;\n  /** Shell's navigate function (only available in integrated mode). */\n  navigate?: (path: string) => void;\n  /** Navigate to a path relative to basePath. */\n  navigateTo: (relativePath: string) => void;\n  /** Get the full path for a relative path. */\n  getPath: (relativePath: string) => string;\n}\n\nconst EcoImpactHubContext = createContext<EcoImpactHubContextValue | null>(null);\n\nexport function useEcoImpactHub(): EcoImpactHubContextValue {\n  const context = useContext(EcoImpactHubContext);\n  if (!context) {\n    throw new Error('useEcoImpactHub must be used within an EcoImpactHubProvider');\n  }\n  return context;\n}\n\ntype ProviderProps = Omit<EcoImpactHubRootProps, 'registerNavItems' | 'registerFooterItems'> & {\n  isStandalone: boolean;\n};\n\nconst StandaloneProviderInner: FC<PropsWithChildren<ProviderProps>> = ({\n  children,\n  basePath,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const routerNavigate = useRouterNavigate();\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      routerNavigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, routerNavigate]\n  );\n\n  const contextValue = useMemo<EcoImpactHubContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate: undefined,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: true,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <EcoImpactHubContext.Provider value={contextValue}>{children}</EcoImpactHubContext.Provider>\n  );\n};\n\nconst IntegratedProviderInner: FC<\n  PropsWithChildren<ProviderProps & { navigate: (path: string) => void }>\n> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      navigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, navigate]\n  );\n\n  const contextValue = useMemo<EcoImpactHubContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: false,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <EcoImpactHubContext.Provider value={contextValue}>{children}</EcoImpactHubContext.Provider>\n  );\n};\n\nexport const EcoImpactHubProvider: FC<PropsWithChildren<EcoImpactHubRootProps>> = (props) => {\n  const { children, navigate } = props;\n  const isStandalone = !navigate;\n\n  if (isStandalone) {\n    return (\n      <MemoryRouter>\n        <StandaloneProviderInner {...props} isStandalone={true}>\n          {children}\n        </StandaloneProviderInner>\n      </MemoryRouter>\n    );\n  }\n\n  return (\n    <IntegratedProviderInner {...props} navigate={navigate} isStandalone={false}>\n      {children}\n    </IntegratedProviderInner>\n  );\n};\n"],"mappings":";;;;;AA4BA,IAAM,IAAsB,EAA+C,KAAK;AAEhF,SAAgB,IAA4C;CAC1D,IAAM,IAAU,EAAW,EAAoB;AAC/C,KAAI,CAAC,EACH,OAAU,MAAM,8DAA8D;AAEhF,QAAO;;AAOT,IAAM,KAAiE,EACrE,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAiB,GAAmB,EACpC,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,EAAa,EACnE,CAAC,EAAkB,CACpB,EAEK,IAAa,GAChB,MAAyB;AACxB,IAAe,EAAS,GAAmB,EAAa,CAAC;IAE3D,CAAC,GAAmB,EAAe,CACpC,EAEK,IAAe,SACZ;EACL,UAAU;EACV,UAAU,KAAA;EACV;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;EAAe;EAAwC,CAAA;GAI1F,KAED,EACH,aACA,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,EAAa,EACnE,CAAC,EAAkB,CACpB,EAEK,IAAa,GAChB,MAAyB;AACxB,IAAS,EAAS,GAAmB,EAAa,CAAC;IAErD,CAAC,GAAmB,EAAS,CAC9B,EAEK,IAAe,SACZ;EACL,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;EAAe;EAAwC,CAAA;GAInF,KAAsE,MAAU;CAC3F,IAAM,EAAE,aAAU,gBAAa;AAa/B,QAZsB,IAapB,kBAAC,GAAD;EAAyB,GAAI;EAAiB;EAAU,cAAc;EACnE;EACuB,CAAA,GAXxB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAyB,GAAI;EAAO,cAAc;EAC/C;EACuB,CAAA,EACb,CAAA"}

package/dist/ecoimpacthub/context/index.js

@@ -0,0 +1 @@
+import "./EcoImpactHubContext.js";

package/dist/ecoimpacthub/hooks/index.js

@@ -0,0 +1,2 @@
+import "./useEcoImpactHubApi.js";
+import "./useCursorPager.js";

package/dist/ecoimpacthub/hooks/useCursorPager.js

@@ -0,0 +1,25 @@
+import { useCallback as e, useState as t } from "react";
+//#region src/ecoimpacthub/hooks/useCursorPager.ts
+function n() {
+	let [n, r] = t([null]), i = n.length - 1;
+	return {
+		page: i,
+		cursor: n[i] ?? void 0,
+		next: e((e) => {
+			e && r((t) => [...t, e]);
+		}, []),
+		prev: e(() => {
+			r((e) => e.length > 1 ? e.slice(0, -1) : e);
+		}, []),
+		reset: e(() => {
+			r([null]);
+		}, []),
+		onPageChange: e((e, t) => {
+			r((n) => e > n.length - 1 ? t ? [...n, t] : n : n.length > 1 ? n.slice(0, -1) : n);
+		}, [])
+	};
+}
+//#endregion
+export { n as useCursorPager };
+
+//# sourceMappingURL=useCursorPager.js.map

package/dist/ecoimpacthub/hooks/useCursorPager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCursorPager.js","names":[],"sources":["../../../src/ecoimpacthub/hooks/useCursorPager.ts"],"sourcesContent":["/**\n * useCursorPager — forward/back cursor pagination for Eco* list connections.\n * @module ecoimpacthub/hooks\n *\n * The svc paginates by cursor only (`PaginationInput.offset` is a no-op — the\n * resolver never sets Prisma `skip` from it). So a page must send\n * `pagination.cursor = the previous page's pageInfo.cursor` to advance. This\n * hook keeps a stack of the cursors that opened each visited page so Prev/Next\n * are exact, and exposes a 0-indexed `page` for display.\n */\n\nimport { useCallback, useState } from 'react';\n\nexport interface CursorPager {\n  /** 0-indexed page number for display. */\n  page: number;\n  /**\n   * Cursor that opens the current page — `undefined` on the first page so it is\n   * OMITTED from the GraphQL variables (the svc rejects an explicit `cursor: null`;\n   * a first page must send no cursor at all, per cursor-pagination convention).\n   */\n  cursor: string | undefined;\n  /** Advance to the next page using the current page's end cursor. No-op if null. */\n  next: (endCursor: string | null | undefined) => void;\n  /** Go back one page. No-op on the first page. */\n  prev: () => void;\n  /** Reset to the first page (call when filters change). */\n  reset: () => void;\n  /**\n   * Adapter for `<Pagination onPageChange>` — compares the requested page to the\n   * current one and calls next()/prev() accordingly.\n   */\n  onPageChange: (targetPage: number, endCursor: string | null | undefined) => void;\n}\n\nexport function useCursorPager(): CursorPager {\n  const [stack, setStack] = useState<(string | null)[]>([null]);\n  const page = stack.length - 1;\n  const cursor = stack[page] ?? undefined;\n\n  const next = useCallback((endCursor: string | null | undefined) => {\n    if (endCursor) setStack((s) => [...s, endCursor]);\n  }, []);\n\n  const prev = useCallback(() => {\n    setStack((s) => (s.length > 1 ? s.slice(0, -1) : s));\n  }, []);\n\n  const reset = useCallback(() => {\n    setStack([null]);\n  }, []);\n\n  const onPageChange = useCallback((targetPage: number, endCursor: string | null | undefined) => {\n    setStack((s) => {\n      const current = s.length - 1;\n      if (targetPage > current) {\n        return endCursor ? [...s, endCursor] : s;\n      }\n      return s.length > 1 ? s.slice(0, -1) : s;\n    });\n  }, []);\n\n  return { page, cursor, next, prev, reset, onPageChange };\n}\n"],"mappings":";;AAmCA,SAAgB,IAA8B;CAC5C,IAAM,CAAC,GAAO,KAAY,EAA4B,CAAC,KAAK,CAAC,EACvD,IAAO,EAAM,SAAS;AAyB5B,QAAO;EAAE;EAAM,QAxBA,EAAM,MAAS,KAAA;EAwBP,MAtBV,GAAa,MAAyC;AACjE,GAAI,KAAW,GAAU,MAAM,CAAC,GAAG,GAAG,EAAU,CAAC;KAChD,EAAE,CAAC;EAoBuB,MAlBhB,QAAkB;AAC7B,MAAU,MAAO,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,EAAG;KACnD,EAAE,CAAC;EAgB6B,OAdrB,QAAkB;AAC9B,KAAS,CAAC,KAAK,CAAC;KACf,EAAE,CAAC;EAYoC,cAVrB,GAAa,GAAoB,MAAyC;AAC7F,MAAU,MAEJ,IADY,EAAE,SAAS,IAElB,IAAY,CAAC,GAAG,GAAG,EAAU,GAAG,IAElC,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,EACvC;KACD,EAAE,CAAC;EAEkD"}