@burdenoff/microfe-mybodyshield 2026.525.1 → 2026.705.2

package/dist/mybodyshield/components/StatusBadge.js

@@ -0,0 +1,62 @@
+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/mybodyshield/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 = {
+	DRAFT: "secondary",
+	ACTIVE: "success",
+	COMPLETED: "success",
+	ARCHIVED: "outline",
+	BUILD: "info",
+	PEAK: "warning",
+	DELOAD: "secondary",
+	MAINTENANCE: "secondary",
+	ACHIEVED: "success",
+	PAUSED: "warning",
+	ABANDONED: "outline",
+	SCHEDULED: "secondary",
+	IN_PROGRESS: "info",
+	SKIPPED: "outline",
+	PENDING: "warning",
+	ENDED: "outline",
+	STRENGTH: "info",
+	CARDIO: "warning",
+	HIIT: "destructive",
+	MOBILITY: "secondary",
+	YOGA: "secondary",
+	RECOVERY: "success",
+	BEGINNER: "secondary",
+	INTERMEDIATE: "info",
+	ADVANCED: "warning",
+	ELITE: "destructive",
+	WEIGHT_LOSS: "info",
+	MUSCLE_GAIN: "info",
+	ENDURANCE: "info",
+	GENERAL_FITNESS: "secondary",
+	PR: "success",
+	OK: "success"
+}, 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/mybodyshield/components/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/mybodyshield/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module mybodyshield/components\n *\n * A colored badge for MyBodyShield domain statuses (program status/phase, goal\n * status, workout-session status, coaching status, workout type, muscle group,\n * fitness level, recovery metric, meal type) with semantic color mapping.\n * 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  // Program status\n  DRAFT: 'secondary',\n  ACTIVE: 'success',\n  COMPLETED: 'success',\n  ARCHIVED: 'outline',\n\n  // Program phase\n  BUILD: 'info',\n  PEAK: 'warning',\n  DELOAD: 'secondary',\n  MAINTENANCE: 'secondary',\n\n  // Goal status\n  ACHIEVED: 'success',\n  PAUSED: 'warning',\n  ABANDONED: 'outline',\n\n  // Workout-session status\n  SCHEDULED: 'secondary',\n  IN_PROGRESS: 'info',\n  SKIPPED: 'outline',\n\n  // Coaching status\n  PENDING: 'warning',\n  ENDED: 'outline',\n\n  // Workout type\n  STRENGTH: 'info',\n  CARDIO: 'warning',\n  HIIT: 'destructive',\n  MOBILITY: 'secondary',\n  YOGA: 'secondary',\n  RECOVERY: 'success',\n\n  // Fitness level\n  BEGINNER: 'secondary',\n  INTERMEDIATE: 'info',\n  ADVANCED: 'warning',\n  ELITE: 'destructive',\n\n  // Goal type\n  WEIGHT_LOSS: 'info',\n  MUSCLE_GAIN: 'info',\n  ENDURANCE: 'info',\n  GENERAL_FITNESS: 'secondary',\n\n  // Personal record / positive flag\n  PR: 'success',\n  OK: 'success',\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,OAAO;CACP,QAAQ;CACR,WAAW;CACX,UAAU;CAGV,OAAO;CACP,MAAM;CACN,QAAQ;CACR,aAAa;CAGb,UAAU;CACV,QAAQ;CACR,WAAW;CAGX,WAAW;CACX,aAAa;CACb,SAAS;CAGT,SAAS;CACT,OAAO;CAGP,UAAU;CACV,QAAQ;CACR,MAAM;CACN,UAAU;CACV,MAAM;CACN,UAAU;CAGV,UAAU;CACV,cAAc;CACd,UAAU;CACV,OAAO;CAGP,aAAa;CACb,aAAa;CACb,WAAW;CACX,iBAAiB;CAGjB,IAAI;CACJ,IAAI;CACL,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/mybodyshield/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/mybodyshield/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/mybodyshield/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/mybodyshield/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 mybodyshield/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/mybodyshield/components/UserSearchSelect.js

