formanitor 0.1.11 → 0.2.0

package/dist/OphthalmologyWidget-CRQMN5QU.mjs

@@ -0,0 +1,1329 @@
+import { Textarea } from './chunk-4BAKQIPJ.mjs';
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { useField } from './chunk-ZGPHTPAN.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var UCVA_OPTIONS = ["", "6/6", "6/9", "6/12", "6/18", "6/24", "6/36", "6/60", "CF", "PL"];
+var NEAR_VA_OPTIONS = ["", "N4", "N5", "N6", "N8", "N10", "N12", "N14", "N18", "N24", "N36", "<N36"];
+var PINHOLE_OPTIONS = [
+  "",
+  "PL\u2212",
+  "PL+",
+  "FL",
+  "HM",
+  "CCFCF",
+  "FC",
+  "1/60",
+  "2/60",
+  "3/60",
+  "4/60",
+  "5/60",
+  "6/60",
+  "6/36",
+  "6/24",
+  "6/18",
+  "6/12",
+  "6/9",
+  "6/7.5",
+  "6/6"
+];
+var VA_OPTIONS = UCVA_OPTIONS;
+var IOP_METHOD_OPTIONS = ["", "NCT", "Goldmann", "Tonopen", "iCare"];
+function parseFloatOrNull(value) {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+  const parsed = Number.parseFloat(trimmed);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function parseIntOrNull(value) {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+  const parsed = Number.parseInt(trimmed, 10);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function ensureRefractionEye(raw) {
+  return {
+    sph: raw?.sph ?? null,
+    cyl: raw?.cyl ?? null,
+    axis: raw?.axis ?? null,
+    va: raw?.va ?? "",
+    pd: raw?.pd ?? null,
+    prism: raw?.prism ?? null
+  };
+}
+function ensureAddPowers(raw) {
+  return {
+    right: raw?.right ?? null,
+    left: raw?.left ?? null
+  };
+}
+function ensureRefraction(raw) {
+  return {
+    right_eye: ensureRefractionEye(raw?.right_eye),
+    left_eye: ensureRefractionEye(raw?.left_eye),
+    add: ensureAddPowers(raw?.add)
+  };
+}
+function ensureUnaidedEyeVa(raw) {
+  return {
+    ucva: raw?.ucva ?? "",
+    pinhole_va: raw?.pinhole_va ?? "",
+    nv: raw?.nv ?? ""
+  };
+}
+function ensureIopEye(raw) {
+  return {
+    iop: raw?.iop ?? null,
+    cct: raw?.cct ?? null
+  };
+}
+function ensureValue(raw) {
+  const v = raw || {};
+  return {
+    patient_information: {
+      systemic_history: v.patient_information?.systemic_history ?? "",
+      ocular_history: v.patient_information?.ocular_history ?? "",
+      chief_complaints: v.patient_information?.chief_complaints ?? ""
+    },
+    unaided_visual_acuity: {
+      right_eye: ensureUnaidedEyeVa(v.unaided_visual_acuity?.right_eye),
+      left_eye: ensureUnaidedEyeVa(v.unaided_visual_acuity?.left_eye)
+    },
+    current_glass_prescription: ensureRefraction(v.current_glass_prescription),
+    iop_pachy_cct: {
+      method: v.iop_pachy_cct?.method ?? "",
+      time: v.iop_pachy_cct?.time ?? "",
+      right_eye: ensureIopEye(v.iop_pachy_cct?.right_eye),
+      left_eye: ensureIopEye(v.iop_pachy_cct?.left_eye)
+    },
+    refraction: ensureRefraction(v.refraction),
+    dilated_refraction: ensureRefraction(v.dilated_refraction),
+    glass_power_prescription: ensureRefraction(v.glass_power_prescription),
+    notes: v.notes ?? ""
+  };
+}
+var sectionWrapperClass = "rounded-md overflow-hidden flex flex-col border border-[#D0D0D0] bg-white";
+var sectionHeaderClass = "rounded-t-md bg-[#FEE8EC] px-3 py-1 text-sm shrink-0 z-[1] text-slate-600 font-medium";
+var sectionBodyClass = "rounded-b-md border-t border-[#D0D0D0] bg-white p-3 space-y-3";
+var tableBaseClass = "w-full border-collapse text-xs";
+var tableHeaderCellClass = "border border-[#E0E0E0] bg-[#F7F7F7] px-2 py-1 text-center font-semibold";
+var tableCellClass = "border border-[#E0E0E0] px-1.5 py-1 text-center align-middle";
+var selectClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2 py-1 text-xs focus-visible:outline-none focus-visible:ring-0";
+var numberInputClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2 py-1 text-xs text-right focus-visible:outline-none focus-visible:ring-0";
+var textInputClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2 py-1 text-xs focus-visible:outline-none focus-visible:ring-0";
+var refractionTableClass = "w-full table-fixed border-collapse text-xs";
+var refractionHeaderCellClass = "border border-[#E0E0E0] bg-[#F7F7F7] px-1 py-1 text-center font-semibold text-[11px]";
+var refractionDataCellClass = "border border-[#E0E0E0] p-0 text-center align-middle min-w-0";
+var refractionLabelCellClass = "border border-[#E0E0E0] px-2 py-1 text-left align-middle font-semibold whitespace-nowrap";
+var refractionInputClass = "h-7 w-full min-w-0 border-0 rounded-none bg-transparent px-1 py-0.5 text-xs text-right shadow-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 disabled:opacity-50";
+var refractionSelectClass = "box-border h-7 w-full min-w-0 max-w-full cursor-pointer border-0 rounded-none bg-transparent px-1 py-0.5 pr-6 text-xs shadow-none focus-visible:outline-none focus-visible:ring-0 disabled:opacity-50";
+var OphthalmologyWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, disabled } = useField(fieldId);
+  const safe = useMemo(() => ensureValue(value), [value]);
+  const label = fieldDef?.label || "";
+  const update = (updater) => {
+    if (disabled) return;
+    setValue(updater(ensureValue(value)));
+  };
+  const setPatientInfo = (key, next) => {
+    update((current) => ({
+      ...current,
+      patient_information: { ...current.patient_information, [key]: next }
+    }));
+  };
+  const setUnaided = (side, key, next) => {
+    update((current) => ({
+      ...current,
+      unaided_visual_acuity: {
+        ...current.unaided_visual_acuity,
+        [side]: { ...current.unaided_visual_acuity[side], [key]: next }
+      }
+    }));
+  };
+  const setRefractionField = (section, side, key, next, mode) => {
+    update((current) => {
+      const base = current[section];
+      const eye = base[side];
+      let val;
+      if (mode === "select") {
+        val = next;
+      } else if (mode === "float") {
+        val = parseFloatOrNull(next);
+      } else {
+        val = parseIntOrNull(next);
+      }
+      return {
+        ...current,
+        [section]: {
+          ...base,
+          [side]: {
+            ...eye,
+            [key]: val
+          }
+        }
+      };
+    });
+  };
+  const setRefractionAdd = (section, side, next) => {
+    update((current) => {
+      const base = current[section];
+      const add = base.add;
+      const val = parseFloatOrNull(next);
+      return {
+        ...current,
+        [section]: {
+          ...base,
+          add: {
+            ...add,
+            [side]: val
+          }
+        }
+      };
+    });
+  };
+  const setIopField = (side, key, next) => {
+    update((current) => {
+      const base = current.iop_pachy_cct;
+      const eye = base[side];
+      const val = parseIntOrNull(next);
+      return {
+        ...current,
+        iop_pachy_cct: {
+          ...base,
+          [side]: {
+            ...eye,
+            [key]: val
+          }
+        }
+      };
+    });
+  };
+  const setIopMeta = (key, next) => {
+    update((current) => ({
+      ...current,
+      iop_pachy_cct: {
+        ...current.iop_pachy_cct,
+        [key]: next
+      }
+    }));
+  };
+  const setNotes = (next) => {
+    update((current) => ({
+      ...current,
+      notes: next
+    }));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", disabled && "opacity-70 pointer-events-none"), children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-slate-800", children: label }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "Patient Information" }) }),
+      /* @__PURE__ */ jsxs("div", { className: cn(sectionBodyClass, "grid gap-3 md:grid-cols-3"), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-700", children: "Systemic History" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              disabled,
+              rows: 4,
+              className: "min-h-[100px] text-xs",
+              value: safe.patient_information.systemic_history,
+              onChange: (e) => setPatientInfo("systemic_history", e.target.value),
+              placeholder: "Enter systemic history..."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-700", children: "Ocular History" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              disabled,
+              rows: 4,
+              className: "min-h-[100px] text-xs",
+              value: safe.patient_information.ocular_history,
+              onChange: (e) => setPatientInfo("ocular_history", e.target.value),
+              placeholder: "Enter ocular history..."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-700", children: "Chief Complaints" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              disabled,
+              rows: 4,
+              className: "min-h-[100px] text-xs",
+              value: safe.patient_information.chief_complaints,
+              onChange: (e) => setPatientInfo("chief_complaints", e.target.value),
+              placeholder: "Enter chief complaints..."
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "Unaided Visual Acuity" }) }),
+      /* @__PURE__ */ jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxs("table", { className: tableBaseClass, children: [
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, colSpan: 3, children: "Right Eye" }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, colSpan: 3, children: "Left Eye" })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "UCVA" }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "Pinhole V/A" }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "N/V" }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "UCVA" }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "Pinhole V/A" }),
+            /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "N/V" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Unaided" }),
+          /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: selectClass,
+              value: safe.unaided_visual_acuity.right_eye.ucva,
+              onChange: (e) => setUnaided("right_eye", "ucva", e.target.value),
+              children: UCVA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: selectClass,
+              value: safe.unaided_visual_acuity.right_eye.pinhole_va,
+              onChange: (e) => setUnaided("right_eye", "pinhole_va", e.target.value),
+              children: PINHOLE_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: selectClass,
+              value: safe.unaided_visual_acuity.right_eye.nv,
+              onChange: (e) => setUnaided("right_eye", "nv", e.target.value),
+              children: NEAR_VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: selectClass,
+              value: safe.unaided_visual_acuity.left_eye.ucva,
+              onChange: (e) => setUnaided("left_eye", "ucva", e.target.value),
+              children: UCVA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: selectClass,
+              value: safe.unaided_visual_acuity.left_eye.pinhole_va,
+              onChange: (e) => setUnaided("left_eye", "pinhole_va", e.target.value),
+              children: PINHOLE_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: selectClass,
+              value: safe.unaided_visual_acuity.left_eye.nv,
+              onChange: (e) => setUnaided("left_eye", "nv", e.target.value),
+              children: NEAR_VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) })
+        ] }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "Current Glass Prescription" }) }),
+      /* @__PURE__ */ jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[25%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[25%]" })
+        ] }),
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 4, children: "Right Eye" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 4, children: "Left Eye" })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "V/A" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { className: `${refractionLabelCellClass} whitespace-normal`, children: /* @__PURE__ */ jsxs("span", { className: "block leading-tight", children: [
+            "Current",
+            /* @__PURE__ */ jsx("br", {}),
+            "Glass"
+          ] }) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              disabled,
+              type: "number",
+              step: "0.25",
+              className: refractionInputClass,
+              value: safe.current_glass_prescription.right_eye.sph ?? "",
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "right_eye",
+                "sph",
+                e.target.value,
+                "float"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              disabled,
+              type: "number",
+              step: "0.25",
+              className: refractionInputClass,
+              value: safe.current_glass_prescription.right_eye.cyl ?? "",
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "right_eye",
+                "cyl",
+                e.target.value,
+                "float"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              disabled,
+              type: "number",
+              className: refractionInputClass,
+              value: safe.current_glass_prescription.right_eye.axis ?? "",
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "right_eye",
+                "axis",
+                e.target.value,
+                "int"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: refractionSelectClass,
+              value: safe.current_glass_prescription.right_eye.va,
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "right_eye",
+                "va",
+                e.target.value,
+                "select"
+              ),
+              children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              disabled,
+              type: "number",
+              step: "0.25",
+              className: refractionInputClass,
+              value: safe.current_glass_prescription.left_eye.sph ?? "",
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "left_eye",
+                "sph",
+                e.target.value,
+                "float"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              disabled,
+              type: "number",
+              step: "0.25",
+              className: refractionInputClass,
+              value: safe.current_glass_prescription.left_eye.cyl ?? "",
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "left_eye",
+                "cyl",
+                e.target.value,
+                "float"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              disabled,
+              type: "number",
+              className: refractionInputClass,
+              value: safe.current_glass_prescription.left_eye.axis ?? "",
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "left_eye",
+                "axis",
+                e.target.value,
+                "int"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              disabled,
+              className: refractionSelectClass,
+              value: safe.current_glass_prescription.left_eye.va,
+              onChange: (e) => setRefractionField(
+                "current_glass_prescription",
+                "left_eye",
+                "va",
+                e.target.value,
+                "select"
+              ),
+              children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+            }
+          ) })
+        ] }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "IOP / Pachy / CCT Detail" }) }),
+      /* @__PURE__ */ jsxs("div", { className: sectionBodyClass, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-[2fr,1fr] mb-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-700", children: "Method" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                disabled,
+                className: selectClass,
+                value: safe.iop_pachy_cct.method,
+                onChange: (e) => setIopMeta("method", e.target.value),
+                children: IOP_METHOD_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt || "Select Method" }, opt || "blank"))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-700", children: "Time" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                placeholder: "HH:MM",
+                className: textInputClass,
+                value: safe.iop_pachy_cct.time,
+                onChange: (e) => setIopMeta("time", e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("table", { className: tableBaseClass, children: [
+          /* @__PURE__ */ jsxs("thead", { children: [
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass }),
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, colSpan: 2, children: "Right Eye" }),
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, colSpan: 2, children: "Left Eye" })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass }),
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "IOP" }),
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "CCT" }),
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "IOP" }),
+              /* @__PURE__ */ jsx("th", { className: tableHeaderCellClass, children: "CCT" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Values" }),
+            /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: numberInputClass,
+                value: safe.iop_pachy_cct.right_eye.iop ?? "",
+                onChange: (e) => setIopField("right_eye", "iop", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: numberInputClass,
+                value: safe.iop_pachy_cct.right_eye.cct ?? "",
+                onChange: (e) => setIopField("right_eye", "cct", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: numberInputClass,
+                value: safe.iop_pachy_cct.left_eye.iop ?? "",
+                onChange: (e) => setIopField("left_eye", "iop", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: numberInputClass,
+                value: safe.iop_pachy_cct.left_eye.cct ?? "",
+                onChange: (e) => setIopField("left_eye", "cct", e.target.value)
+              }
+            ) })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "Refraction (Distance)" }) }),
+      /* @__PURE__ */ jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[13%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[12%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[13%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[12%]" })
+        ] }),
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Right Eye" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Left Eye" })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "BCVA" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "P/D" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "BCVA" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "P/D" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("tbody", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { className: refractionLabelCellClass, children: "Distance" }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.refraction.right_eye.sph ?? "",
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "right_eye",
+                  "sph",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.refraction.right_eye.cyl ?? "",
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "right_eye",
+                  "cyl",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: refractionInputClass,
+                value: safe.refraction.right_eye.axis ?? "",
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "right_eye",
+                  "axis",
+                  e.target.value,
+                  "int"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                disabled,
+                className: refractionSelectClass,
+                value: safe.refraction.right_eye.va,
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "right_eye",
+                  "va",
+                  e.target.value,
+                  "select"
+                ),
+                children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                min: 10,
+                max: 45,
+                step: "1",
+                className: refractionInputClass,
+                value: safe.refraction.right_eye.pd ?? "",
+                onChange: (e) => setRefractionField("refraction", "right_eye", "pd", e.target.value, "int")
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.refraction.left_eye.sph ?? "",
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "left_eye",
+                  "sph",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.refraction.left_eye.cyl ?? "",
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "left_eye",
+                  "cyl",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: refractionInputClass,
+                value: safe.refraction.left_eye.axis ?? "",
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "left_eye",
+                  "axis",
+                  e.target.value,
+                  "int"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                disabled,
+                className: refractionSelectClass,
+                value: safe.refraction.left_eye.va,
+                onChange: (e) => setRefractionField(
+                  "refraction",
+                  "left_eye",
+                  "va",
+                  e.target.value,
+                  "select"
+                ),
+                children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                min: 10,
+                max: 45,
+                step: "1",
+                className: refractionInputClass,
+                value: safe.refraction.left_eye.pd ?? "",
+                onChange: (e) => setRefractionField("refraction", "left_eye", "pd", e.target.value, "int")
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { className: refractionLabelCellClass, children: "Add" }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.refraction.add.right ?? "",
+                onChange: (e) => setRefractionAdd("refraction", "right", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.refraction.add.left ?? "",
+                onChange: (e) => setRefractionAdd("refraction", "left", e.target.value)
+              }
+            ) })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "Dilated Refraction" }) }),
+      /* @__PURE__ */ jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[17%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[17%]" })
+        ] }),
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Right Eye" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Left Eye" })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "V/A" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("tbody", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { className: refractionLabelCellClass, children: "Dilated" }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.right_eye.sph ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "right_eye",
+                  "sph",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.right_eye.cyl ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "right_eye",
+                  "cyl",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.right_eye.axis ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "right_eye",
+                  "axis",
+                  e.target.value,
+                  "int"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.right_eye.prism ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "right_eye",
+                  "prism",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                disabled,
+                className: refractionSelectClass,
+                value: safe.dilated_refraction.right_eye.va,
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "right_eye",
+                  "va",
+                  e.target.value,
+                  "select"
+                ),
+                children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.left_eye.sph ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "left_eye",
+                  "sph",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.left_eye.cyl ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "left_eye",
+                  "cyl",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.left_eye.axis ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "left_eye",
+                  "axis",
+                  e.target.value,
+                  "int"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.left_eye.prism ?? "",
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "left_eye",
+                  "prism",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                disabled,
+                className: refractionSelectClass,
+                value: safe.dilated_refraction.left_eye.va,
+                onChange: (e) => setRefractionField(
+                  "dilated_refraction",
+                  "left_eye",
+                  "va",
+                  e.target.value,
+                  "select"
+                ),
+                children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { className: refractionLabelCellClass, children: "Add" }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.add.right ?? "",
+                onChange: (e) => setRefractionAdd("dilated_refraction", "right", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.dilated_refraction.add.left ?? "",
+                onChange: (e) => setRefractionAdd("dilated_refraction", "left", e.target.value)
+              }
+            ) })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "Glass Power Prescription" }) }),
+      /* @__PURE__ */ jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[17%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsx("col", { className: "w-[17%]" })
+        ] }),
+        /* @__PURE__ */ jsxs("thead", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Right Eye" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Left Eye" })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsx("th", { className: refractionHeaderCellClass, children: "V/A" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("tbody", { children: [
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { className: refractionLabelCellClass, children: "Glass Power" }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.right_eye.sph ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "right_eye",
+                  "sph",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.right_eye.cyl ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "right_eye",
+                  "cyl",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.right_eye.axis ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "right_eye",
+                  "axis",
+                  e.target.value,
+                  "int"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.right_eye.prism ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "right_eye",
+                  "prism",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                disabled,
+                className: refractionSelectClass,
+                value: safe.glass_power_prescription.right_eye.va,
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "right_eye",
+                  "va",
+                  e.target.value,
+                  "select"
+                ),
+                children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.left_eye.sph ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "left_eye",
+                  "sph",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.left_eye.cyl ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "left_eye",
+                  "cyl",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.left_eye.axis ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "left_eye",
+                  "axis",
+                  e.target.value,
+                  "int"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.left_eye.prism ?? "",
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "left_eye",
+                  "prism",
+                  e.target.value,
+                  "float"
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                disabled,
+                className: refractionSelectClass,
+                value: safe.glass_power_prescription.left_eye.va,
+                onChange: (e) => setRefractionField(
+                  "glass_power_prescription",
+                  "left_eye",
+                  "va",
+                  e.target.value,
+                  "select"
+                ),
+                children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt || "blank"))
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { className: refractionLabelCellClass, children: "Add" }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.add.right ?? "",
+                onChange: (e) => setRefractionAdd("glass_power_prescription", "right", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                disabled,
+                type: "number",
+                step: "0.25",
+                className: refractionInputClass,
+                value: safe.glass_power_prescription.add.left ?? "",
+                onChange: (e) => setRefractionAdd("glass_power_prescription", "left", e.target.value)
+              }
+            ) })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: sectionWrapperClass, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsx("span", { children: "Notes" }) }),
+      /* @__PURE__ */ jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          disabled,
+          rows: 4,
+          className: "w-full text-xs min-h-[100px]",
+          placeholder: "Enter additional notes...",
+          value: safe.notes,
+          onChange: (e) => setNotes(e.target.value)
+        }
+      ) })
+    ] })
+  ] });
+};
+
+export { OphthalmologyWidget };
+//# sourceMappingURL=OphthalmologyWidget-CRQMN5QU.mjs.map
+//# sourceMappingURL=OphthalmologyWidget-CRQMN5QU.mjs.map