formanitor 0.1.11 → 0.2.0

package/dist/HiddenVitalsWidget-W23IFSEF.mjs

@@ -0,0 +1,53 @@
+import { Textarea } from './chunk-4BAKQIPJ.mjs';
+import { getThemeConfig } from './chunk-Y7TIWH4I.mjs';
+import { FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-XR2ZM654.mjs';
+import { useField } from './chunk-ZGPHTPAN.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var HiddenVitalsWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef) return null;
+  const height = "height" in fieldDef ? fieldDef.height : void 0;
+  const theme = getThemeConfig("textarea", fieldDef.theme);
+  const wrapperClass = cn(theme?.wrapperClassName ?? "space-y-2", "sr-only");
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    " ",
+    /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: fieldWrapperClass(fieldDef, wrapperClass),
+      "aria-hidden": "true",
+      children: [
+        theme ? /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef, labelClass), children: labelContent }) : /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef), children: labelContent }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: fieldId,
+            value: value ?? "",
+            onChange: (e) => setValue(e.target.value),
+            onBlur: setTouched,
+            disabled,
+            className: fieldControlClass(fieldDef, inputClass),
+            ...height != null && { height }
+          }
+        ),
+        showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+      ]
+    }
+  );
+};
+
+export { HiddenVitalsWidget };
+//# sourceMappingURL=HiddenVitalsWidget-W23IFSEF.mjs.map
+//# sourceMappingURL=HiddenVitalsWidget-W23IFSEF.mjs.map