@@ -0,0 +1,148 @@
+import { directoryUserName as e, useMybUserSearch as t } from "../hooks/useMybUsers.js";
+import { useState as n } from "react";
+import { Check as r, Loader2 as i, Search as a, User as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Input as u, Label as d } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/components/UserSearchSelect.tsx
+function f({ label: f, userId: p, displayName: m, onSelect: h, required: g = !1, htmlId: _ = "myb-user-id" }) {
+	let [v, y] = n(""), [b, x] = n(!1), S = t(v), C = S.data ?? [], w = v.trim().length >= 2, T = S.isError, E = (t) => {
+		h({
+			userId: t.id,
+			displayName: e(t)
+		}), y("");
+	};
+	return b || T ? /* @__PURE__ */ l("div", {
+		className: "grid gap-1.5",
+		children: [
+			/* @__PURE__ */ l(d, {
+				htmlFor: _,
+				children: [
+					f,
+					" ",
+					g && /* @__PURE__ */ c("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})
+				]
+			}),
+			/* @__PURE__ */ c(u, {
+				id: _,
+				value: p,
+				onChange: (e) => h({
+					userId: e.target.value,
+					displayName: m
+				}),
+				placeholder: "user-uuid"
+			}),
+			/* @__PURE__ */ c("p", {
+				className: "text-xs text-text-tertiary",
+				children: T ? "User search is unavailable here — paste the user id." : "Paste the user id."
+			}),
+			!T && /* @__PURE__ */ c("button", {
+				type: "button",
+				onClick: () => x(!1),
+				className: "self-start text-xs font-medium text-accent hover:underline",
+				children: "Search the directory instead"
+			})
+		]
+	}) : /* @__PURE__ */ l("div", {
+		className: "grid gap-1.5",
+		children: [/* @__PURE__ */ l(d, { children: [
+			f,
+			" ",
+			g && /* @__PURE__ */ c("span", {
+				className: "text-status-error-text",
+				children: "*"
+			})
+		] }), p ? /* @__PURE__ */ l("div", {
+			className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
+			children: [
+				/* @__PURE__ */ c("span", {
+					className: "flex size-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+					children: /* @__PURE__ */ c(o, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ c("p", {
+						className: "truncate text-sm font-medium text-text-primary",
+						children: m || "Selected user"
+					}), /* @__PURE__ */ c("p", {
+						className: "truncate text-xs text-text-tertiary",
+						children: p
+					})]
+				}),
+				/* @__PURE__ */ c("button", {
+					type: "button",
+					"aria-label": `Clear selected ${f.toLowerCase()}`,
+					onClick: () => h({
+						userId: "",
+						displayName: ""
+					}),
+					className: "rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
+					children: /* @__PURE__ */ c(s, { className: "h-4 w-4" })
+				})
+			]
+		}) : /* @__PURE__ */ l("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "relative",
+					children: [
+						/* @__PURE__ */ c(a, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }),
+						/* @__PURE__ */ c(u, {
+							value: v,
+							onChange: (e) => y(e.target.value),
+							placeholder: "Search by name or email…",
+							"aria-label": `Search ${f.toLowerCase()} by name or email`,
+							className: "pl-9"
+						}),
+						S.isFetching && /* @__PURE__ */ c(i, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-text-tertiary" })
+					]
+				}),
+				w && !S.isFetching && C.length === 0 && /* @__PURE__ */ l("p", {
+					className: "text-xs text-text-tertiary",
+					children: [
+						"No users match “",
+						v.trim(),
+						"”."
+					]
+				}),
+				C.length > 0 && /* @__PURE__ */ c("ul", {
+					className: "max-h-56 divide-y divide-border-seam overflow-auto rounded-lg border border-border-seam bg-bg-surface",
+					children: C.map((t) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: () => E(t),
+						className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-bg-sunken",
+						children: [
+							/* @__PURE__ */ c("span", {
+								className: "flex size-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+								children: /* @__PURE__ */ c(o, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ c("span", {
+									className: "block truncate text-sm font-medium text-text-primary",
+									children: e(t)
+								}), /* @__PURE__ */ c("span", {
+									className: "block truncate text-xs text-text-tertiary",
+									children: t.email
+								})]
+							}),
+							/* @__PURE__ */ c(r, { className: "h-4 w-4 shrink-0 text-text-tertiary opacity-0" })
+						]
+					}) }, t.id))
+				}),
+				/* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: () => x(!0),
+					className: "text-xs font-medium text-accent hover:underline",
+					children: "Enter a user ID manually"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { f as UserSearchSelect };
+
+//# sourceMappingURL=UserSearchSelect.js.map

package/dist/mybodyshield/components/UserSearchSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSearchSelect.js","names":[],"sources":["../../../src/mybodyshield/components/UserSearchSelect.tsx"],"sourcesContent":["/**\n * User picker (identity reuse)\n * @module mybodyshield/components\n *\n * Resolves a real user by name or email from the global user directory so a\n * coach/member can be chosen without pasting a raw UUID. Degrades gracefully:\n * if the directory is unavailable (RBAC), the user can still paste an id.\n * Semantic tokens only.\n */\n\nimport { useState } from 'react';\nimport { Check, Loader2, Search, User as UserIcon, X } from 'lucide-react';\nimport { Input, Label } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { directoryUserName, useMybUserSearch, type DirectoryUser } from '../hooks/useMybUsers';\n\nexport interface UserSelectValue {\n  userId: string;\n  displayName: string;\n}\n\ninterface UserSearchSelectProps {\n  /** Field label (e.g. \"Coach\", \"Member\"). */\n  label: string;\n  /** Currently selected user id. */\n  userId: string;\n  /** Display name currently chosen (echoed back so the parent can prefill). */\n  displayName: string;\n  onSelect: (value: UserSelectValue) => void;\n  required?: boolean;\n  /** Optional id for the label/input association in manual mode. */\n  htmlId?: string;\n}\n\nexport function UserSearchSelect({\n  label,\n  userId,\n  displayName,\n  onSelect,\n  required = false,\n  htmlId = 'myb-user-id',\n}: UserSearchSelectProps) {\n  const [term, setTerm] = useState('');\n  const [manual, setManual] = useState(false);\n\n  const search = useMybUserSearch(term);\n  const results = search.data ?? [];\n  const active = term.trim().length >= 2;\n  const searchUnavailable = search.isError;\n\n  const pick = (user: DirectoryUser) => {\n    onSelect({ userId: user.id, displayName: directoryUserName(user) });\n    setTerm('');\n  };\n\n  if (manual || searchUnavailable) {\n    return (\n      <div className=\"grid gap-1.5\">\n        <Label htmlFor={htmlId}>\n          {label} {required && <span className=\"text-status-error-text\">*</span>}\n        </Label>\n        <Input\n          id={htmlId}\n          value={userId}\n          onChange={(e) => onSelect({ userId: e.target.value, displayName })}\n          placeholder=\"user-uuid\"\n        />\n        <p className=\"text-xs text-text-tertiary\">\n          {searchUnavailable\n            ? 'User search is unavailable here — paste the user id.'\n            : 'Paste the user id.'}\n        </p>\n        {!searchUnavailable && (\n          <button\n            type=\"button\"\n            onClick={() => setManual(false)}\n            className=\"self-start text-xs font-medium text-accent hover:underline\"\n          >\n            Search the directory instead\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"grid gap-1.5\">\n      <Label>\n        {label} {required && <span className=\"text-status-error-text\">*</span>}\n      </Label>\n      {userId ? (\n        <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n            <UserIcon className=\"h-4 w-4\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"truncate text-sm font-medium text-text-primary\">\n              {displayName || 'Selected user'}\n            </p>\n            <p className=\"truncate text-xs text-text-tertiary\">{userId}</p>\n          </div>\n          <button\n            type=\"button\"\n            aria-label={`Clear selected ${label.toLowerCase()}`}\n            onClick={() => onSelect({ userId: '', displayName: '' })}\n            className=\"rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          <div className=\"relative\">\n            <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n            <Input\n              value={term}\n              onChange={(e) => setTerm(e.target.value)}\n              placeholder=\"Search by name or email…\"\n              aria-label={`Search ${label.toLowerCase()} by name or email`}\n              className=\"pl-9\"\n            />\n            {search.isFetching && (\n              <Loader2 className=\"absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-text-tertiary\" />\n            )}\n          </div>\n\n          {active && !search.isFetching && results.length === 0 && (\n            <p className=\"text-xs text-text-tertiary\">No users match “{term.trim()}”.</p>\n          )}\n\n          {results.length > 0 && (\n            <ul className=\"max-h-56 divide-y divide-border-seam overflow-auto rounded-lg border border-border-seam bg-bg-surface\">\n              {results.map((user) => (\n                <li key={user.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => pick(user)}\n                    className=\"flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-bg-sunken\"\n                  >\n                    <span className=\"flex size-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                      <UserIcon className=\"h-4 w-4\" />\n                    </span>\n                    <span className=\"min-w-0 flex-1\">\n                      <span className=\"block truncate text-sm font-medium text-text-primary\">\n                        {directoryUserName(user)}\n                      </span>\n                      <span className=\"block truncate text-xs text-text-tertiary\">\n                        {user.email}\n                      </span>\n                    </span>\n                    <Check className=\"h-4 w-4 shrink-0 text-text-tertiary opacity-0\" />\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <button\n            type=\"button\"\n            onClick={() => setManual(true)}\n            className=\"text-xs font-medium text-accent hover:underline\"\n          >\n            Enter a user ID manually\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/components/index.js

@@ -0,0 +1,15 @@
+import "./PageLayout.js";
+import "./MetricsCard.js";
+import "./StatusBadge.js";
+import "./MiniBar.js";
+import "./StateViews.js";
+import "./EmptyState.js";
+import "./DataTable.js";
+import "./FilterTabs.js";
+import "./Tabs.js";
+import "./Pagination.js";
+import "./EvidenceUpload.js";
+import "./FileLink.js";
+import "./MybDiscussion.js";
+import "./MybTags.js";
+import "./UserSearchSelect.js";

package/dist/mybodyshield/context/MyBodyShieldContext.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/mybodyshield/context/MyBodyShieldContext.tsx
+var c = t(null);
+function l() {
+	let e = r(c);
+	if (!e) throw Error("useMyBodyShield must be used within an MyBodyShieldProvider");
+	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 MyBodyShieldProvider, l as useMyBodyShield };
+
+//# sourceMappingURL=MyBodyShieldContext.js.map

package/dist/mybodyshield/context/MyBodyShieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyBodyShieldContext.js","names":[],"sources":["../../../src/mybodyshield/context/MyBodyShieldContext.tsx"],"sourcesContent":["/**\n * MyBodyShield Context Provider\n * @module mybodyshield/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 { MyBodyShieldRootProps } from '../types';\nimport { joinPath } from '../utils/navigation';\n\ninterface MyBodyShieldContextValue extends Omit<\n  MyBodyShieldRootProps,\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 MyBodyShieldContext = createContext<MyBodyShieldContextValue | null>(null);\n\nexport function useMyBodyShield(): MyBodyShieldContextValue {\n  const context = useContext(MyBodyShieldContext);\n  if (!context) {\n    throw new Error('useMyBodyShield must be used within an MyBodyShieldProvider');\n  }\n  return context;\n}\n\ntype ProviderProps = Omit<MyBodyShieldRootProps, '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<MyBodyShieldContextValue>(\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    <MyBodyShieldContext.Provider value={contextValue}>{children}</MyBodyShieldContext.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<MyBodyShieldContextValue>(\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    <MyBodyShieldContext.Provider value={contextValue}>{children}</MyBodyShieldContext.Provider>\n  );\n};\n\nexport const MyBodyShieldProvider: FC<PropsWithChildren<MyBodyShieldRootProps>> = (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/mybodyshield/context/index.js

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

package/dist/mybodyshield/hooks/index.js

@@ -0,0 +1,6 @@
+import "./useMyBodyShieldApi.js";
+import "./usePager.js";
+import "./useMybFiles.js";
+import "./useMybComments.js";
+import "./useMybTags.js";
+import "./useMybUsers.js";