@burdenoff/microfe-mybodyshield 2026.821.2 → 2026.830.1

package/dist/mybodyshield/components/UserSearchSelect.js

@@ -1,148 +1,146 @@
 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";
+import { useTr as n } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { useState as r } from "react";
+import { Check as i, Loader2 as a, Search as o, User as s, X as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Input as d, Label as f } 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({
+function p({ label: p, userId: m, displayName: h, onSelect: g, required: _ = !1, htmlId: v = "myb-user-id" }) {
+	let y = n(), [b, x] = r(""), [S, C] = r(!1), w = t(b), T = w.data ?? [], E = b.trim().length >= 2, D = w.isError, O = (t) => {
+		g({
 			userId: t.id,
 			displayName: e(t)
-		}), y("");
+		}), x("");
 	};
-	return b || T ? /* @__PURE__ */ l("div", {
+	return S || D ? /* @__PURE__ */ u("div", {
 		className: "grid gap-1.5",
 		children: [
-			/* @__PURE__ */ l(d, {
-				htmlFor: _,
+			/* @__PURE__ */ u(f, {
+				htmlFor: v,
 				children: [
-					f,
+					p,
 					" ",
-					g && /* @__PURE__ */ c("span", {
+					_ && /* @__PURE__ */ l("span", {
 						className: "text-status-error-text",
 						children: "*"
 					})
 				]
 			}),
-			/* @__PURE__ */ c(u, {
-				id: _,
-				value: p,
-				onChange: (e) => h({
+			/* @__PURE__ */ l(d, {
+				id: v,
+				value: m,
+				onChange: (e) => g({
 					userId: e.target.value,
-					displayName: m
+					displayName: h
 				}),
-				placeholder: "user-uuid"
+				placeholder: y("mybodyshield.components.userSearch.manualPlaceholder", "user-uuid")
 			}),
-			/* @__PURE__ */ c("p", {
+			/* @__PURE__ */ l("p", {
 				className: "text-xs text-text-tertiary",
-				children: T ? "User search is unavailable here — paste the user id." : "Paste the user id."
+				children: D ? y("mybodyshield.components.userSearch.searchUnavailable", "User search is unavailable here — paste the user id.") : y("mybodyshield.components.userSearch.pasteHint", "Paste the user id.")
 			}),
-			!T && /* @__PURE__ */ c("button", {
+			!D && /* @__PURE__ */ l("button", {
 				type: "button",
-				onClick: () => x(!1),
+				onClick: () => C(!1),
 				className: "self-start text-xs font-medium text-accent hover:underline",
-				children: "Search the directory instead"
+				children: y("mybodyshield.components.userSearch.searchDirectory", "Search the directory instead")
 			})
 		]
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "grid gap-1.5",
-		children: [/* @__PURE__ */ l(d, { children: [
-			f,
+		children: [/* @__PURE__ */ u(f, { children: [
+			p,
 			" ",
-			g && /* @__PURE__ */ c("span", {
+			_ && /* @__PURE__ */ l("span", {
 				className: "text-status-error-text",
 				children: "*"
 			})
-		] }), p ? /* @__PURE__ */ l("div", {
+		] }), m ? /* @__PURE__ */ u("div", {
 			className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
 			children: [
-				/* @__PURE__ */ c("span", {
+				/* @__PURE__ */ l("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" })
+					children: /* @__PURE__ */ l(s, { className: "h-4 w-4" })
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ c("p", {
+					children: [/* @__PURE__ */ l("p", {
 						className: "truncate text-sm font-medium text-text-primary",
-						children: m || "Selected user"
-					}), /* @__PURE__ */ c("p", {
+						children: h || y("mybodyshield.components.userSearch.selectedUser", "Selected user")
+					}), /* @__PURE__ */ l("p", {
 						className: "truncate text-xs text-text-tertiary",
-						children: p
+						children: m
 					})]
 				}),
-				/* @__PURE__ */ c("button", {
+				/* @__PURE__ */ l("button", {
 					type: "button",
-					"aria-label": `Clear selected ${f.toLowerCase()}`,
-					onClick: () => h({
+					"aria-label": `Clear selected ${p.toLowerCase()}`,
+					onClick: () => g({
 						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" })
+					children: /* @__PURE__ */ l(c, { className: "h-4 w-4" })
 				})
 			]
-		}) : /* @__PURE__ */ l("div", {
+		}) : /* @__PURE__ */ u("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("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`,
+						/* @__PURE__ */ l(o, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }),
+						/* @__PURE__ */ l(d, {
+							value: b,
+							onChange: (e) => x(e.target.value),
+							placeholder: y("mybodyshield.components.userSearch.searchPlaceholder", "Search by name or email…"),
+							"aria-label": y("mybodyshield.components.userSearch.searchAria", "Search {{label}} by name or email", { label: p.toLowerCase() }),
 							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.isFetching && /* @__PURE__ */ l(a, { 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", {
+				E && !w.isFetching && T.length === 0 && /* @__PURE__ */ l("p", {
 					className: "text-xs text-text-tertiary",
-					children: [
-						"No users match “",
-						v.trim(),
-						"”."
-					]
+					children: y("mybodyshield.components.userSearch.noResults", "No users match “{{term}}”.", { term: b.trim() })
 				}),
-				C.length > 0 && /* @__PURE__ */ c("ul", {
+				T.length > 0 && /* @__PURE__ */ l("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", {
+					children: T.map((t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: () => E(t),
+						onClick: () => O(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", {
+							/* @__PURE__ */ l("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" })
+								children: /* @__PURE__ */ l(s, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ l("span", {
+							/* @__PURE__ */ u("span", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ l("span", {
 									className: "block truncate text-sm font-medium text-text-primary",
 									children: e(t)
-								}), /* @__PURE__ */ c("span", {
+								}), /* @__PURE__ */ l("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" })
+							/* @__PURE__ */ l(i, { className: "h-4 w-4 shrink-0 text-text-tertiary opacity-0" })
 						]
 					}) }, t.id))
 				}),
-				/* @__PURE__ */ c("button", {
+				/* @__PURE__ */ l("button", {
 					type: "button",
-					onClick: () => x(!0),
+					onClick: () => C(!0),
 					className: "text-xs font-medium text-accent hover:underline",
-					children: "Enter a user ID manually"
+					children: y("mybodyshield.components.userSearch.enterManually", "Enter a user ID manually")
 				})
 			]
 		})]
 	});
 }
 //#endregion
-export { f as UserSearchSelect };
+export { p as UserSearchSelect };
 
 //# sourceMappingURL=UserSearchSelect.js.map

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

@@ -1 +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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"}
+{"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';\nimport { useTr } from '../hooks';\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 t = useTr();\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={t('mybodyshield.components.userSearch.manualPlaceholder', 'user-uuid')}\n        />\n        <p className=\"text-xs text-text-tertiary\">\n          {searchUnavailable\n            ? t(\n                'mybodyshield.components.userSearch.searchUnavailable',\n                'User search is unavailable here — paste the user id.'\n              )\n            : t('mybodyshield.components.userSearch.pasteHint', '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            {t(\n              'mybodyshield.components.userSearch.searchDirectory',\n              'Search the directory instead'\n            )}\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 || t('mybodyshield.components.userSearch.selectedUser', '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={t(\n                'mybodyshield.components.userSearch.searchPlaceholder',\n                'Search by name or email…'\n              )}\n              aria-label={t(\n                'mybodyshield.components.userSearch.searchAria',\n                'Search {{label}} by name or email',\n                { label: label.toLowerCase() }\n              )}\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\">\n              {t('mybodyshield.components.userSearch.noResults', 'No users match “{{term}}”.', {\n                term: term.trim(),\n              })}\n            </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            {t('mybodyshield.components.userSearch.enterManually', 'Enter a user ID manually')}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/hooks/index.d.ts

@@ -9,4 +9,5 @@ export * from './useMybComments';
 export * from './useMybTags';
 export * from './useMybUsers';
 export * from './useMyBodyShieldAnalytics';
+export * from './useTr';
 //# sourceMappingURL=index.d.ts.map

package/dist/mybodyshield/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC"}

package/dist/mybodyshield/hooks/index.js

@@ -5,3 +5,4 @@ import "./useMybComments.js";
 import "./useMybTags.js";
 import "./useMybUsers.js";
 import "./useMyBodyShieldAnalytics.js";
+import "./useTr.js";

package/dist/mybodyshield/hooks/useTr.d.ts

@@ -0,0 +1,5 @@
+import { TranslationParams } from '../utils/i18n';
+
+export type Tr = (key: string, fallback: string, params?: TranslationParams) => string;
+export declare function useTr(): Tr;
+//# sourceMappingURL=useTr.d.ts.map

package/dist/mybodyshield/hooks/useTr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/hooks/useTr.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,KAAK,MAAM,CAAC;AAEvF,wBAAgB,KAAK,IAAI,EAAE,CAQ1B"}

package/dist/mybodyshield/hooks/useTr.js

@@ -0,0 +1,12 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useCallback as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/mybodyshield/hooks/useTr.ts
+function r() {
+	let { t: r } = n();
+	return t((t, n, i) => e(r, t, n, i), [r]);
+}
+//#endregion
+export { r as useTr };
+
+//# sourceMappingURL=useTr.js.map

package/dist/mybodyshield/hooks/useTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.js","names":[],"sources":["../../../src/mybodyshield/hooks/useTr.ts"],"sourcesContent":["/**\n * MyBodyShield i18n hook\n * @module mybodyshield/hooks\n *\n * Thin wrapper around the shell I18nProvider that returns a `t` helper with\n * fallback-string and interpolation support. Keeps MFE components free of\n * `useI18n` boilerplate and guarantees a stable API even if the shell provider\n * changes shape.\n */\n\nimport { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport type { TranslationParams } from '../utils/i18n';\n\nexport type Tr = (key: string, fallback: string, params?: TranslationParams) => string;\n\nexport function useTr(): Tr {\n  const { t: translate } = useI18n();\n\n  return useCallback(\n    (key: string, fallback: string, params?: TranslationParams): string =>\n      tWithFallback(translate, key, fallback, params),\n    [translate]\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,IAAY;CAC1B,IAAM,EAAE,GAAG,MAAc,GAAS;AAElC,QAAO,GACJ,GAAa,GAAkB,MAC9B,EAAc,GAAW,GAAK,GAAU,EAAO,EACjD,CAAC,EAAU,CACZ"}

package/dist/mybodyshield/pages/DashboardPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/pages/DashboardPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAmGH,wBAAgB,aAAa,gCAgmB5B"}
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/pages/DashboardPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAyGH,wBAAgB,aAAa,gCAsqB5B"}