package/dist/HiddenVitalsWidget-W23IFSEF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/HiddenVitalsWidget.tsx"],"names":[],"mappings":";;;;;;;;;;AAmBO,IAAM,kBAAA,GAAoD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAChF,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAE1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,MAAA,GAAS,QAAA,IAAY,QAAA,GAAW,QAAA,CAAS,MAAA,GAAS,MAAA;AACxD,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,UAAA,EAAY,QAAA,CAAS,KAAK,CAAA;AAEvD,EAAA,MAAM,YAAA,GAAe,EAAA,CAAG,KAAA,EAAO,gBAAA,IAAoB,aAAa,SAAS,CAAA;AACzE,EAAA,MAAM,aAAa,KAAA,EAAO,cAAA;AAC1B,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,KAAA,EAAO,cAAA,EAAgB,aAAa,gBAAgB,CAAA;AAE1E,EAAA,MAAM,+BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,CAAS,KAAA;AAAA,IAAM,GAAA;AAAA,oBAAC,GAAA,CAAC,0BAAuB,QAAA,EAAoB;AAAA,GAAA,EAC/D,CAAA;AAGF,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iBAAA,CAAkB,QAAA,EAAU,YAAY,CAAA;AAAA,MACnD,aAAA,EAAY,MAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,KAAA,uBACE,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,UAAU,UAAU,CAAA,EACrE,wBACH,CAAA,mBAEA,GAAA,CAAC,SAAM,OAAA,EAAS,OAAA,EAAS,WAAW,eAAA,CAAgB,QAAQ,GACzD,QAAA,EAAA,YAAA,EACH,CAAA;AAAA,wBAEF,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,OAAA;AAAA,YACJ,OAAO,KAAA,IAAS,EAAA;AAAA,YAChB,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YACxC,MAAA,EAAQ,UAAA;AAAA,YACR,QAAA;AAAA,YACA,SAAA,EAAW,iBAAA,CAAkB,QAAA,EAAU,UAAU,CAAA;AAAA,YAChD,GAAI,MAAA,IAAU,IAAA,IAAQ,EAAE,MAAA;AAAO;AAAA,SAClC;AAAA,QACC,SAAA,wBACE,GAAA,EAAA,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,sBAAsB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GAE5E;AAEJ","file":"HiddenVitalsWidget-W23IFSEF.mjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { Label } from '../shadcn/label';\nimport { Textarea } from '../shadcn/textarea';\nimport { getThemeConfig } from '../themes';\nimport { cn } from '../../core/utils';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n} from '../../react/fieldStyle';\n\n/**\n * Hidden Vitals: same as a textarea (styling, behavior, form state) but visually\n * hidden in the UI. State is still saved in the background.\n */\nexport const HiddenVitalsWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const height = 'height' in fieldDef ? fieldDef.height : undefined;\n  const theme = getThemeConfig('textarea', fieldDef.theme);\n\n  const wrapperClass = cn(theme?.wrapperClassName ?? 'space-y-2', 'sr-only');\n  const labelClass = theme?.labelClassName;\n  const inputClass = cn(theme?.inputClassName, showError && 'border-red-500');\n\n  const labelContent = (\n    <>\n      {fieldDef.label} <FieldRequiredIndicator fieldDef={fieldDef} />\n    </>\n  );\n\n  return (\n    <div\n      className={fieldWrapperClass(fieldDef, wrapperClass)}\n      aria-hidden=\"true\"\n    >\n      {theme ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef, labelClass)}>\n          {labelContent}\n        </Label>\n      ) : (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {labelContent}\n        </Label>\n      )}\n      <Textarea\n        id={fieldId}\n        value={value ?? ''}\n        onChange={(e) => setValue(e.target.value)}\n        onBlur={setTouched}\n        disabled={disabled}\n        className={fieldControlClass(fieldDef, inputClass)}\n        {...(height != null && { height })}\n      />\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/LensAssessmentWidget-LSHBUTT5.cjs

@@ -0,0 +1,234 @@
+'use strict';
+
+var chunkKPGTPJDH_cjs = require('./chunk-KPGTPJDH.cjs');
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var EMPTY_GRADES = { NO: 0, NC: 0, C: 0, PSC: 0 };
+var LOCS_FIELDS = [
+  { key: "NO", label: "Nuclear Opalescence", max: 4, hint: "0\u20134" },
+  { key: "NC", label: "Nuclear Colour", max: 4, hint: "0\u20134" },
+  { key: "C", label: "Cortical", max: 4, hint: "0\u20134" },
+  { key: "PSC", label: "Posterior Subcapsular", max: 4, hint: "0\u20134" }
+];
+var LOCS_GRID_STYLE = {
+  display: "grid",
+  gridTemplateColumns: "minmax(0, 1fr) minmax(5.5rem, auto) minmax(5.5rem, auto)",
+  columnGap: "1rem",
+  rowGap: "0.5rem",
+  alignItems: "center",
+  width: "100%",
+  minWidth: 0
+};
+function parseGrades(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return void 0;
+  const r = raw;
+  const n = (k) => {
+    const v = Number(r[k]);
+    return Number.isFinite(v) ? Math.trunc(v) : 0;
+  };
+  return { NO: n("NO"), NC: n("NC"), C: n("C"), PSC: n("PSC") };
+}
+function clampGrade(v) {
+  return Math.max(0, Math.min(4, Math.trunc(v)));
+}
+function parseValue(raw) {
+  const locs = {
+    OD: { ...EMPTY_GRADES },
+    OS: { ...EMPTY_GRADES }
+  };
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    const o = raw;
+    const locsRaw = o.locs;
+    if (locsRaw && typeof locsRaw === "object" && !Array.isArray(locsRaw)) {
+      const L = locsRaw;
+      const od = parseGrades(L.OD);
+      const os = parseGrades(L.OS);
+      if (od)
+        locs.OD = {
+          NO: clampGrade(od.NO),
+          NC: clampGrade(od.NC),
+          C: clampGrade(od.C),
+          PSC: clampGrade(od.PSC)
+        };
+      if (os)
+        locs.OS = {
+          NO: clampGrade(os.NO),
+          NC: clampGrade(os.NC),
+          C: clampGrade(os.C),
+          PSC: clampGrade(os.PSC)
+        };
+    }
+    return {
+      notes: typeof o.notes === "string" ? o.notes : "",
+      assessmentKey: typeof o.assessmentKey === "string" ? o.assessmentKey : void 0,
+      locs
+    };
+  }
+  return { notes: "", assessmentKey: void 0, locs };
+}
+function cataractStage(eye, locs) {
+  const g = locs[eye];
+  const total = g.NO + g.NC + g.C + g.PSC;
+  if (total === 0) return "\u2014";
+  if (total <= 4) return "Early";
+  if (total <= 8) return "Moderate";
+  if (total <= 12) return "Advanced";
+  return "Hypermature";
+}
+function Stepper({
+  value,
+  max,
+  disabled,
+  ariaLabel,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex items-center gap-1 justify-self-center",
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onChange(Math.max(0, value - 1)),
+            className: "h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
+            children: "-"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max,
+            disabled,
+            value,
+            "aria-label": ariaLabel,
+            onChange: (e) => onChange(Math.max(0, Math.min(max, Number(e.target.value) || 0))),
+            className: "h-6 w-10 shrink-0 rounded border border-input bg-background px-1 py-0 text-center text-xs disabled:opacity-50"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onChange(Math.min(max, value + 1)),
+            className: "h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
+            children: "+"
+          }
+        )
+      ]
+    }
+  );
+}
+function StageBadge({ stage }) {
+  const cls = {
+    Early: "border border-emerald-200 text-foreground",
+    Moderate: "border border-amber-200 text-foreground",
+    Advanced: "border border-orange-300 text-foreground",
+    Hypermature: "border border-destructive text-foreground",
+    "\u2014": "border border-border text-muted-foreground"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: chunkFHHISVCH_cjs.cn(
+        "rounded-full bg-background px-2 py-0.5 text-[11px] font-medium",
+        cls[stage] ?? "border border-border text-muted-foreground"
+      ),
+      children: stage
+    }
+  );
+}
+var DEFAULT_TITLE = "Lens Assessment \u2014 LOCS III";
+var LensAssessmentWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "lens_assessment") {
+    return null;
+  }
+  const def = fieldDef;
+  const v = parseValue(value);
+  const locs = v.locs ?? { OD: { ...EMPTY_GRADES }, OS: { ...EMPTY_GRADES } };
+  const title = def.meta?.cardTitle || (def.label?.trim() ? def.label : DEFAULT_TITLE);
+  const setPartial = (patch) => {
+    setValue({ ...v, ...patch, locs: patch.locs ?? v.locs ?? locs });
+  };
+  const setLocs = (eye, key, n) => {
+    const next = clampGrade(n);
+    setPartial({
+      locs: {
+        ...locs,
+        [eye]: { ...locs[eye], [key]: next }
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: `lens-assessment-${fieldId}`,
+      className: "w-full min-w-0 max-w-full rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: LOCS_GRID_STYLE, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-24 justify-self-center text-center text-xs font-semibold", children: "Right Eye" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-24 justify-self-center text-center text-xs font-semibold", children: "Left Eye" }),
+          LOCS_FIELDS.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "contents" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: f.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: f.hint })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Stepper,
+              {
+                value: locs.OD[f.key],
+                max: f.max,
+                disabled,
+                ariaLabel: `${f.label} right eye`,
+                onChange: (n) => setLocs("OD", f.key, n)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Stepper,
+              {
+                value: locs.OS[f.key],
+                max: f.max,
+                disabled,
+                ariaLabel: `${f.label} left eye`,
+                onChange: (n) => setLocs("OS", f.key, n)
+              }
+            )
+          ] }, f.key))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 border-t border-border pt-3 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Cataract Stage" }),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 inline-flex items-center gap-1", children: [
+            "OD ",
+            /* @__PURE__ */ jsxRuntime.jsx(StageBadge, { stage: cataractStage("OD", locs) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 inline-flex items-center gap-1", children: [
+            "OS ",
+            /* @__PURE__ */ jsxRuntime.jsx(StageBadge, { stage: cataractStage("OS", locs) })
+          ] })
+        ] }),
+        def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: def.description }),
+        showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-red-500", children: error })
+      ]
+    }
+  );
+};
+
+exports.LensAssessmentWidget = LensAssessmentWidget;
+//# sourceMappingURL=LensAssessmentWidget-LSHBUTT5.cjs.map
+//# sourceMappingURL=LensAssessmentWidget-LSHBUTT5.cjs.map

