@argusoft/medplat-product-management 1.0.0 → 1.0.2

package/dist/PmTable-B9970kPY.js

@@ -0,0 +1,375 @@
+import { l as e, t } from "./currency-ClRLIEg2.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 { 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, {
+		sx: {
+			borderRadius: 2.5,
+			border: `1px solid ${g(a.palette.divider, .55)}`,
+			backgroundColor: a.palette.background.paper,
+			overflow: "auto",
+			...r
+		},
+		children: /* @__PURE__ */ n(l, {
+			size: t ? "small" : "medium",
+			...i,
+			sx: {
+				"& thead .MuiTableRow-root": { background: `linear-gradient(180deg, ${g(a.palette.grey[50], 1)} 0%, ${g(a.palette.grey[100], 1)} 100%)` },
+				"& thead .MuiTableCell-root": {
+					fontWeight: 800,
+					fontSize: "0.7rem",
+					textTransform: "uppercase",
+					letterSpacing: "0.65px",
+					color: a.palette.text.secondary,
+					borderBottom: `1px solid ${a.palette.divider}`,
+					py: 1.25,
+					whiteSpace: "nowrap",
+					position: "sticky",
+					top: 0,
+					zIndex: 1
+				},
+				"& tbody .MuiTableRow-root": { transition: "background-color 140ms ease" },
+				"& tbody .MuiTableRow-root:hover": { backgroundColor: g(a.palette.primary.main, .04) },
+				"& tbody .MuiTableCell-root": {
+					py: 1.4,
+					borderBottom: `1px solid ${g(a.palette.divider, .5)}`,
+					verticalAlign: "middle"
+				},
+				"& tbody .MuiTableRow-root:last-of-type .MuiTableCell-root": { borderBottom: "none" }
+			},
+			children: e
+		})
+	});
+}
+v.propTypes = {
+	children: h.node,
+	dense: h.bool,
+	sx: h.object
+};
+function y({ eyebrow: e, title: t, subtitle: i, actions: l, toolbar: u, children: d, sx: f = {} }) {
+	return /* @__PURE__ */ n(o, {
+		sx: {
+			borderRadius: 4,
+			border: "1px solid",
+			borderColor: "divider",
+			boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)",
+			overflow: "hidden",
+			...f
+		},
+		children: /* @__PURE__ */ r(s, {
+			sx: {
+				p: 0,
+				"&:last-child": { pb: 0 }
+			},
+			children: [
+				t || l ? /* @__PURE__ */ n(a, {
+					sx: {
+						px: 2.5,
+						pt: 2,
+						pb: 1.5
+					},
+					children: /* @__PURE__ */ r(c, {
+						direction: {
+							xs: "column",
+							md: "row"
+						},
+						justifyContent: "space-between",
+						alignItems: {
+							xs: "flex-start",
+							md: "center"
+						},
+						spacing: 1.5,
+						children: [/* @__PURE__ */ r(a, {
+							sx: { minWidth: 0 },
+							children: [
+								e ? /* @__PURE__ */ n(m, {
+									variant: "overline",
+									sx: {
+										color: "text.secondary",
+										fontWeight: 800,
+										letterSpacing: 1,
+										lineHeight: 1
+									},
+									children: e
+								}) : null,
+								t ? /* @__PURE__ */ n(m, {
+									variant: "h6",
+									sx: {
+										fontWeight: 800,
+										lineHeight: 1.2
+									},
+									children: t
+								}) : null,
+								i ? /* @__PURE__ */ n(m, {
+									variant: "caption",
+									color: "text.secondary",
+									children: i
+								}) : null
+							]
+						}), l ? /* @__PURE__ */ n(a, { children: l }) : null]
+					})
+				}) : null,
+				u ? /* @__PURE__ */ n(a, {
+					sx: {
+						px: 2.5,
+						pb: 1.5
+					},
+					children: u
+				}) : null,
+				/* @__PURE__ */ n(a, {
+					sx: {
+						p: 2.5,
+						pt: t || u ? 0 : 2.5
+					},
+					children: d
+				})
+			]
+		})
+	});
+}
+y.propTypes = {
+	eyebrow: h.node,
+	title: h.node,
+	subtitle: h.node,
+	actions: h.node,
+	toolbar: h.node,
+	children: h.node,
+	sx: h.object
+};
+function b({ colSpan: e, title: t, hint: i, icon: o, action: s }) {
+	return /* @__PURE__ */ n(f, {
+		hover: !1,
+		children: /* @__PURE__ */ n(u, {
+			colSpan: e,
+			sx: {
+				py: 5,
+				textAlign: "center",
+				borderBottom: "none !important"
+			},
+			children: /* @__PURE__ */ r(c, {
+				alignItems: "center",
+				spacing: 1.25,
+				children: [
+					o ? /* @__PURE__ */ n(o, { sx: {
+						fontSize: 44,
+						color: "text.disabled",
+						opacity: .7
+					} }) : null,
+					/* @__PURE__ */ n(m, {
+						variant: "body2",
+						sx: { fontWeight: 700 },
+						children: t
+					}),
+					i ? /* @__PURE__ */ n(m, {
+						variant: "caption",
+						color: "text.secondary",
+						sx: { maxWidth: 360 },
+						children: i
+					}) : null,
+					s ? /* @__PURE__ */ n(a, { children: s }) : null
+				]
+			})
+		})
+	});
+}
+b.propTypes = {
+	colSpan: h.number.isRequired,
+	title: h.node,
+	hint: h.node,
+	icon: h.elementType,
+	action: h.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, {
+		component: "span",
+		sx: {
+			color: "text.disabled",
+			fontVariantNumeric: "tabular-nums"
+		},
+		children: o
+	});
+	let h = Number(i);
+	if (Number.isNaN(h)) return /* @__PURE__ */ n(a, {
+		component: "span",
+		sx: {
+			color: "text.disabled",
+			fontVariantNumeric: "tabular-nums"
+		},
+		children: o
+	});
+	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, {
+		component: "span",
+		sx: {
+			fontWeight: l ? s === "big" ? 800 : 700 : 500,
+			fontSize: s === "big" ? "1.05rem" : "inherit",
+			fontVariantNumeric: "tabular-nums",
+			color: g,
+			...d
+		},
+		children: [m, h.toFixed(2)]
+	});
+}
+x.propTypes = {
+	value: h.oneOfType([h.string, h.number]),
+	fallback: h.node,
+	size: h.oneOf(["normal", "big"]),
+	tone: h.oneOf([
+		"warning",
+		"success",
+		"error",
+		"muted"
+	]),
+	bold: h.bool,
+	prefix: h.string,
+	sx: h.object
+};
+function S({ id: e }) {
+	return /* @__PURE__ */ r(a, {
+		component: "span",
+		sx: {
+			display: "inline-flex",
+			alignItems: "center",
+			px: .85,
+			py: .25,
+			borderRadius: 1,
+			backgroundColor: "grey.100",
+			color: "text.secondary",
+			fontFamily: "monospace",
+			fontSize: "0.72rem",
+			fontWeight: 700,
+			letterSpacing: .4,
+			lineHeight: 1.5
+		},
+		children: ["#", e]
+	});
+}
+S.propTypes = { id: h.oneOfType([h.string, h.number]) };
+function C({ message: e, value: t, max: i }) {
+	let o = (t ?? "").length, s = Math.max(0, i - o);
+	return /* @__PURE__ */ r(a, {
+		component: "span",
+		sx: {
+			display: "flex",
+			width: "100%",
+			gap: 1
+		},
+		children: [/* @__PURE__ */ n(a, {
+			component: "span",
+			sx: { flexGrow: 1 },
+			children: e || ""
+		}), /* @__PURE__ */ r(a, {
+			component: "span",
+			sx: {
+				flexShrink: 0,
+				fontVariantNumeric: "tabular-nums",
+				color: "text.secondary"
+			},
+			children: [
+				s,
+				"/",
+				i
+			]
+		})]
+	});
+}
+C.propTypes = {
+	message: h.node,
+	value: h.string,
+	max: h.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, {
+		size: f,
+		fullWidth: d,
+		disabled: c,
+		options: o,
+		value: o.find((e) => e.value === t) ?? null,
+		onChange: (e, t) => r(t ? t.value : ""),
+		getOptionLabel: (e) => e?.label ?? "",
+		isOptionEqualToValue: (e, t) => e?.value === t?.value,
+		disableClearable: s,
+		noOptionsText: m,
+		sx: h,
+		renderInput: (t) => /* @__PURE__ */ n(p, {
+			...t,
+			label: e,
+			required: s,
+			error: l,
+			helperText: u,
+			onBlur: a
+		})
+	});
+}
+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
+	})).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
+};
+function T({ eyebrow: e, title: t, hint: i, children: o, sx: s = {} }) {
+	return /* @__PURE__ */ r(a, {
+		sx: s,
+		children: [e || t || i ? /* @__PURE__ */ r(a, {
+			sx: { mb: 1.75 },
+			children: [
+				e ? /* @__PURE__ */ n(m, {
+					variant: "overline",
+					sx: {
+						color: "text.secondary",
+						fontWeight: 800,
+						letterSpacing: 1,
+						lineHeight: 1,
+						display: "block"
+					},
+					children: e
+				}) : null,
+				t ? /* @__PURE__ */ n(m, {
+					variant: "h6",
+					sx: {
+						fontWeight: 800,
+						lineHeight: 1.25
+					},
+					children: t
+				}) : null,
+				i ? /* @__PURE__ */ n(m, {
+					variant: "caption",
+					color: "text.secondary",
+					sx: {
+						display: "block",
+						mt: .5
+					},
+					children: i
+				}) : null
+			]
+		}) : null, o]
+	});
+}
+T.propTypes = {
+	eyebrow: h.node,
+	title: h.node,
+	hint: h.node,
+	children: h.node,
+	sx: h.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

package/dist/PmTable-B9970kPY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PmTable-B9970kPY.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: 2.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: 4,\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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"}