@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/components/ImageAttachments.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../utils/cn.js";
-import { FILE_FOLDERS as t, uploadImageToFiles as n } from "../hooks/useFiles.js";
+import { FILE_FOLDERS as e, uploadImageToFiles as t } from "../hooks/useFiles.js";
+import { cn as n } from "../utils/cn.js";
 import { FileImage as r } from "./FileImage.js";
 import { describeError as i, notify as a } from "../lib/toast.js";
 import { useRef as o, useState as s } from "react";
@@ -7,11 +7,11 @@ import { ImagePlus as c, Loader2 as l, X as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/comradecircle/components/ImageAttachments.tsx
 var p = 10 * 1024 * 1024, m = 6;
-function h({ fileIds: e, onChange: h, disabled: g = !1 }) {
+function h({ fileIds: n, onChange: h, disabled: g = !1 }) {
 	let _ = o(null), [v, y] = s(!1), [b, x] = s({}), S = async (r) => {
 		let o = Array.from(r.target.files ?? []);
 		if (r.target.value = "", o.length === 0) return;
-		let s = m - e.length;
+		let s = m - n.length;
 		if (s <= 0) {
 			a.warning("Attachment limit reached", `Up to ${m} images per post.`);
 			return;
@@ -19,29 +19,29 @@ function h({ fileIds: e, onChange: h, disabled: g = !1 }) {
 		y(!0);
 		try {
 			let r = [], i = {};
-			for (let e of o.slice(0, s)) {
-				if (!e.type.startsWith("image/")) continue;
-				if (e.size > p) {
-					a.error("Image too large", `${e.name} exceeds 10 MB.`);
+			for (let n of o.slice(0, s)) {
+				if (!n.type.startsWith("image/")) continue;
+				if (n.size > p) {
+					a.error("Image too large", `${n.name} exceeds 10 MB.`);
 					continue;
 				}
-				let o = await n(e, t.posts);
+				let o = await t(n, e.posts);
 				r.push(o.id), i[o.id] = o.url;
 			}
 			r.length && (x((e) => ({
 				...e,
 				...i
-			})), h([...e, ...r]));
+			})), h([...n, ...r]));
 		} catch (e) {
 			a.error("Upload failed", i(e));
 		} finally {
 			y(!1);
 		}
-	}, C = (t) => h(e.filter((e) => e !== t));
+	}, C = (e) => h(n.filter((t) => t !== e));
 	return /* @__PURE__ */ f("div", { children: [
-		e.length > 0 && /* @__PURE__ */ d("div", {
+		n.length > 0 && /* @__PURE__ */ d("div", {
 			className: "mb-2 flex flex-wrap gap-2",
-			children: e.map((e) => /* @__PURE__ */ f("div", {
+			children: n.map((e) => /* @__PURE__ */ f("div", {
 				className: "relative h-20 w-20 overflow-hidden rounded-lg ring-1 ring-border-seam",
 				children: [b[e] ? /* @__PURE__ */ d("img", {
 					src: b[e],
@@ -72,23 +72,23 @@ function h({ fileIds: e, onChange: h, disabled: g = !1 }) {
 		/* @__PURE__ */ f("button", {
 			type: "button",
 			onClick: () => _.current?.click(),
-			disabled: g || v || e.length >= m,
+			disabled: g || v || n.length >= m,
 			className: "inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary disabled:opacity-50",
 			children: [v ? /* @__PURE__ */ d(l, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ d(c, { className: "h-4 w-4" }), v ? "Uploading…" : "Add images"]
 		})
 	] });
 }
-function g({ fileIds: t, className: n }) {
-	return t.length === 0 ? null : /* @__PURE__ */ d("div", {
-		className: e("mt-3 grid gap-2", t.length === 1 ? "grid-cols-1" : "grid-cols-2 sm:grid-cols-3", n),
-		children: t.map((n) => /* @__PURE__ */ d("div", {
-			className: e("overflow-hidden rounded-xl ring-1 ring-border-seam", t.length === 1 ? "max-h-96" : "aspect-square"),
+function g({ fileIds: e, className: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ d("div", {
+		className: n("mt-3 grid gap-2", e.length === 1 ? "grid-cols-1" : "grid-cols-2 sm:grid-cols-3", t),
+		children: e.map((t) => /* @__PURE__ */ d("div", {
+			className: n("overflow-hidden rounded-xl ring-1 ring-border-seam", e.length === 1 ? "max-h-96" : "aspect-square"),
 			children: /* @__PURE__ */ d(r, {
-				fileId: n,
+				fileId: t,
 				alt: "Post attachment",
 				className: "h-full w-full"
 			})
-		}, n))
+		}, t))
 	});
 }
 //#endregion

package/dist/comradecircle/components/MemberIdentity.js

@@ -1,8 +1,8 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { useComProfile as n } from "../hooks/useComradeCircleApi.js";
+import { useComProfile as t } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
+import { cn as n } from "../utils/cn.js";
 import { Avatar as r } from "./Avatar.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/comradecircle/components/MemberIdentity.tsx
@@ -10,11 +10,11 @@ function o(e, t) {
 	return e ? { name: t ? `${e} (You)` : e } : { name: t ? "You" : "Member" };
 }
 var s = ({ memberId: s, variant: c = "inline", size: l = "sm", suffix: u, showPresence: d = !1, onClick: f, className: p }) => {
-	let { currentUser: m } = e(), h = !!(m?.id && m.id === s), { data: g } = n(s), { name: _ } = o(g?.displayName ?? void 0, h), v = g?.displayName ?? (h ? m?.name ?? "You" : s), y = d ? g?.presence ?? null : null;
+	let { currentUser: m } = e(), h = !!(m?.id && m.id === s), { data: g } = t(s), { name: _ } = o(g?.displayName ?? void 0, h), v = g?.displayName ?? (h ? m?.name ?? "You" : s), y = d ? g?.presence ?? null : null;
 	return /* @__PURE__ */ a(f ? "button" : "div", {
 		type: f ? "button" : void 0,
 		onClick: f,
-		className: t("flex items-center gap-2.5 text-left", f && "rounded-lg transition-colors hover:opacity-80", p),
+		className: n("flex items-center gap-2.5 text-left", f && "rounded-lg transition-colors hover:opacity-80", p),
 		children: [/* @__PURE__ */ i(r, {
 			name: v,
 			seed: s,

package/dist/comradecircle/components/MobileBottomNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAsBhC,eAAO,MAAM,eAAe,EAAE,EAyC7B,CAAC"}
+{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAsDhC,eAAO,MAAM,eAAe,EAAE,EA0C7B,CAAC"}

package/dist/comradecircle/components/MobileBottomNav.js

@@ -1,58 +1,65 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { CalendarDays as n, Contact as r, Newspaper as i, UserCircle as a, Users as o } from "lucide-react";
-import { useLocation as s } from "react-router";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useTr as t } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { cn as n } from "../utils/cn.js";
+import { CalendarDays as r, Contact as i, Newspaper as a, UserCircle as o, Users as s } from "lucide-react";
+import { useLocation as c } from "react-router";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/comradecircle/components/MobileBottomNav.tsx
-var u = [
+var d = [
 	{
 		id: "feed",
-		label: "Home",
+		labelKey: "comradecircle.nav.feed",
+		labelFallback: "Home",
 		path: "",
-		icon: i
+		icon: a
 	},
 	{
 		id: "circles",
-		label: "Circles",
+		labelKey: "comradecircle.nav.circles",
+		labelFallback: "Circles",
 		path: "circles",
-		icon: o
+		icon: s
 	},
 	{
 		id: "events",
-		label: "Events",
+		labelKey: "comradecircle.nav.events",
+		labelFallback: "Events",
 		path: "events",
-		icon: n
+		icon: r
 	},
 	{
 		id: "members",
-		label: "Members",
+		labelKey: "comradecircle.nav.members",
+		labelFallback: "Members",
 		path: "members",
-		icon: r
+		icon: i
 	},
 	{
 		id: "profile",
-		label: "Profile",
+		labelKey: "comradecircle.nav.profile",
+		labelFallback: "Profile",
 		path: "profile",
-		icon: a
+		icon: o
 	}
-], d = () => {
-	let { getPath: n, navigateTo: r } = e(), i = s();
-	return /* @__PURE__ */ c("nav", {
-		"aria-label": "ComradeCircle mobile navigation",
-		className: t("fixed inset-x-0 bottom-0 z-40 lg:hidden", "border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm", "pb-[max(env(safe-area-inset-bottom),0px)]"),
-		children: /* @__PURE__ */ c("ul", {
+], f = () => {
+	let { getPath: r, navigateTo: i } = e(), a = c(), o = t();
+	return /* @__PURE__ */ l("nav", {
+		"aria-label": o("comradecircle.nav.mobileAriaLabel", "ComradeCircle mobile navigation"),
+		className: n("fixed inset-x-0 bottom-0 z-40 lg:hidden", "border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm", "pb-[max(env(safe-area-inset-bottom),0px)]"),
+		children: /* @__PURE__ */ l("ul", {
 			className: "flex",
-			children: u.map((e) => {
-				let a = n(e.path), o = e.path === "" ? i.pathname === a : i.pathname === a || i.pathname.startsWith(`${a}/`), s = e.icon;
-				return /* @__PURE__ */ c("li", {
+			children: d.map((e) => {
+				let t = r(e.path), s = e.path === "" ? a.pathname === t : a.pathname === t || a.pathname.startsWith(`${t}/`), c = e.icon;
+				return /* @__PURE__ */ l("li", {
 					className: "flex-1",
-					children: /* @__PURE__ */ l("button", {
+					children: /* @__PURE__ */ u("button", {
 						type: "button",
-						"aria-current": o ? "page" : void 0,
-						onClick: () => r(e.path),
-						className: t("flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors", o ? "text-accent" : "text-text-tertiary hover:text-text-secondary"),
-						children: [/* @__PURE__ */ c(s, { className: t("h-5 w-5", o && "text-accent") }), e.label]
+						"aria-current": s ? "page" : void 0,
+						onClick: () => i(e.path),
+						className: n("flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors", s ? "text-accent" : "text-text-tertiary hover:text-text-secondary"),
+						children: [/* @__PURE__ */ l(c, { className: n("h-5 w-5", s && "text-accent") }), o(e.labelKey, e.labelFallback)]
 					})
 				}, e.id);
 			})
@@ -60,6 +67,6 @@ var u = [
 	});
 };
 //#endregion
-export { d as MobileBottomNav };
+export { f as MobileBottomNav };
 
 //# sourceMappingURL=MobileBottomNav.js.map

package/dist/comradecircle/components/MobileBottomNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileBottomNav.js","names":[],"sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"sourcesContent":["/**\n * MobileBottomNav — ComradeCircle's product-specific mobile tab bar (BOFF-3957).\n * @module comradecircle/components\n *\n * The mobile mocks (`comradecircle-00-mobile-app-preview.png`,\n * `comradecircle-19/20/21-mobile-*.png`) show a fixed Home / Circles / Events /\n * Members / Profile bottom tab bar instead of the shared app-shell's\n * collapsible sidebar/hamburger menu. Mirrors the same five items registered\n * with the host shell in `ComradeCircleRoot` (id/path/icon/order) so the two\n * navs never drift.\n *\n * Fixed at the bottom of the viewport, hidden at and above the `lg` breakpoint\n * to match every other responsive split already used in this MFE (see the\n * `lg:hidden` mobile channel picker / `hidden lg:block` desktop rail in\n * `CircleDetailPage`). Uses `flex` with each tab `flex-1` rather than a CSS\n * grid: build-time MFE composition means only utility classes the host\n * shell's own Tailwind build already emits reach this MFE at runtime, and\n * `grid`/`grid-cols-*` is not reliably among them.\n */\n\nimport type { FC } from 'react';\nimport { Newspaper, Users, CalendarDays, Contact, UserCircle } from 'lucide-react';\nimport { useLocation } from 'react-router';\nimport { useComradeCircle } from '../context';\nimport { cn } from '../utils/cn';\n\ninterface TabDef {\n  id: string;\n  label: string;\n  /** Path relative to basePath, '' for the home feed. */\n  path: string;\n  icon: FC<{ className?: string }>;\n}\n\nconst TABS: TabDef[] = [\n  { id: 'feed', label: 'Home', path: '', icon: Newspaper },\n  { id: 'circles', label: 'Circles', path: 'circles', icon: Users },\n  { id: 'events', label: 'Events', path: 'events', icon: CalendarDays },\n  { id: 'members', label: 'Members', path: 'members', icon: Contact },\n  { id: 'profile', label: 'Profile', path: 'profile', icon: UserCircle },\n];\n\nexport const MobileBottomNav: FC = () => {\n  const { getPath, navigateTo } = useComradeCircle();\n  const location = useLocation();\n\n  return (\n    <nav\n      aria-label=\"ComradeCircle mobile navigation\"\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 lg:hidden',\n        'border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm',\n        'pb-[max(env(safe-area-inset-bottom),0px)]'\n      )}\n    >\n      <ul className=\"flex\">\n        {TABS.map((tab) => {\n          const target = getPath(tab.path);\n          const isActive =\n            tab.path === ''\n              ? location.pathname === target\n              : location.pathname === target || location.pathname.startsWith(`${target}/`);\n          const Icon = tab.icon;\n          return (\n            <li key={tab.id} className=\"flex-1\">\n              <button\n                type=\"button\"\n                aria-current={isActive ? 'page' : undefined}\n                onClick={() => navigateTo(tab.path)}\n                className={cn(\n                  'flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors',\n                  isActive ? 'text-accent' : 'text-text-tertiary hover:text-text-secondary'\n                )}\n              >\n                <Icon className={cn('h-5 w-5', isActive && 'text-accent')} />\n                {tab.label}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;AAkCA,IAAM,IAAiB;CACrB;EAAE,IAAI;EAAQ,OAAO;EAAQ,MAAM;EAAI,MAAM;CAAU;CACvD;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAM;CAChE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM;EAAU,MAAM;CAAa;CACpE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAQ;CAClE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAW;AACvE,GAEa,UAA4B;CACvC,IAAM,EAAE,YAAS,kBAAe,EAAiB,GAC3C,IAAW,EAAY;CAE7B,OACE,kBAAC,OAAD;EACE,cAAW;EACX,WAAW,EACT,2CACA,iEACA,2CACF;YAEA,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK,KAAK,MAAQ;IACjB,IAAM,IAAS,EAAQ,EAAI,IAAI,GACzB,IACJ,EAAI,SAAS,KACT,EAAS,aAAa,IACtB,EAAS,aAAa,KAAU,EAAS,SAAS,WAAW,GAAG,EAAO,EAAE,GACzE,IAAO,EAAI;IACjB,OACE,kBAAC,MAAD;KAAiB,WAAU;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,gBAAc,IAAW,SAAS,KAAA;MAClC,eAAe,EAAW,EAAI,IAAI;MAClC,WAAW,EACT,4FACA,IAAW,gBAAgB,8CAC7B;gBAPF,CASE,kBAAC,GAAD,EAAM,WAAW,EAAG,WAAW,KAAY,aAAa,EAAI,CAAA,GAC3D,EAAI,KACC;;IACN,GAbK,EAAI,EAaT;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}
+{"version":3,"file":"MobileBottomNav.js","names":[],"sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"sourcesContent":["/**\n * MobileBottomNav — ComradeCircle's product-specific mobile tab bar (BOFF-3957).\n * @module comradecircle/components\n *\n * The mobile mocks (`comradecircle-00-mobile-app-preview.png`,\n * `comradecircle-19/20/21-mobile-*.png`) show a fixed Home / Circles / Events /\n * Members / Profile bottom tab bar instead of the shared app-shell's\n * collapsible sidebar/hamburger menu. Mirrors the same five items registered\n * with the host shell in `ComradeCircleRoot` (id/path/icon/order) so the two\n * navs never drift.\n *\n * Fixed at the bottom of the viewport, hidden at and above the `lg` breakpoint\n * to match every other responsive split already used in this MFE (see the\n * `lg:hidden` mobile channel picker / `hidden lg:block` desktop rail in\n * `CircleDetailPage`). Uses `flex` with each tab `flex-1` rather than a CSS\n * grid: build-time MFE composition means only utility classes the host\n * shell's own Tailwind build already emits reach this MFE at runtime, and\n * `grid`/`grid-cols-*` is not reliably among them.\n */\n\nimport type { FC } from 'react';\nimport { Newspaper, Users, CalendarDays, Contact, UserCircle } from 'lucide-react';\nimport { useLocation } from 'react-router';\nimport { useComradeCircle } from '../context';\nimport { useTr } from '../hooks';\nimport { cn } from '../utils/cn';\n\ninterface TabDef {\n  id: string;\n  labelKey: string;\n  labelFallback: string;\n  /** Path relative to basePath, '' for the home feed. */\n  path: string;\n  icon: FC<{ className?: string }>;\n}\n\nconst TABS: TabDef[] = [\n  {\n    id: 'feed',\n    labelKey: 'comradecircle.nav.feed',\n    labelFallback: 'Home',\n    path: '',\n    icon: Newspaper,\n  },\n  {\n    id: 'circles',\n    labelKey: 'comradecircle.nav.circles',\n    labelFallback: 'Circles',\n    path: 'circles',\n    icon: Users,\n  },\n  {\n    id: 'events',\n    labelKey: 'comradecircle.nav.events',\n    labelFallback: 'Events',\n    path: 'events',\n    icon: CalendarDays,\n  },\n  {\n    id: 'members',\n    labelKey: 'comradecircle.nav.members',\n    labelFallback: 'Members',\n    path: 'members',\n    icon: Contact,\n  },\n  {\n    id: 'profile',\n    labelKey: 'comradecircle.nav.profile',\n    labelFallback: 'Profile',\n    path: 'profile',\n    icon: UserCircle,\n  },\n];\n\nexport const MobileBottomNav: FC = () => {\n  const { getPath, navigateTo } = useComradeCircle();\n  const location = useLocation();\n  const tr = useTr();\n\n  return (\n    <nav\n      aria-label={tr('comradecircle.nav.mobileAriaLabel', 'ComradeCircle mobile navigation')}\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 lg:hidden',\n        'border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm',\n        'pb-[max(env(safe-area-inset-bottom),0px)]'\n      )}\n    >\n      <ul className=\"flex\">\n        {TABS.map((tab) => {\n          const target = getPath(tab.path);\n          const isActive =\n            tab.path === ''\n              ? location.pathname === target\n              : location.pathname === target || location.pathname.startsWith(`${target}/`);\n          const Icon = tab.icon;\n          return (\n            <li key={tab.id} className=\"flex-1\">\n              <button\n                type=\"button\"\n                aria-current={isActive ? 'page' : undefined}\n                onClick={() => navigateTo(tab.path)}\n                className={cn(\n                  'flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors',\n                  isActive ? 'text-accent' : 'text-text-tertiary hover:text-text-secondary'\n                )}\n              >\n                <Icon className={cn('h-5 w-5', isActive && 'text-accent')} />\n                {tr(tab.labelKey, tab.labelFallback)}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;AAoCA,IAAM,IAAiB;CACrB;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;AACF,GAEa,UAA4B;CACvC,IAAM,EAAE,YAAS,kBAAe,EAAiB,GAC3C,IAAW,EAAY,GACvB,IAAK,EAAM;CAEjB,OACE,kBAAC,OAAD;EACE,cAAY,EAAG,qCAAqC,iCAAiC;EACrF,WAAW,EACT,2CACA,iEACA,2CACF;YAEA,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK,KAAK,MAAQ;IACjB,IAAM,IAAS,EAAQ,EAAI,IAAI,GACzB,IACJ,EAAI,SAAS,KACT,EAAS,aAAa,IACtB,EAAS,aAAa,KAAU,EAAS,SAAS,WAAW,GAAG,EAAO,EAAE,GACzE,IAAO,EAAI;IACjB,OACE,kBAAC,MAAD;KAAiB,WAAU;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,gBAAc,IAAW,SAAS,KAAA;MAClC,eAAe,EAAW,EAAI,IAAI;MAClC,WAAW,EACT,4FACA,IAAW,gBAAgB,8CAC7B;gBAPF,CASE,kBAAC,GAAD,EAAM,WAAW,EAAG,WAAW,KAAY,aAAa,EAAI,CAAA,GAC3D,EAAG,EAAI,UAAU,EAAI,aAAa,CAC7B;;IACN,GAbK,EAAI,EAaT;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

package/dist/comradecircle/components/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDAuCjB"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDA2CjB"}

package/dist/comradecircle/components/Pagination.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/comradecircle/components/Pagination.tsx"],"sourcesContent":["/**\n * Pagination — cursor-aware Prev/Next control for Com* connection lists.\n * @module comradecircle/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;CAElB,IAAI,MAAS,KAAK,CAAC,GAAS,OAAO;CAEnC,IAAM,IAAO,MAAc,IAAI,IAAI,IAAO,IAAW,GAC/C,IAAK,IAAO,IAAW;CAE7B,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,qEAAqE,CAAS;YAD9F,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;aAAlE;IAA2E;IAChE;IAAK;IAAE;GACf;MACH,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,MAAS;KACnB,cAAW;eALb,CAOE,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA,GAAC,WAClC;;IACR,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsF,SAC9E,IAAO,CACT;;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,CAAC;KACX,cAAW;eALb,CAMC,SACM,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,CACvC;;GACL;IACF;;AAET"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/comradecircle/components/Pagination.tsx"],"sourcesContent":["/**\n * Pagination — cursor-aware Prev/Next control for Com* connection lists.\n * @module comradecircle/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 { useTr } from '../hooks';\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  const tr = useTr();\n\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        {tr('comradecircle.components.pagination.showing', 'Showing {{from}}–{{to}}', { 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={tr('comradecircle.components.pagination.previousAriaLabel', 'Previous page')}\n        >\n          <ChevronLeft className=\"mr-1 h-4 w-4\" />{' '}\n          {tr('comradecircle.components.pagination.previous', 'Previous')}\n        </Button>\n        <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n          {tr('comradecircle.components.pagination.page', 'Page {{page}}', { page: page + 1 })}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!hasMore}\n          aria-label={tr('comradecircle.components.pagination.nextAriaLabel', 'Next page')}\n        >\n          {tr('comradecircle.components.pagination.next', 'Next')}{' '}\n          <ChevronRight className=\"ml-1 h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA0BA,SAAgB,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;CAClB,IAAM,IAAK,EAAM;CAGjB,IAAI,MAAS,KAAK,CAAC,GAAS,OAAO;CAEnC,IAAM,IAAO,MAAc,IAAI,IAAI,IAAO,IAAW,GAC/C,IAAK,IAAO,IAAW;CAE7B,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,qEAAqE,CAAS;YAD9F,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;aAC/D,EAAG,+CAA+C,2BAA2B;IAAE;IAAM;GAAG,CAAC;EACzF,CAAA,GACH,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,MAAS;KACnB,cAAY,EAAG,yDAAyD,eAAe;eALzF;MAOE,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA;MAAE;MACxC,EAAG,gDAAgD,UAAU;KACxD;;IACR,kBAAC,QAAD;KAAM,WAAU;eACb,EAAG,4CAA4C,iBAAiB,EAAE,MAAM,IAAO,EAAE,CAAC;IAC/E,CAAA;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,CAAC;KACX,cAAY,EAAG,qDAAqD,WAAW;eALjF;MAOG,EAAG,4CAA4C,MAAM;MAAG;MACzD,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA;KAClC;;GACL;IACF;;AAET"}

package/dist/comradecircle/components/PollCard.js

@@ -1,6 +1,6 @@
-import { cn as e } from "../utils/cn.js";
-import { useComClosePoll as t, useComVotePoll as n } from "../hooks/useComradeCircleApi.js";
+import { useComClosePoll as e, useComVotePoll as t } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
+import { cn as n } from "../utils/cn.js";
 import { describeError as r, notify as i } from "../lib/toast.js";
 import { formatNumber as a, formatRelativeTime as o } from "../utils/formatters.js";
 import { StatusBadge as s } from "./StatusBadge.js";
@@ -11,7 +11,7 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Button as g, GlassCard as _ } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/PollCard.tsx
 function v({ poll: v, canManage: y = !1 }) {
-	let b = n(), x = t(), [S, C] = u(/* @__PURE__ */ new Set()), w = v.options.reduce((e, t) => e + t.voteCount, 0), T = v.status === "CLOSED", E = l(() => v.options.reduce((e, t) => Math.max(e, t.voteCount), 0), [v.options]), D = S.size > 0, O = async (e) => {
+	let b = t(), x = e(), [S, C] = u(/* @__PURE__ */ new Set()), w = v.options.reduce((e, t) => e + t.voteCount, 0), T = v.status === "CLOSED", E = l(() => v.options.reduce((e, t) => Math.max(e, t.voteCount), 0), [v.options]), D = S.size > 0, O = async (e) => {
 		if (!T) try {
 			await b.mutateAsync({
 				pollId: v.id,
@@ -41,14 +41,14 @@ function v({ poll: v, canManage: y = !1 }) {
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "mt-4 flex flex-col gap-2.5",
-				children: [...v.options].sort((e, t) => e.position - t.position).map((t) => {
-					let n = w > 0 ? t.voteCount / w * 100 : 0, r = w > 0 && t.voteCount === E, i = S.has(t.id);
+				children: [...v.options].sort((e, t) => e.position - t.position).map((e) => {
+					let t = w > 0 ? e.voteCount / w * 100 : 0, r = w > 0 && e.voteCount === E, i = S.has(e.id);
 					return /* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => O(t.id),
+						onClick: () => O(e.id),
 						disabled: T || b.isPending,
 						"aria-pressed": i,
-						className: e("group w-full rounded-xl border px-3 py-2.5 text-left transition-all duration-200", i ? "border-accent bg-[var(--color-accent-soft)]/40" : "border-border-seam", !T && !i && "hover:-translate-y-px hover:border-accent hover:bg-bg-sunken/60", T && "cursor-default"),
+						className: n("group w-full rounded-xl border px-3 py-2.5 text-left transition-all duration-200", i ? "border-accent bg-[var(--color-accent-soft)]/40" : "border-border-seam", !T && !i && "hover:-translate-y-px hover:border-accent hover:bg-bg-sunken/60", T && "cursor-default"),
 						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-between gap-2",
 							children: [/* @__PURE__ */ h("span", {
@@ -59,8 +59,8 @@ function v({ poll: v, canManage: y = !1 }) {
 										"aria-hidden": "true"
 									}),
 									/* @__PURE__ */ m("span", {
-										className: e("truncate text-sm", r ? "font-semibold text-text-primary" : "font-medium text-text-secondary"),
-										children: t.label
+										className: n("truncate text-sm", r ? "font-semibold text-text-primary" : "font-medium text-text-secondary"),
+										children: e.label
 									}),
 									r && w > 1 && /* @__PURE__ */ m(f, {
 										className: "h-3.5 w-3.5 shrink-0 text-status-warning-text",
@@ -70,18 +70,18 @@ function v({ poll: v, canManage: y = !1 }) {
 							}), /* @__PURE__ */ h("span", {
 								className: "shrink-0 text-xs tabular-nums text-text-secondary",
 								children: [
-									a(t.voteCount),
+									a(e.voteCount),
 									" · ",
-									Math.round(n),
+									Math.round(t),
 									"%"
 								]
 							})]
 						}), /* @__PURE__ */ m(c, {
-							value: n,
+							value: t,
 							className: "mt-2",
 							barClassName: r ? "bg-gradient-to-r from-accent to-[var(--color-accent-soft)]" : "bg-accent/40"
 						})]
-					}, t.id);
+					}, e.id);
 				})
 			}),
 			/* @__PURE__ */ h("div", {

package/dist/comradecircle/components/PostCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAuBH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAuB,EAAE,cAAsB,EAAE,EAAE,aAAa,2CAoLhG"}
+{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAuBH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAuB,EAAE,cAAsB,EAAE,EAAE,aAAa,2CAiNhG"}