package/dist/LensAssessmentWidget-LSHBUTT5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/LensAssessmentWidget.tsx"],"names":["jsxs","jsx","cn","useField","useForm"],"mappings":";;;;;;;;AAaA,IAAM,YAAA,GAA2B,EAAE,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAA,EAAK,CAAA,EAAE;AAE9D,IAAM,WAAA,GAKA;AAAA,EACJ,EAAE,KAAK,IAAA,EAAM,KAAA,EAAO,uBAAuB,GAAA,EAAK,CAAA,EAAG,MAAM,UAAA,EAAM;AAAA,EAC/D,EAAE,KAAK,IAAA,EAAM,KAAA,EAAO,kBAAkB,GAAA,EAAK,CAAA,EAAG,MAAM,UAAA,EAAM;AAAA,EAC1D,EAAE,KAAK,GAAA,EAAK,KAAA,EAAO,YAAY,GAAA,EAAK,CAAA,EAAG,MAAM,UAAA,EAAM;AAAA,EACnD,EAAE,KAAK,KAAA,EAAO,KAAA,EAAO,yBAAyB,GAAA,EAAK,CAAA,EAAG,MAAM,UAAA;AAC9D,CAAA;AAGA,IAAM,eAAA,GAAuC;AAAA,EAC3C,OAAA,EAAS,MAAA;AAAA,EACT,mBAAA,EAAqB,0DAAA;AAAA,EACrB,SAAA,EAAW,MAAA;AAAA,EACX,MAAA,EAAQ,QAAA;AAAA,EACR,UAAA,EAAY,QAAA;AAAA,EACZ,KAAA,EAAO,MAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA;AAEA,SAAS,YAAY,GAAA,EAAsC;AACzD,EAAA,IAAI,CAAC,OAAO,OAAO,GAAA,KAAQ,YAAY,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG,OAAO,MAAA;AAClE,EAAA,MAAM,CAAA,GAAI,GAAA;AACV,EAAA,MAAM,CAAA,GAAI,CAAC,CAAA,KAAwB;AACjC,IAAA,MAAM,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AACrB,IAAA,OAAO,OAAO,QAAA,CAAS,CAAC,IAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,CAAA;AAAA,EAC9C,CAAA;AACA,EAAA,OAAO,EAAE,EAAA,EAAI,CAAA,CAAE,IAAI,CAAA,EAAG,IAAI,CAAA,CAAE,IAAI,CAAA,EAAG,CAAA,EAAG,EAAE,GAAG,CAAA,EAAG,GAAA,EAAK,CAAA,CAAE,KAAK,CAAA,EAAE;AAC9D;AAEA,SAAS,WAAW,CAAA,EAAmB;AACrC,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAG,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAC,CAAA;AAC/C;AAEA,SAAS,WAAW,GAAA,EAAmC;AACrD,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,EAAA,EAAI,EAAE,GAAG,YAAA,EAAa;AAAA,IACtB,EAAA,EAAI,EAAE,GAAG,YAAA;AAAa,GACxB;AACA,EAAA,IAAI,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,IAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AACzD,IAAA,MAAM,CAAA,GAAI,GAAA;AACV,IAAA,MAAM,UAAU,CAAA,CAAE,IAAA;AAClB,IAAA,IAAI,OAAA,IAAW,OAAO,OAAA,KAAY,QAAA,IAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,EAAG;AACrE,MAAA,MAAM,CAAA,GAAI,OAAA;AACV,MAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,EAAE,CAAA;AAC3B,MAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,EAAE,CAAA;AAC3B,MAAA,IAAI,EAAA;AACF,QAAA,IAAA,CAAK,EAAA,GAAK;AAAA,UACR,EAAA,EAAI,UAAA,CAAW,EAAA,CAAG,EAAE,CAAA;AAAA,UACpB,EAAA,EAAI,UAAA,CAAW,EAAA,CAAG,EAAE,CAAA;AAAA,UACpB,CAAA,EAAG,UAAA,CAAW,EAAA,CAAG,CAAC,CAAA;AAAA,UAClB,GAAA,EAAK,UAAA,CAAW,EAAA,CAAG,GAAG;AAAA,SACxB;AACF,MAAA,IAAI,EAAA;AACF,QAAA,IAAA,CAAK,EAAA,GAAK;AAAA,UACR,EAAA,EAAI,UAAA,CAAW,EAAA,CAAG,EAAE,CAAA;AAAA,UACpB,EAAA,EAAI,UAAA,CAAW,EAAA,CAAG,EAAE,CAAA;AAAA,UACpB,CAAA,EAAG,UAAA,CAAW,EAAA,CAAG,CAAC,CAAA;AAAA,UAClB,GAAA,EAAK,UAAA,CAAW,EAAA,CAAG,GAAG;AAAA,SACxB;AAAA,IACJ;AACA,IAAA,OAAO;AAAA,MACL,OAAO,OAAO,CAAA,CAAE,KAAA,KAAU,QAAA,GAAW,EAAE,KAAA,GAAQ,EAAA;AAAA,MAC/C,eAAe,OAAO,CAAA,CAAE,aAAA,KAAkB,QAAA,GAAW,EAAE,aAAA,GAAgB,MAAA;AAAA,MACvE;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,EAAE,KAAA,EAAO,EAAA,EAAI,aAAA,EAAe,QAAW,IAAA,EAAK;AACrD;AAEA,SAAS,aAAA,CAAc,KAAc,IAAA,EAAwD;AAC3F,EAAA,MAAM,CAAA,GAAI,KAAK,GAAG,CAAA;AAClB,EAAA,MAAM,QAAQ,CAAA,CAAE,EAAA,GAAK,EAAE,EAAA,GAAK,CAAA,CAAE,IAAI,CAAA,CAAE,GAAA;AACpC,EAAA,IAAI,KAAA,KAAU,GAAG,OAAO,QAAA;AACxB,EAAA,IAAI,KAAA,IAAS,GAAG,OAAO,OAAA;AACvB,EAAA,IAAI,KAAA,IAAS,GAAG,OAAO,UAAA;AACvB,EAAA,IAAI,KAAA,IAAS,IAAI,OAAO,UAAA;AACxB,EAAA,OAAO,aAAA;AACT;AAEA,SAAS,OAAA,CAAQ;AAAA,EACf,KAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,6CAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,EAAG,KAAA,GAAQ,CAAC,CAAC,CAAA;AAAA,YAC9C,SAAA,EAAU,sHAAA;AAAA,YACX,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,wBACAA,cAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,GAAA,EAAK,CAAA;AAAA,YACL,GAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,YAAA,EAAY,SAAA;AAAA,YACZ,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,OAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA,IAAK,CAAC,CAAC,CAAC,CAAA;AAAA,YACjF,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACAA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,IAAI,GAAA,EAAK,KAAA,GAAQ,CAAC,CAAC,CAAA;AAAA,YAChD,SAAA,EAAU,sHAAA;AAAA,YACX,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,KAAA,EAAM,EAAsB;AAChD,EAAA,MAAM,GAAA,GAA8B;AAAA,IAClC,KAAA,EAAO,2CAAA;AAAA,IACP,QAAA,EAAU,yCAAA;AAAA,IACV,QAAA,EAAU,0CAAA;AAAA,IACV,WAAA,EAAa,2CAAA;AAAA,IACb,QAAA,EAAK;AAAA,GACP;AACA,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,oBAAA;AAAA,QACT,gEAAA;AAAA,QACA,GAAA,CAAI,KAAK,CAAA,IAAK;AAAA,OAChB;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,IAAM,aAAA,GAAgB,iCAAA;AAKf,IAAM,oBAAA,GAAsD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAClF,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,QAAA,EAAU,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAIC,0BAAA,CAAS,OAAO,CAAA;AAChF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,yBAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,QAAA,IAAY,QAAA,CAAS,IAAA,KAAS,iBAAA,EAAmB;AACpD,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,GAAA,GAAM,QAAA;AACZ,EAAA,MAAM,CAAA,GAAI,WAAW,KAAK,CAAA;AAC1B,EAAA,MAAM,IAAA,GAAO,CAAA,CAAE,IAAA,IAAQ,EAAE,EAAA,EAAI,EAAE,GAAG,YAAA,EAAa,EAAG,EAAA,EAAI,EAAE,GAAG,cAAa,EAAE;AAC1E,EAAA,MAAM,KAAA,GACH,IAAI,IAAA,EAAM,SAAA,KACV,IAAI,KAAA,EAAO,IAAA,EAAK,GAAI,GAAA,CAAI,KAAA,GAAQ,aAAA,CAAA;AAEnC,EAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAwC;AAC1D,IAAA,QAAA,CAAS,EAAE,GAAG,CAAA,EAAG,GAAG,KAAA,EAAO,IAAA,EAAM,KAAA,CAAM,IAAA,IAAQ,CAAA,CAAE,IAAA,IAAQ,IAAA,EAAM,CAAA;AAAA,EACjE,CAAA;AAEA,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,EAAc,GAAA,EAAuB,CAAA,KAAc;AAClE,IAAA,MAAM,IAAA,GAAO,WAAW,CAAC,CAAA;AACzB,IAAA,UAAA,CAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAG,IAAA;AAAA,QACH,CAAC,GAAG,GAAG,EAAE,GAAG,IAAA,CAAK,GAAG,CAAA,EAAG,CAAC,GAAG,GAAG,IAAA;AAAK;AACrC,KACD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACEJ,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,mBAAmB,OAAO,CAAA,CAAA;AAAA,MAC9B,SAAA,EAAU,sGAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,4CAAA,EAA8C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAElED,eAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,eAAA,EACV,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAU,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,0BACrCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EAA6D,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,0BACrFA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EAA6D,QAAA,EAAA,UAAA,EAAQ,CAAA;AAAA,UACnF,WAAA,CAAY,GAAA,CAAI,CAAC,CAAA,qBAChBD,eAAA,CAAC,SAAgB,KAAA,EAAO,EAAE,OAAA,EAAS,UAAA,EAAW,EAC5C,QAAA,EAAA;AAAA,4BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iBAAA,EACb,QAAA,EAAA;AAAA,8BAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM,CAAA;AAAA,8BACtCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,YAAE,IAAA,EAAK;AAAA,aAAA,EACjD,CAAA;AAAA,4BACAA,cAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,IAAA,CAAK,EAAA,CAAG,CAAA,CAAE,GAAG,CAAA;AAAA,gBACpB,KAAK,CAAA,CAAE,GAAA;AAAA,gBACP,QAAA;AAAA,gBACA,SAAA,EAAW,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,UAAA,CAAA;AAAA,gBACrB,UAAU,CAAC,CAAA,KAAM,QAAQ,IAAA,EAAM,CAAA,CAAE,KAAK,CAAC;AAAA;AAAA,aACzC;AAAA,4BACAA,cAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,IAAA,CAAK,EAAA,CAAG,CAAA,CAAE,GAAG,CAAA;AAAA,gBACpB,KAAK,CAAA,CAAE,GAAA;AAAA,gBACP,QAAA;AAAA,gBACA,SAAA,EAAW,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,SAAA,CAAA;AAAA,gBACrB,UAAU,CAAC,CAAA,KAAM,QAAQ,IAAA,EAAM,CAAA,CAAE,KAAK,CAAC;AAAA;AAAA;AACzC,WAAA,EAAA,EAlBQ,CAAA,CAAE,GAmBZ,CACD;AAAA,SAAA,EACH,CAAA;AAAA,wBAEAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,gBAAA,EAAc,CAAA;AAAA,UAAQ,GAAA;AAAA,0BAC9DD,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,2CAChD,UAAA,EAAA,EAAW,KAAA,EAAO,aAAA,CAAc,IAAA,EAAM,IAAI,CAAA,EAAG;AAAA,WAAA,EACnD,CAAA;AAAA,0BACAA,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,2CAChD,UAAA,EAAA,EAAW,KAAA,EAAO,aAAA,CAAc,IAAA,EAAM,IAAI,CAAA,EAAG;AAAA,WAAA,EACnD;AAAA,SAAA,EACF,CAAA;AAAA,QAEC,IAAI,WAAA,oBACHC,cAAA,CAAC,OAAE,SAAA,EAAU,oCAAA,EAAsC,cAAI,WAAA,EAAY,CAAA;AAAA,QAGpE,SAAA,oBAAaA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6BAA6B,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GAChE;AAEJ","file":"LensAssessmentWidget-LSHBUTT5.cjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { cn } from '../../core/utils';\nimport type {\n  LensAssessmentFieldDef,\n  LensAssessmentValue,\n  LocsGrades,\n} from '../../core/types';\n\ntype LocsEye = 'OD' | 'OS';\ntype LocsComponentKey = keyof LocsGrades;\n\nconst EMPTY_GRADES: LocsGrades = { NO: 0, NC: 0, C: 0, PSC: 0 };\n\nconst LOCS_FIELDS: {\n  key: LocsComponentKey;\n  label: string;\n  max: number;\n  hint: string;\n}[] = [\n  { key: 'NO', label: 'Nuclear Opalescence', max: 4, hint: '0–4' },\n  { key: 'NC', label: 'Nuclear Colour', max: 4, hint: '0–4' },\n  { key: 'C', label: 'Cortical', max: 4, hint: '0–4' },\n  { key: 'PSC', label: 'Posterior Subcapsular', max: 4, hint: '0–4' },\n];\n\n/** Inline grid so layout survives Tailwind content scans that omit library bundles. */\nconst LOCS_GRID_STYLE: React.CSSProperties = {\n  display: 'grid',\n  gridTemplateColumns: 'minmax(0, 1fr) minmax(5.5rem, auto) minmax(5.5rem, auto)',\n  columnGap: '1rem',\n  rowGap: '0.5rem',\n  alignItems: 'center',\n  width: '100%',\n  minWidth: 0,\n};\n\nfunction parseGrades(raw: unknown): LocsGrades | undefined {\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return undefined;\n  const r = raw as Record<string, unknown>;\n  const n = (k: LocsComponentKey) => {\n    const v = Number(r[k]);\n    return Number.isFinite(v) ? Math.trunc(v) : 0;\n  };\n  return { NO: n('NO'), NC: n('NC'), C: n('C'), PSC: n('PSC') };\n}\n\nfunction clampGrade(v: number): number {\n  return Math.max(0, Math.min(4, Math.trunc(v)));\n}\n\nfunction parseValue(raw: unknown): LensAssessmentValue {\n  const locs = {\n    OD: { ...EMPTY_GRADES },\n    OS: { ...EMPTY_GRADES },\n  };\n  if (raw && typeof raw === 'object' && !Array.isArray(raw)) {\n    const o = raw as Record<string, unknown>;\n    const locsRaw = o.locs;\n    if (locsRaw && typeof locsRaw === 'object' && !Array.isArray(locsRaw)) {\n      const L = locsRaw as Record<string, unknown>;\n      const od = parseGrades(L.OD);\n      const os = parseGrades(L.OS);\n      if (od)\n        locs.OD = {\n          NO: clampGrade(od.NO),\n          NC: clampGrade(od.NC),\n          C: clampGrade(od.C),\n          PSC: clampGrade(od.PSC),\n        };\n      if (os)\n        locs.OS = {\n          NO: clampGrade(os.NO),\n          NC: clampGrade(os.NC),\n          C: clampGrade(os.C),\n          PSC: clampGrade(os.PSC),\n        };\n    }\n    return {\n      notes: typeof o.notes === 'string' ? o.notes : '',\n      assessmentKey: typeof o.assessmentKey === 'string' ? o.assessmentKey : undefined,\n      locs,\n    };\n  }\n  return { notes: '', assessmentKey: undefined, locs };\n}\n\nfunction cataractStage(eye: LocsEye, locs: NonNullable<LensAssessmentValue['locs']>): string {\n  const g = locs[eye];\n  const total = g.NO + g.NC + g.C + g.PSC;\n  if (total === 0) return '—';\n  if (total <= 4) return 'Early';\n  if (total <= 8) return 'Moderate';\n  if (total <= 12) return 'Advanced';\n  return 'Hypermature';\n}\n\nfunction Stepper({\n  value,\n  max,\n  disabled,\n  ariaLabel,\n  onChange,\n}: {\n  value: number;\n  max: number;\n  disabled?: boolean;\n  ariaLabel: string;\n  onChange: (v: number) => void;\n}) {\n  return (\n    <div\n      className=\"flex items-center gap-1 justify-self-center\"\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      <button\n        type=\"button\"\n        disabled={disabled}\n        onClick={() => onChange(Math.max(0, value - 1))}\n        className=\"h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50\"\n      >\n        -\n      </button>\n      <input\n        type=\"number\"\n        min={0}\n        max={max}\n        disabled={disabled}\n        value={value}\n        aria-label={ariaLabel}\n        onChange={(e) => onChange(Math.max(0, Math.min(max, Number(e.target.value) || 0)))}\n        className=\"h-6 w-10 shrink-0 rounded border border-input bg-background px-1 py-0 text-center text-xs disabled:opacity-50\"\n      />\n      <button\n        type=\"button\"\n        disabled={disabled}\n        onClick={() => onChange(Math.min(max, value + 1))}\n        className=\"h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50\"\n      >\n        +\n      </button>\n    </div>\n  );\n}\n\nfunction StageBadge({ stage }: { stage: string }) {\n  const cls: Record<string, string> = {\n    Early: 'border border-emerald-200 text-foreground',\n    Moderate: 'border border-amber-200 text-foreground',\n    Advanced: 'border border-orange-300 text-foreground',\n    Hypermature: 'border border-destructive text-foreground',\n    '—': 'border border-border text-muted-foreground',\n  };\n  return (\n    <span\n      className={cn(\n        'rounded-full bg-background px-2 py-0.5 text-[11px] font-medium',\n        cls[stage] ?? 'border border-border text-muted-foreground',\n      )}\n    >\n      {stage}\n    </span>\n  );\n}\n\nconst DEFAULT_TITLE = 'Lens Assessment — LOCS III';\n\n/**\n * LOCS III lens assessment: OD/OS column steppers and derived cataract-stage badges.\n */\nexport const LensAssessmentWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef || fieldDef.type !== 'lens_assessment') {\n    return null;\n  }\n\n  const def = fieldDef as LensAssessmentFieldDef;\n  const v = parseValue(value);\n  const locs = v.locs ?? { OD: { ...EMPTY_GRADES }, OS: { ...EMPTY_GRADES } };\n  const title =\n    (def.meta?.cardTitle as string | undefined) ||\n    (def.label?.trim() ? def.label : DEFAULT_TITLE);\n\n  const setPartial = (patch: Partial<LensAssessmentValue>) => {\n    setValue({ ...v, ...patch, locs: patch.locs ?? v.locs ?? locs });\n  };\n\n  const setLocs = (eye: LocsEye, key: LocsComponentKey, n: number) => {\n    const next = clampGrade(n);\n    setPartial({\n      locs: {\n        ...locs,\n        [eye]: { ...locs[eye], [key]: next },\n      },\n    });\n  };\n\n  return (\n    <div\n      id={`lens-assessment-${fieldId}`}\n      className=\"w-full min-w-0 max-w-full rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm\"\n    >\n      <h3 className=\"mb-3 text-sm font-semibold text-foreground\">{title}</h3>\n\n      <div style={LOCS_GRID_STYLE}>\n        <div className=\"min-w-0\" aria-hidden />\n        <div className=\"w-24 justify-self-center text-center text-xs font-semibold\">Right Eye</div>\n        <div className=\"w-24 justify-self-center text-center text-xs font-semibold\">Left Eye</div>\n        {LOCS_FIELDS.map((f) => (\n          <div key={f.key} style={{ display: 'contents' }}>\n            <div className=\"min-w-0 text-xs\">\n              <div className=\"font-medium\">{f.label}</div>\n              <div className=\"text-muted-foreground\">{f.hint}</div>\n            </div>\n            <Stepper\n              value={locs.OD[f.key]}\n              max={f.max}\n              disabled={disabled}\n              ariaLabel={`${f.label} right eye`}\n              onChange={(n) => setLocs('OD', f.key, n)}\n            />\n            <Stepper\n              value={locs.OS[f.key]}\n              max={f.max}\n              disabled={disabled}\n              ariaLabel={`${f.label} left eye`}\n              onChange={(n) => setLocs('OS', f.key, n)}\n            />\n          </div>\n        ))}\n      </div>\n\n      <div className=\"mt-3 border-t border-border pt-3 text-xs\">\n        <span className=\"text-muted-foreground\">Cataract Stage</span>{' '}\n        <span className=\"ml-1 inline-flex items-center gap-1\">\n          OD <StageBadge stage={cataractStage('OD', locs)} />\n        </span>\n        <span className=\"ml-2 inline-flex items-center gap-1\">\n          OS <StageBadge stage={cataractStage('OS', locs)} />\n        </span>\n      </div>\n\n      {def.description && (\n        <p className=\"mt-2 text-xs text-muted-foreground\">{def.description}</p>\n      )}\n\n      {showError && <p className=\"mt-2 text-xs text-red-500\">{error}</p>}\n    </div>\n  );\n};\n"]}

