@argusoft/medplat-product-management 1.0.2 → 1.0.4

package/dist/{PmTable-B9970kPY.js → PmTable-BkK65bJQ.js}

@@ -1,20 +1,20 @@
-import { l as e, t } from "./currency-ClRLIEg2.js";
+import { i as e, r as t } from "./settingsStore-KW217unV.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Autocomplete as i, Box as a, Card as o, CardContent as s, Stack as c, Table as l, TableCell as u, TableContainer as d, TableRow as f, TextField as p, Typography as m } from "@mui/material";
-import h from "prop-types";
+import i from "prop-types";
+import { Autocomplete as a, Box as o, Card as s, CardContent as c, Stack as l, Table as u, TableCell as d, TableContainer as f, TableRow as p, TextField as m, Typography as h } from "@mui/material";
 import { alpha as g, useTheme as _ } from "@mui/material/styles";
 //#region src/components/PmTable.jsx
 function v({ children: e, dense: t = !1, sx: r = {}, ...i }) {
 	let a = _();
-	return /* @__PURE__ */ n(d, {
+	return /* @__PURE__ */ n(f, {
 		sx: {
-			borderRadius: 2.5,
+			borderRadius: 1.5,
 			border: `1px solid ${g(a.palette.divider, .55)}`,
 			backgroundColor: a.palette.background.paper,
 			overflow: "auto",
 			...r
 		},
-		children: /* @__PURE__ */ n(l, {
+		children: /* @__PURE__ */ n(u, {
 			size: t ? "small" : "medium",
 			...i,
 			sx: {
@@ -46,33 +46,33 @@ function v({ children: e, dense: t = !1, sx: r = {}, ...i }) {
 	});
 }
 v.propTypes = {
-	children: h.node,
-	dense: h.bool,
-	sx: h.object
+	children: i.node,
+	dense: i.bool,
+	sx: i.object
 };
-function y({ eyebrow: e, title: t, subtitle: i, actions: l, toolbar: u, children: d, sx: f = {} }) {
-	return /* @__PURE__ */ n(o, {
+function y({ eyebrow: e, title: t, subtitle: i, actions: a, toolbar: u, children: d, sx: f = {} }) {
+	return /* @__PURE__ */ n(s, {
 		sx: {
-			borderRadius: 4,
+			borderRadius: 1.5,
 			border: "1px solid",
 			borderColor: "divider",
 			boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)",
 			overflow: "hidden",
 			...f
 		},
-		children: /* @__PURE__ */ r(s, {
+		children: /* @__PURE__ */ r(c, {
 			sx: {
 				p: 0,
 				"&:last-child": { pb: 0 }
 			},
 			children: [
-				t || l ? /* @__PURE__ */ n(a, {
+				t || a ? /* @__PURE__ */ n(o, {
 					sx: {
 						px: 2.5,
 						pt: 2,
 						pb: 1.5
 					},
-					children: /* @__PURE__ */ r(c, {
+					children: /* @__PURE__ */ r(l, {
 						direction: {
 							xs: "column",
 							md: "row"
@@ -83,10 +83,10 @@ function y({ eyebrow: e, title: t, subtitle: i, actions: l, toolbar: u, children
 							md: "center"
 						},
 						spacing: 1.5,
-						children: [/* @__PURE__ */ r(a, {
+						children: [/* @__PURE__ */ r(o, {
 							sx: { minWidth: 0 },
 							children: [
-								e ? /* @__PURE__ */ n(m, {
+								e ? /* @__PURE__ */ n(h, {
 									variant: "overline",
 									sx: {
 										color: "text.secondary",
@@ -96,7 +96,7 @@ function y({ eyebrow: e, title: t, subtitle: i, actions: l, toolbar: u, children
 									},
 									children: e
 								}) : null,
-								t ? /* @__PURE__ */ n(m, {
+								t ? /* @__PURE__ */ n(h, {
 									variant: "h6",
 									sx: {
 										fontWeight: 800,
@@ -104,23 +104,23 @@ function y({ eyebrow: e, title: t, subtitle: i, actions: l, toolbar: u, children
 									},
 									children: t
 								}) : null,
-								i ? /* @__PURE__ */ n(m, {
+								i ? /* @__PURE__ */ n(h, {
 									variant: "caption",
 									color: "text.secondary",
 									children: i
 								}) : null
 							]
-						}), l ? /* @__PURE__ */ n(a, { children: l }) : null]
+						}), a ? /* @__PURE__ */ n(o, { children: a }) : null]
 					})
 				}) : null,
-				u ? /* @__PURE__ */ n(a, {
+				u ? /* @__PURE__ */ n(o, {
 					sx: {
 						px: 2.5,
 						pb: 1.5
 					},
 					children: u
 				}) : null,
-				/* @__PURE__ */ n(a, {
+				/* @__PURE__ */ n(o, {
 					sx: {
 						p: 2.5,
 						pt: t || u ? 0 : 2.5
@@ -132,78 +132,78 @@ function y({ eyebrow: e, title: t, subtitle: i, actions: l, toolbar: u, children
 	});
 }
 y.propTypes = {
-	eyebrow: h.node,
-	title: h.node,
-	subtitle: h.node,
-	actions: h.node,
-	toolbar: h.node,
-	children: h.node,
-	sx: h.object
+	eyebrow: i.node,
+	title: i.node,
+	subtitle: i.node,
+	actions: i.node,
+	toolbar: i.node,
+	children: i.node,
+	sx: i.object
 };
-function b({ colSpan: e, title: t, hint: i, icon: o, action: s }) {
-	return /* @__PURE__ */ n(f, {
+function b({ colSpan: e, title: t, hint: i, icon: a, action: s }) {
+	return /* @__PURE__ */ n(p, {
 		hover: !1,
-		children: /* @__PURE__ */ n(u, {
+		children: /* @__PURE__ */ n(d, {
 			colSpan: e,
 			sx: {
 				py: 5,
 				textAlign: "center",
 				borderBottom: "none !important"
 			},
-			children: /* @__PURE__ */ r(c, {
+			children: /* @__PURE__ */ r(l, {
 				alignItems: "center",
 				spacing: 1.25,
 				children: [
-					o ? /* @__PURE__ */ n(o, { sx: {
+					a ? /* @__PURE__ */ n(a, { sx: {
 						fontSize: 44,
 						color: "text.disabled",
 						opacity: .7
 					} }) : null,
-					/* @__PURE__ */ n(m, {
+					/* @__PURE__ */ n(h, {
 						variant: "body2",
 						sx: { fontWeight: 700 },
 						children: t
 					}),
-					i ? /* @__PURE__ */ n(m, {
+					i ? /* @__PURE__ */ n(h, {
 						variant: "caption",
 						color: "text.secondary",
 						sx: { maxWidth: 360 },
 						children: i
 					}) : null,
-					s ? /* @__PURE__ */ n(a, { children: s }) : null
+					s ? /* @__PURE__ */ n(o, { children: s }) : null
 				]
 			})
 		})
 	});
 }
 b.propTypes = {
-	colSpan: h.number.isRequired,
-	title: h.node,
-	hint: h.node,
-	icon: h.elementType,
-	action: h.node
+	colSpan: i.number.isRequired,
+	title: i.node,
+	hint: i.node,
+	icon: i.elementType,
+	action: i.node
 };
-function x({ value: i, fallback: o = "—", size: s = "normal", tone: c, bold: l = !0, prefix: u, sx: d = {} }) {
-	let f = _(), p = e(), m = u ?? t(p?.currencyCode);
-	if (i == null || i === "") return /* @__PURE__ */ n(a, {
+function x({ value: i, fallback: a = "—", size: s = "normal", tone: c, bold: l = !0, prefix: u, sx: d = {} }) {
+	let f = _(), p = t(), m = u ?? e(p?.currencyCode);
+	if (i == null || i === "") return /* @__PURE__ */ n(o, {
 		component: "span",
 		sx: {
 			color: "text.disabled",
 			fontVariantNumeric: "tabular-nums"
 		},
-		children: o
+		children: a
 	});
 	let h = Number(i);
-	if (Number.isNaN(h)) return /* @__PURE__ */ n(a, {
+	if (Number.isNaN(h)) return /* @__PURE__ */ n(o, {
 		component: "span",
 		sx: {
 			color: "text.disabled",
 			fontVariantNumeric: "tabular-nums"
 		},
-		children: o
+		children: a
 	});
 	let g = c === "warning" ? f.palette.warning.dark : c === "success" ? f.palette.success.dark : c === "error" ? f.palette.error.dark : c === "muted" ? f.palette.text.secondary : "inherit";
-	return /* @__PURE__ */ r(a, {
+	return /* @__PURE__ */ r(o, {
 		component: "span",
 		sx: {
 			fontWeight: l ? s === "big" ? 800 : 700 : 500,
@@ -216,21 +216,21 @@ function x({ value: i, fallback: o = "—", size: s = "normal", tone: c, bold: l
 	});
 }
 x.propTypes = {
-	value: h.oneOfType([h.string, h.number]),
-	fallback: h.node,
-	size: h.oneOf(["normal", "big"]),
-	tone: h.oneOf([
+	value: i.oneOfType([i.string, i.number]),
+	fallback: i.node,
+	size: i.oneOf(["normal", "big"]),
+	tone: i.oneOf([
 		"warning",
 		"success",
 		"error",
 		"muted"
 	]),
-	bold: h.bool,
-	prefix: h.string,
-	sx: h.object
+	bold: i.bool,
+	prefix: i.string,
+	sx: i.object
 };
 function S({ id: e }) {
-	return /* @__PURE__ */ r(a, {
+	return /* @__PURE__ */ r(o, {
 		component: "span",
 		sx: {
 			display: "inline-flex",
@@ -249,21 +249,21 @@ function S({ id: e }) {
 		children: ["#", e]
 	});
 }
-S.propTypes = { id: h.oneOfType([h.string, h.number]) };
+S.propTypes = { id: i.oneOfType([i.string, i.number]) };
 function C({ message: e, value: t, max: i }) {
-	let o = (t ?? "").length, s = Math.max(0, i - o);
-	return /* @__PURE__ */ r(a, {
+	let a = (t ?? "").length, s = Math.max(0, i - a);
+	return /* @__PURE__ */ r(o, {
 		component: "span",
 		sx: {
 			display: "flex",
 			width: "100%",
 			gap: 1
 		},
-		children: [/* @__PURE__ */ n(a, {
+		children: [/* @__PURE__ */ n(o, {
 			component: "span",
 			sx: { flexGrow: 1 },
 			children: e || ""
-		}), /* @__PURE__ */ r(a, {
+		}), /* @__PURE__ */ r(o, {
 			component: "span",
 			sx: {
 				flexShrink: 0,
@@ -279,12 +279,12 @@ function C({ message: e, value: t, max: i }) {
 	});
 }
 C.propTypes = {
-	message: h.node,
-	value: h.string,
-	max: h.number.isRequired
+	message: i.node,
+	value: i.string,
+	max: i.number.isRequired
 };
-function w({ label: e, value: t, onChange: r, onBlur: a, options: o, required: s = !1, disabled: c = !1, error: l = !1, helperText: u = "", fullWidth: d = !0, size: f = "small", noOptionsText: m, sx: h = {} }) {
-	return /* @__PURE__ */ n(i, {
+function w({ label: e, value: t, onChange: r, onBlur: i, options: o, required: s = !1, disabled: c = !1, error: l = !1, helperText: u = "", fullWidth: d = !0, size: f = "small", noOptionsText: p, sx: h = {} }) {
+	return /* @__PURE__ */ n(a, {
 		size: f,
 		fullWidth: d,
 		disabled: c,
@@ -294,43 +294,43 @@ function w({ label: e, value: t, onChange: r, onBlur: a, options: o, required: s
 		getOptionLabel: (e) => e?.label ?? "",
 		isOptionEqualToValue: (e, t) => e?.value === t?.value,
 		disableClearable: s,
-		noOptionsText: m,
+		noOptionsText: p,
 		sx: h,
-		renderInput: (t) => /* @__PURE__ */ n(p, {
+		renderInput: (t) => /* @__PURE__ */ n(m, {
 			...t,
 			label: e,
 			required: s,
 			error: l,
 			helperText: u,
-			onBlur: a
+			onBlur: i
 		})
 	});
 }
 w.propTypes = {
-	label: h.node,
-	value: h.any,
-	onChange: h.func.isRequired,
-	onBlur: h.func,
-	options: h.arrayOf(h.shape({
-		value: h.any,
-		label: h.node
+	label: i.node,
+	value: i.any,
+	onChange: i.func.isRequired,
+	onBlur: i.func,
+	options: i.arrayOf(i.shape({
+		value: i.any,
+		label: i.node
 	})).isRequired,
-	required: h.bool,
-	disabled: h.bool,
-	error: h.bool,
-	helperText: h.node,
-	fullWidth: h.bool,
-	size: h.string,
-	noOptionsText: h.node,
-	sx: h.object
+	required: i.bool,
+	disabled: i.bool,
+	error: i.bool,
+	helperText: i.node,
+	fullWidth: i.bool,
+	size: i.string,
+	noOptionsText: i.node,
+	sx: i.object
 };
-function T({ eyebrow: e, title: t, hint: i, children: o, sx: s = {} }) {
-	return /* @__PURE__ */ r(a, {
+function T({ eyebrow: e, title: t, hint: i, children: a, sx: s = {} }) {
+	return /* @__PURE__ */ r(o, {
 		sx: s,
-		children: [e || t || i ? /* @__PURE__ */ r(a, {
+		children: [e || t || i ? /* @__PURE__ */ r(o, {
 			sx: { mb: 1.75 },
 			children: [
-				e ? /* @__PURE__ */ n(m, {
+				e ? /* @__PURE__ */ n(h, {
 					variant: "overline",
 					sx: {
 						color: "text.secondary",
@@ -341,7 +341,7 @@ function T({ eyebrow: e, title: t, hint: i, children: o, sx: s = {} }) {
 					},
 					children: e
 				}) : null,
-				t ? /* @__PURE__ */ n(m, {
+				t ? /* @__PURE__ */ n(h, {
 					variant: "h6",
 					sx: {
 						fontWeight: 800,
@@ -349,7 +349,7 @@ function T({ eyebrow: e, title: t, hint: i, children: o, sx: s = {} }) {
 					},
 					children: t
 				}) : null,
-				i ? /* @__PURE__ */ n(m, {
+				i ? /* @__PURE__ */ n(h, {
 					variant: "caption",
 					color: "text.secondary",
 					sx: {
@@ -359,17 +359,17 @@ function T({ eyebrow: e, title: t, hint: i, children: o, sx: s = {} }) {
 					children: i
 				}) : null
 			]
-		}) : null, o]
+		}) : null, a]
 	});
 }
 T.propTypes = {
-	eyebrow: h.node,
-	title: h.node,
-	hint: h.node,
-	children: h.node,
-	sx: h.object
+	eyebrow: i.node,
+	title: i.node,
+	hint: i.node,
+	children: i.node,
+	sx: i.object
 };
 //#endregion
 export { S as a, y as c, x as i, C as n, w as o, T as r, v as s, b as t };
 
-//# sourceMappingURL=PmTable-B9970kPY.js.map
+//# sourceMappingURL=PmTable-BkK65bJQ.js.map

package/dist/PmTable-BkK65bJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PmTable-BkK65bJQ.js","names":[],"sources":["../src/components/PmTable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Autocomplete,\n  Box,\n  Card,\n  CardContent,\n  Stack,\n  Table,\n  TableCell,\n  TableContainer,\n  TableRow,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport { currencySymbol } from '@pm/utils/currency';\nimport { usePmSettings } from '@pm/utils/settingsStore';\n\n// Shared building blocks for the data-heavy PM tables. The goal is one\n// consistent look: gradient-headed table, soft hover, eyebrow + title card\n// chrome, semantic empty state, tabular-figure money cell. Every list page\n// is built from these so the visual rhythm is identical everywhere.\n\n// -------- Table -----------------------------------------------------------\n\nexport function PmTable({ children, dense = false, sx = {}, ...props }) {\n  const theme = useTheme();\n  return (\n    <TableContainer\n      sx={{\n        borderRadius: 1.5,\n        border: `1px solid ${alpha(theme.palette.divider, 0.55)}`,\n        backgroundColor: theme.palette.background.paper,\n        overflow: 'auto',\n        ...sx,\n      }}\n    >\n      <Table\n        size={dense ? 'small' : 'medium'}\n        {...props}\n        sx={{\n          '& thead .MuiTableRow-root': {\n            background: `linear-gradient(180deg, ${alpha(theme.palette.grey[50], 1)} 0%, ${alpha(theme.palette.grey[100], 1)} 100%)`,\n          },\n          '& thead .MuiTableCell-root': {\n            fontWeight: 800,\n            fontSize: '0.7rem',\n            textTransform: 'uppercase',\n            letterSpacing: '0.65px',\n            color: theme.palette.text.secondary,\n            borderBottom: `1px solid ${theme.palette.divider}`,\n            py: 1.25,\n            whiteSpace: 'nowrap',\n            position: 'sticky',\n            top: 0,\n            zIndex: 1,\n          },\n          '& tbody .MuiTableRow-root': {\n            transition: 'background-color 140ms ease',\n          },\n          '& tbody .MuiTableRow-root:hover': {\n            backgroundColor: alpha(theme.palette.primary.main, 0.04),\n          },\n          '& tbody .MuiTableCell-root': {\n            py: 1.4,\n            borderBottom: `1px solid ${alpha(theme.palette.divider, 0.5)}`,\n            verticalAlign: 'middle',\n          },\n          '& tbody .MuiTableRow-root:last-of-type .MuiTableCell-root': {\n            borderBottom: 'none',\n          },\n        }}\n      >\n        {children}\n      </Table>\n    </TableContainer>\n  );\n}\nPmTable.propTypes = {\n  children: PropTypes.node,\n  dense: PropTypes.bool,\n  sx: PropTypes.object,\n};\n\n// -------- Section card chrome --------------------------------------------\n\n/**\n * Card with a consistent eyebrow + title + actions header, ready to hold a\n * PmTable (or any other content). The table renders flush against the card\n * because the container handles borders/radius. Toolbar slot is for filters\n * or search inputs that sit between the title and the table.\n */\nexport function PmTableCard({\n  eyebrow,\n  title,\n  subtitle,\n  actions,\n  toolbar,\n  children,\n  sx = {},\n}) {\n  return (\n    <Card\n      sx={{\n        borderRadius: 1.5,\n        border: '1px solid',\n        borderColor: 'divider',\n        boxShadow: '0 12px 32px rgba(15, 23, 42, 0.045)',\n        overflow: 'hidden',\n        ...sx,\n      }}\n    >\n      <CardContent sx={{ p: 0, '&:last-child': { pb: 0 } }}>\n        {(title || actions) ? (\n          <Box sx={{ px: 2.5, pt: 2, pb: 1.5 }}>\n            <Stack\n              direction={{ xs: 'column', md: 'row' }}\n              justifyContent=\"space-between\"\n              alignItems={{ xs: 'flex-start', md: 'center' }}\n              spacing={1.5}\n            >\n              <Box sx={{ minWidth: 0 }}>\n                {eyebrow ? (\n                  <Typography\n                    variant=\"overline\"\n                    sx={{ color: 'text.secondary', fontWeight: 800, letterSpacing: 1, lineHeight: 1 }}\n                  >\n                    {eyebrow}\n                  </Typography>\n                ) : null}\n                {title ? (\n                  <Typography variant=\"h6\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>\n                    {title}\n                  </Typography>\n                ) : null}\n                {subtitle ? (\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    {subtitle}\n                  </Typography>\n                ) : null}\n              </Box>\n              {actions ? <Box>{actions}</Box> : null}\n            </Stack>\n          </Box>\n        ) : null}\n        {toolbar ? <Box sx={{ px: 2.5, pb: 1.5 }}>{toolbar}</Box> : null}\n        <Box sx={{ p: 2.5, pt: title || toolbar ? 0 : 2.5 }}>{children}</Box>\n      </CardContent>\n    </Card>\n  );\n}\nPmTableCard.propTypes = {\n  eyebrow: PropTypes.node,\n  title: PropTypes.node,\n  subtitle: PropTypes.node,\n  actions: PropTypes.node,\n  toolbar: PropTypes.node,\n  children: PropTypes.node,\n  sx: PropTypes.object,\n};\n\n// -------- Empty state row -------------------------------------------------\n\nexport function PmEmptyRow({ colSpan, title, hint, icon: Icon, action }) {\n  return (\n    <TableRow hover={false}>\n      <TableCell colSpan={colSpan} sx={{ py: 5, textAlign: 'center', borderBottom: 'none !important' }}>\n        <Stack alignItems=\"center\" spacing={1.25}>\n          {Icon ? <Icon sx={{ fontSize: 44, color: 'text.disabled', opacity: 0.7 }} /> : null}\n          <Typography variant=\"body2\" sx={{ fontWeight: 700 }}>{title}</Typography>\n          {hint ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ maxWidth: 360 }}>{hint}</Typography>\n          ) : null}\n          {action ? <Box>{action}</Box> : null}\n        </Stack>\n      </TableCell>\n    </TableRow>\n  );\n}\nPmEmptyRow.propTypes = {\n  colSpan: PropTypes.number.isRequired,\n  title: PropTypes.node,\n  hint: PropTypes.node,\n  icon: PropTypes.elementType,\n  action: PropTypes.node,\n};\n\n// -------- Money cell ------------------------------------------------------\n\n/**\n * Currency display with tabular figures so numbers don't shift between\n * rows. {@code tone} can semantically colour the value — useful for\n * paid/due splits in the Sales table.\n */\nexport function PmMoney({ value, fallback = '—', size = 'normal', tone, bold = true, prefix, sx = {} }) {\n  const theme = useTheme();\n  const settings = usePmSettings();\n  // When the caller doesn't override the prefix, pull the symbol from the\n  // module settings — every PmMoney across the module then renders with the\n  // currency configured for the deployment.\n  const effectivePrefix = prefix ?? currencySymbol(settings?.currencyCode);\n  if (value == null || value === '') {\n    return <Box component=\"span\" sx={{ color: 'text.disabled', fontVariantNumeric: 'tabular-nums' }}>{fallback}</Box>;\n  }\n  const n = Number(value);\n  if (Number.isNaN(n)) {\n    return <Box component=\"span\" sx={{ color: 'text.disabled', fontVariantNumeric: 'tabular-nums' }}>{fallback}</Box>;\n  }\n  const color = tone === 'warning' ? theme.palette.warning.dark\n    : tone === 'success' ? theme.palette.success.dark\n    : tone === 'error' ? theme.palette.error.dark\n    : tone === 'muted' ? theme.palette.text.secondary\n    : 'inherit';\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        fontWeight: bold ? (size === 'big' ? 800 : 700) : 500,\n        fontSize: size === 'big' ? '1.05rem' : 'inherit',\n        fontVariantNumeric: 'tabular-nums',\n        color,\n        ...sx,\n      }}\n    >\n      {effectivePrefix}{n.toFixed(2)}\n    </Box>\n  );\n}\nPmMoney.propTypes = {\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  fallback: PropTypes.node,\n  size: PropTypes.oneOf(['normal', 'big']),\n  tone: PropTypes.oneOf(['warning', 'success', 'error', 'muted']),\n  bold: PropTypes.bool,\n  prefix: PropTypes.string,\n  sx: PropTypes.object,\n};\n\n// -------- Reference chip --------------------------------------------------\n\n/** Monospace `#1234` chip used in left-most \"Ref\" columns. */\nexport function PmRef({ id }) {\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        px: 0.85,\n        py: 0.25,\n        borderRadius: 1,\n        backgroundColor: 'grey.100',\n        color: 'text.secondary',\n        fontFamily: 'monospace',\n        fontSize: '0.72rem',\n        fontWeight: 700,\n        letterSpacing: 0.4,\n        lineHeight: 1.5,\n      }}\n    >\n      #{id}\n    </Box>\n  );\n}\nPmRef.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\n// -------- Field helper text with character counter -----------------------\n\n/**\n * Helper-text content that pairs a message (validation error or hint) on the\n * left with a live \"remaining/allowed\" character counter on the right. Pass\n * as a TextField's `helperText`. Renders only spans so it's valid inside the\n * FormHelperText <p>.\n */\nexport function PmFieldHelp({ message, value, max }) {\n  const used = (value ?? '').length;\n  const remaining = Math.max(0, max - used);\n  return (\n    <Box component=\"span\" sx={{ display: 'flex', width: '100%', gap: 1 }}>\n      <Box component=\"span\" sx={{ flexGrow: 1 }}>{message || ''}</Box>\n      <Box\n        component=\"span\"\n        sx={{ flexShrink: 0, fontVariantNumeric: 'tabular-nums', color: 'text.secondary' }}\n      >\n        {remaining}/{max}\n      </Box>\n    </Box>\n  );\n}\nPmFieldHelp.propTypes = {\n  message: PropTypes.node,\n  value: PropTypes.string,\n  max: PropTypes.number.isRequired,\n};\n\n// -------- Select (dropdown) ----------------------------------------------\n\n/**\n * Standard PM dropdown. Wraps MUI Autocomplete (the app-wide dropdown\n * pattern, same as FacilityPicker / CustomDropdown) so every select in the\n * module looks and behaves identically and sizes like the themed text\n * fields. Options are plain `{ value, label }`; `value`/`onChange` work with\n * the raw value so callers don't deal with option objects.\n */\nexport function PmSelect({\n  label,\n  value,\n  onChange,\n  onBlur,\n  options,\n  required = false,\n  disabled = false,\n  error = false,\n  helperText = '',\n  fullWidth = true,\n  size = 'small',\n  noOptionsText,\n  sx = {},\n}) {\n  const selected = options.find((o) => o.value === value) ?? null;\n  return (\n    <Autocomplete\n      size={size}\n      fullWidth={fullWidth}\n      disabled={disabled}\n      options={options}\n      value={selected}\n      onChange={(_, opt) => onChange(opt ? opt.value : '')}\n      getOptionLabel={(o) => o?.label ?? ''}\n      isOptionEqualToValue={(o, v) => o?.value === v?.value}\n      disableClearable={required}\n      noOptionsText={noOptionsText}\n      sx={sx}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          label={label}\n          required={required}\n          error={error}\n          helperText={helperText}\n          onBlur={onBlur}\n        />\n      )}\n    />\n  );\n}\nPmSelect.propTypes = {\n  label: PropTypes.node,\n  value: PropTypes.any,\n  onChange: PropTypes.func.isRequired,\n  onBlur: PropTypes.func,\n  options: PropTypes.arrayOf(PropTypes.shape({\n    value: PropTypes.any,\n    label: PropTypes.node,\n  })).isRequired,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  helperText: PropTypes.node,\n  fullWidth: PropTypes.bool,\n  size: PropTypes.string,\n  noOptionsText: PropTypes.node,\n  sx: PropTypes.object,\n};\n\n// -------- Form section helper --------------------------------------------\n\n/**\n * Wraps a chunk of form fields with a consistent eyebrow + title + hint\n * header. Used inside create/edit pages so every section has the same\n * vertical rhythm.\n */\nexport function PmFormSection({ eyebrow, title, hint, children, sx = {} }) {\n  return (\n    <Box sx={sx}>\n      {(eyebrow || title || hint) ? (\n        <Box sx={{ mb: 1.75 }}>\n          {eyebrow ? (\n            <Typography\n              variant=\"overline\"\n              sx={{ color: 'text.secondary', fontWeight: 800, letterSpacing: 1, lineHeight: 1, display: 'block' }}\n            >\n              {eyebrow}\n            </Typography>\n          ) : null}\n          {title ? (\n            <Typography variant=\"h6\" sx={{ fontWeight: 800, lineHeight: 1.25 }}>{title}</Typography>\n          ) : null}\n          {hint ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mt: 0.5 }}>\n              {hint}\n            </Typography>\n          ) : null}\n        </Box>\n      ) : null}\n      {children}\n    </Box>\n  );\n}\nPmFormSection.propTypes = {\n  eyebrow: PropTypes.node,\n  title: PropTypes.node,\n  hint: PropTypes.node,\n  children: PropTypes.node,\n  sx: PropTypes.object,\n};\n"],"mappings":"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"}