package/dist/LensAssessmentWidget-SJ6YUTSN.mjs

@@ -0,0 +1,232 @@
+import { useForm } from './chunk-XR2ZM654.mjs';
+import { useField } from './chunk-ZGPHTPAN.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EMPTY_GRADES = { NO: 0, NC: 0, C: 0, PSC: 0 };
+var LOCS_FIELDS = [
+  { key: "NO", label: "Nuclear Opalescence", max: 4, hint: "0\u20134" },
+  { key: "NC", label: "Nuclear Colour", max: 4, hint: "0\u20134" },
+  { key: "C", label: "Cortical", max: 4, hint: "0\u20134" },
+  { key: "PSC", label: "Posterior Subcapsular", max: 4, hint: "0\u20134" }
+];
+var LOCS_GRID_STYLE = {
+  display: "grid",
+  gridTemplateColumns: "minmax(0, 1fr) minmax(5.5rem, auto) minmax(5.5rem, auto)",
+  columnGap: "1rem",
+  rowGap: "0.5rem",
+  alignItems: "center",
+  width: "100%",
+  minWidth: 0
+};
+function parseGrades(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return void 0;
+  const r = raw;
+  const n = (k) => {
+    const v = Number(r[k]);
+    return Number.isFinite(v) ? Math.trunc(v) : 0;
+  };
+  return { NO: n("NO"), NC: n("NC"), C: n("C"), PSC: n("PSC") };
+}
+function clampGrade(v) {
+  return Math.max(0, Math.min(4, Math.trunc(v)));
+}
+function parseValue(raw) {
+  const locs = {
+    OD: { ...EMPTY_GRADES },
+    OS: { ...EMPTY_GRADES }
+  };
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    const o = raw;
+    const locsRaw = o.locs;
+    if (locsRaw && typeof locsRaw === "object" && !Array.isArray(locsRaw)) {
+      const L = locsRaw;
+      const od = parseGrades(L.OD);
+      const os = parseGrades(L.OS);
+      if (od)
+        locs.OD = {
+          NO: clampGrade(od.NO),
+          NC: clampGrade(od.NC),
+          C: clampGrade(od.C),
+          PSC: clampGrade(od.PSC)
+        };
+      if (os)
+        locs.OS = {
+          NO: clampGrade(os.NO),
+          NC: clampGrade(os.NC),
+          C: clampGrade(os.C),
+          PSC: clampGrade(os.PSC)
+        };
+    }
+    return {
+      notes: typeof o.notes === "string" ? o.notes : "",
+      assessmentKey: typeof o.assessmentKey === "string" ? o.assessmentKey : void 0,
+      locs
+    };
+  }
+  return { notes: "", assessmentKey: void 0, locs };
+}
+function cataractStage(eye, locs) {
+  const g = locs[eye];
+  const total = g.NO + g.NC + g.C + g.PSC;
+  if (total === 0) return "\u2014";
+  if (total <= 4) return "Early";
+  if (total <= 8) return "Moderate";
+  if (total <= 12) return "Advanced";
+  return "Hypermature";
+}
+function Stepper({
+  value,
+  max,
+  disabled,
+  ariaLabel,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-1 justify-self-center",
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onChange(Math.max(0, value - 1)),
+            className: "h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
+            children: "-"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max,
+            disabled,
+            value,
+            "aria-label": ariaLabel,
+            onChange: (e) => onChange(Math.max(0, Math.min(max, Number(e.target.value) || 0))),
+            className: "h-6 w-10 shrink-0 rounded border border-input bg-background px-1 py-0 text-center text-xs disabled:opacity-50"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onChange(Math.min(max, value + 1)),
+            className: "h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
+            children: "+"
+          }
+        )
+      ]
+    }
+  );
+}
+function StageBadge({ stage }) {
+  const cls = {
+    Early: "border border-emerald-200 text-foreground",
+    Moderate: "border border-amber-200 text-foreground",
+    Advanced: "border border-orange-300 text-foreground",
+    Hypermature: "border border-destructive text-foreground",
+    "\u2014": "border border-border text-muted-foreground"
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "rounded-full bg-background px-2 py-0.5 text-[11px] font-medium",
+        cls[stage] ?? "border border-border text-muted-foreground"
+      ),
+      children: stage
+    }
+  );
+}
+var DEFAULT_TITLE = "Lens Assessment \u2014 LOCS III";
+var LensAssessmentWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "lens_assessment") {
+    return null;
+  }
+  const def = fieldDef;
+  const v = parseValue(value);
+  const locs = v.locs ?? { OD: { ...EMPTY_GRADES }, OS: { ...EMPTY_GRADES } };
+  const title = def.meta?.cardTitle || (def.label?.trim() ? def.label : DEFAULT_TITLE);
+  const setPartial = (patch) => {
+    setValue({ ...v, ...patch, locs: patch.locs ?? v.locs ?? locs });
+  };
+  const setLocs = (eye, key, n) => {
+    const next = clampGrade(n);
+    setPartial({
+      locs: {
+        ...locs,
+        [eye]: { ...locs[eye], [key]: next }
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: `lens-assessment-${fieldId}`,
+      className: "w-full min-w-0 max-w-full rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm",
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "mb-3 text-sm font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsxs("div", { style: LOCS_GRID_STYLE, children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("div", { className: "w-24 justify-self-center text-center text-xs font-semibold", children: "Right Eye" }),
+          /* @__PURE__ */ jsx("div", { className: "w-24 justify-self-center text-center text-xs font-semibold", children: "Left Eye" }),
+          LOCS_FIELDS.map((f) => /* @__PURE__ */ jsxs("div", { style: { display: "contents" }, children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 text-xs", children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: f.label }),
+              /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: f.hint })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Stepper,
+              {
+                value: locs.OD[f.key],
+                max: f.max,
+                disabled,
+                ariaLabel: `${f.label} right eye`,
+                onChange: (n) => setLocs("OD", f.key, n)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Stepper,
+              {
+                value: locs.OS[f.key],
+                max: f.max,
+                disabled,
+                ariaLabel: `${f.label} left eye`,
+                onChange: (n) => setLocs("OS", f.key, n)
+              }
+            )
+          ] }, f.key))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 border-t border-border pt-3 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Cataract Stage" }),
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex items-center gap-1", children: [
+            "OD ",
+            /* @__PURE__ */ jsx(StageBadge, { stage: cataractStage("OD", locs) })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "ml-2 inline-flex items-center gap-1", children: [
+            "OS ",
+            /* @__PURE__ */ jsx(StageBadge, { stage: cataractStage("OS", locs) })
+          ] })
+        ] }),
+        def.description && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: def.description }),
+        showError && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-red-500", children: error })
+      ]
+    }
+  );
+};
+
+export { LensAssessmentWidget };
+//# sourceMappingURL=LensAssessmentWidget-SJ6YUTSN.mjs.map
+//# sourceMappingURL=LensAssessmentWidget-SJ6YUTSN.mjs.map

package/dist/LensAssessmentWidget-SJ6YUTSN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/LensAssessmentWidget.tsx"],"names":[],"mappings":"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","file":"LensAssessmentWidget-SJ6YUTSN.mjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { cn } from '../../core/utils';\nimport type {\n  LensAssessmentFieldDef,\n  LensAssessmentValue,\n  LocsGrades,\n} from '../../core/types';\n\ntype LocsEye = 'OD' | 'OS';\ntype LocsComponentKey = keyof LocsGrades;\n\nconst EMPTY_GRADES: LocsGrades = { NO: 0, NC: 0, C: 0, PSC: 0 };\n\nconst LOCS_FIELDS: {\n  key: LocsComponentKey;\n  label: string;\n  max: number;\n  hint: string;\n}[] = [\n  { key: 'NO', label: 'Nuclear Opalescence', max: 4, hint: '0–4' },\n  { key: 'NC', label: 'Nuclear Colour', max: 4, hint: '0–4' },\n  { key: 'C', label: 'Cortical', max: 4, hint: '0–4' },\n  { key: 'PSC', label: 'Posterior Subcapsular', max: 4, hint: '0–4' },\n];\n\n/** Inline grid so layout survives Tailwind content scans that omit library bundles. */\nconst LOCS_GRID_STYLE: React.CSSProperties = {\n  display: 'grid',\n  gridTemplateColumns: 'minmax(0, 1fr) minmax(5.5rem, auto) minmax(5.5rem, auto)',\n  columnGap: '1rem',\n  rowGap: '0.5rem',\n  alignItems: 'center',\n  width: '100%',\n  minWidth: 0,\n};\n\nfunction parseGrades(raw: unknown): LocsGrades | undefined {\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return undefined;\n  const r = raw as Record<string, unknown>;\n  const n = (k: LocsComponentKey) => {\n    const v = Number(r[k]);\n    return Number.isFinite(v) ? Math.trunc(v) : 0;\n  };\n  return { NO: n('NO'), NC: n('NC'), C: n('C'), PSC: n('PSC') };\n}\n\nfunction clampGrade(v: number): number {\n  return Math.max(0, Math.min(4, Math.trunc(v)));\n}\n\nfunction parseValue(raw: unknown): LensAssessmentValue {\n  const locs = {\n    OD: { ...EMPTY_GRADES },\n    OS: { ...EMPTY_GRADES },\n  };\n  if (raw && typeof raw === 'object' && !Array.isArray(raw)) {\n    const o = raw as Record<string, unknown>;\n    const locsRaw = o.locs;\n    if (locsRaw && typeof locsRaw === 'object' && !Array.isArray(locsRaw)) {\n      const L = locsRaw as Record<string, unknown>;\n      const od = parseGrades(L.OD);\n      const os = parseGrades(L.OS);\n      if (od)\n        locs.OD = {\n          NO: clampGrade(od.NO),\n          NC: clampGrade(od.NC),\n          C: clampGrade(od.C),\n          PSC: clampGrade(od.PSC),\n        };\n      if (os)\n        locs.OS = {\n          NO: clampGrade(os.NO),\n          NC: clampGrade(os.NC),\n          C: clampGrade(os.C),\n          PSC: clampGrade(os.PSC),\n        };\n    }\n    return {\n      notes: typeof o.notes === 'string' ? o.notes : '',\n      assessmentKey: typeof o.assessmentKey === 'string' ? o.assessmentKey : undefined,\n      locs,\n    };\n  }\n  return { notes: '', assessmentKey: undefined, locs };\n}\n\nfunction cataractStage(eye: LocsEye, locs: NonNullable<LensAssessmentValue['locs']>): string {\n  const g = locs[eye];\n  const total = g.NO + g.NC + g.C + g.PSC;\n  if (total === 0) return '—';\n  if (total <= 4) return 'Early';\n  if (total <= 8) return 'Moderate';\n  if (total <= 12) return 'Advanced';\n  return 'Hypermature';\n}\n\nfunction Stepper({\n  value,\n  max,\n  disabled,\n  ariaLabel,\n  onChange,\n}: {\n  value: number;\n  max: number;\n  disabled?: boolean;\n  ariaLabel: string;\n  onChange: (v: number) => void;\n}) {\n  return (\n    <div\n      className=\"flex items-center gap-1 justify-self-center\"\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      <button\n        type=\"button\"\n        disabled={disabled}\n        onClick={() => onChange(Math.max(0, value - 1))}\n        className=\"h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50\"\n      >\n        -\n      </button>\n      <input\n        type=\"number\"\n        min={0}\n        max={max}\n        disabled={disabled}\n        value={value}\n        aria-label={ariaLabel}\n        onChange={(e) => onChange(Math.max(0, Math.min(max, Number(e.target.value) || 0)))}\n        className=\"h-6 w-10 shrink-0 rounded border border-input bg-background px-1 py-0 text-center text-xs disabled:opacity-50\"\n      />\n      <button\n        type=\"button\"\n        disabled={disabled}\n        onClick={() => onChange(Math.min(max, value + 1))}\n        className=\"h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50\"\n      >\n        +\n      </button>\n    </div>\n  );\n}\n\nfunction StageBadge({ stage }: { stage: string }) {\n  const cls: Record<string, string> = {\n    Early: 'border border-emerald-200 text-foreground',\n    Moderate: 'border border-amber-200 text-foreground',\n    Advanced: 'border border-orange-300 text-foreground',\n    Hypermature: 'border border-destructive text-foreground',\n    '—': 'border border-border text-muted-foreground',\n  };\n  return (\n    <span\n      className={cn(\n        'rounded-full bg-background px-2 py-0.5 text-[11px] font-medium',\n        cls[stage] ?? 'border border-border text-muted-foreground',\n      )}\n    >\n      {stage}\n    </span>\n  );\n}\n\nconst DEFAULT_TITLE = 'Lens Assessment — LOCS III';\n\n/**\n * LOCS III lens assessment: OD/OS column steppers and derived cataract-stage badges.\n */\nexport const LensAssessmentWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef || fieldDef.type !== 'lens_assessment') {\n    return null;\n  }\n\n  const def = fieldDef as LensAssessmentFieldDef;\n  const v = parseValue(value);\n  const locs = v.locs ?? { OD: { ...EMPTY_GRADES }, OS: { ...EMPTY_GRADES } };\n  const title =\n    (def.meta?.cardTitle as string | undefined) ||\n    (def.label?.trim() ? def.label : DEFAULT_TITLE);\n\n  const setPartial = (patch: Partial<LensAssessmentValue>) => {\n    setValue({ ...v, ...patch, locs: patch.locs ?? v.locs ?? locs });\n  };\n\n  const setLocs = (eye: LocsEye, key: LocsComponentKey, n: number) => {\n    const next = clampGrade(n);\n    setPartial({\n      locs: {\n        ...locs,\n        [eye]: { ...locs[eye], [key]: next },\n      },\n    });\n  };\n\n  return (\n    <div\n      id={`lens-assessment-${fieldId}`}\n      className=\"w-full min-w-0 max-w-full rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm\"\n    >\n      <h3 className=\"mb-3 text-sm font-semibold text-foreground\">{title}</h3>\n\n      <div style={LOCS_GRID_STYLE}>\n        <div className=\"min-w-0\" aria-hidden />\n        <div className=\"w-24 justify-self-center text-center text-xs font-semibold\">Right Eye</div>\n        <div className=\"w-24 justify-self-center text-center text-xs font-semibold\">Left Eye</div>\n        {LOCS_FIELDS.map((f) => (\n          <div key={f.key} style={{ display: 'contents' }}>\n            <div className=\"min-w-0 text-xs\">\n              <div className=\"font-medium\">{f.label}</div>\n              <div className=\"text-muted-foreground\">{f.hint}</div>\n            </div>\n            <Stepper\n              value={locs.OD[f.key]}\n              max={f.max}\n              disabled={disabled}\n              ariaLabel={`${f.label} right eye`}\n              onChange={(n) => setLocs('OD', f.key, n)}\n            />\n            <Stepper\n              value={locs.OS[f.key]}\n              max={f.max}\n              disabled={disabled}\n              ariaLabel={`${f.label} left eye`}\n              onChange={(n) => setLocs('OS', f.key, n)}\n            />\n          </div>\n        ))}\n      </div>\n\n      <div className=\"mt-3 border-t border-border pt-3 text-xs\">\n        <span className=\"text-muted-foreground\">Cataract Stage</span>{' '}\n        <span className=\"ml-1 inline-flex items-center gap-1\">\n          OD <StageBadge stage={cataractStage('OD', locs)} />\n        </span>\n        <span className=\"ml-2 inline-flex items-center gap-1\">\n          OS <StageBadge stage={cataractStage('OS', locs)} />\n        </span>\n      </div>\n\n      {def.description && (\n        <p className=\"mt-2 text-xs text-muted-foreground\">{def.description}</p>\n      )}\n\n      {showError && <p className=\"mt-2 text-xs text-red-500\">{error}</p>}\n    </div>\n  );\n};\n"]}