formanitor 0.1.11 → 0.2.1

package/dist/PainScaleFlagsWidget-E576R6QB.mjs

@@ -0,0 +1,151 @@
+import { Checkbox } from './chunk-GNZWSVTB.mjs';
+import { Slider } from './chunk-SCMXLRX5.mjs';
+import { getThemeConfig } from './chunk-Y7TIWH4I.mjs';
+import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldDescriptionClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-7L2JOWGA.mjs';
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-AZHTIUOL.mjs';
+import { useField, normalizePainScaleFlags } from './chunk-ZTT5XJR7.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useMemo } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function isFlagSelected(selected, optValue) {
+  return selected.some((v) => v === optValue || String(v) === String(optValue));
+}
+var PainScaleFlagsWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "pain_scale_flags") return null;
+  const def = fieldDef;
+  const min = def.min ?? 0;
+  const max = def.max ?? 10;
+  const step = def.step ?? 1;
+  const flagOptions = def.options ?? [];
+  const safe = useMemo(
+    () => normalizePainScaleFlags(value, { min, max }),
+    [value, min, max]
+  );
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const showLabel = isLabelVisible(def);
+  const update = (next) => {
+    setValue(normalizePainScaleFlags(next, { min, max }));
+    setTouched();
+  };
+  const toggleFlag = (optValue) => {
+    const sel = safe.flags;
+    const isSelected = isFlagSelected(sel, optValue);
+    const nextFlags = isSelected ? sel.filter((v) => v !== optValue && String(v) !== String(optValue)) : [...sel, String(optValue)];
+    update({ pain: safe.pain, flags: nextFlags, bp: safe.bp, upt: safe.upt });
+  };
+  const setBp = (bp) => update({ pain: safe.pain, flags: safe.flags, bp, upt: safe.upt });
+  const setUpt = (upt) => update({ pain: safe.pain, flags: safe.flags, bp: safe.bp, upt });
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    def.label,
+    " ",
+    /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef: def })
+  ] });
+  const labelEl = showLabel ? theme ? /* @__PURE__ */ jsx(Label, { className: fieldLabelClass(def, labelClass), children: labelContent }) : /* @__PURE__ */ jsx(Label, { className: fieldLabelClass(def), children: labelContent }) : null;
+  const bodyClass = cn(
+    "-mt-1 flex min-w-0 flex-col border-t border-[#D0D0D0] bg-white px-3 py-3",
+    disabled && "pointer-events-none opacity-60"
+  );
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(def, cn(wrapperClass, "h-full min-h-0 flex flex-col")), children: [
+    labelEl,
+    def.description && /* @__PURE__ */ jsx("p", { className: fieldDescriptionClass(def, "text-xs text-muted-foreground"), children: def.description }),
+    /* @__PURE__ */ jsx("div", { className: cn(bodyClass, "min-h-0 flex-1"), children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs(Label, { className: "text-sm font-medium text-slate-700", children: [
+          "Pain score (VAS)",
+          /* @__PURE__ */ jsxs("span", { className: "ml-2 font-normal tabular-nums text-muted-foreground", children: [
+            safe.pain,
+            "/",
+            max
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            className: cn("py-1", showError && "rounded opacity-90 ring-1 ring-red-500"),
+            disabled,
+            min,
+            max,
+            step,
+            value: [safe.pain],
+            onValueChange: (v) => {
+              const n = v[0] ?? min;
+              update({ pain: n, flags: safe.flags, bp: safe.bp, upt: safe.upt });
+            }
+          }
+        )
+      ] }),
+      flagOptions.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-slate-700", children: "Triage flags" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-2", children: flagOptions.map((opt) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: `${fieldId}-flag-${String(opt.value)}`,
+              checked: isFlagSelected(safe.flags, opt.value),
+              onCheckedChange: () => toggleFlag(opt.value),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Label,
+            {
+              htmlFor: `${fieldId}-flag-${String(opt.value)}`,
+              className: "cursor-pointer text-sm font-normal leading-none",
+              children: opt.label
+            }
+          )
+        ] }, String(opt.value))) })
+      ] }) : null,
+      def.showBp || def.showUpt ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 pt-1 sm:grid-cols-2", children: [
+        def.showBp ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-bp`, className: "text-sm font-medium text-slate-700", children: "BP recorded" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `${fieldId}-bp`,
+              value: safe.bp ?? "",
+              onChange: (e) => setBp(e.target.value),
+              placeholder: "e.g. 130/86",
+              disabled,
+              className: "h-8 text-xs"
+            }
+          )
+        ] }) : null,
+        def.showUpt ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-slate-700", children: "UPT (if reproductive age)" }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: safe.upt ? safe.upt : "none",
+              onValueChange: (val) => setUpt(val === "none" ? "" : val),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "Positive", children: "Positive" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "Negative", children: "Negative" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "Not done", children: "Not done" })
+                ] })
+              ]
+            }
+          )
+        ] }) : null
+      ] }) : null
+    ] }) }),
+    showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(def, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+export { PainScaleFlagsWidget };
+//# sourceMappingURL=PainScaleFlagsWidget-E576R6QB.mjs.map
+//# sourceMappingURL=PainScaleFlagsWidget-E576R6QB.mjs.map

package/dist/PainScaleFlagsWidget-E576R6QB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/PainScaleFlagsWidget.tsx"],"names":[],"mappings":"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","file":"PainScaleFlagsWidget-E576R6QB.mjs","sourcesContent":["import React, { useMemo } from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { Label } from '../shadcn/label';\nimport { Slider } from '../shadcn/slider';\nimport { Checkbox } from '../shadcn/checkbox';\nimport { Input } from '../shadcn/input';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../shadcn/select';\nimport { getThemeConfig } from '../themes';\nimport { cn } from '../../core/utils';\nimport type { PainScaleFlagsFieldDef, SelectOption } from '../../core/types';\nimport { normalizePainScaleFlags, type UrinePregnancyTest } from '../../core/painScaleFlags';\nimport {\n  FieldRequiredIndicator,\n  fieldDescriptionClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nfunction isFlagSelected(selected: string[], optValue: unknown): boolean {\n  return selected.some((v) => v === optValue || String(v) === String(optValue));\n}\n\nexport const PainScaleFlagsWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef || fieldDef.type !== 'pain_scale_flags') return null;\n\n  const def = fieldDef as PainScaleFlagsFieldDef;\n  const min = def.min ?? 0;\n  const max = def.max ?? 10;\n  const step = def.step ?? 1;\n  const flagOptions: SelectOption[] = def.options ?? [];\n\n  const safe = useMemo(\n    () => normalizePainScaleFlags(value, { min, max }),\n    [value, min, max],\n  );\n\n  const theme = getThemeConfig('textarea', def.theme);\n  const wrapperClass = theme?.wrapperClassName ?? 'space-y-2';\n  const labelClass = theme?.labelClassName;\n  const showLabel = isLabelVisible(def);\n\n  const update = (next: { pain: number; flags: string[]; bp?: string; upt?: UrinePregnancyTest }) => {\n    setValue(normalizePainScaleFlags(next, { min, max }));\n    setTouched();\n  };\n\n  const toggleFlag = (optValue: unknown) => {\n    const sel = safe.flags;\n    const isSelected = isFlagSelected(sel, optValue);\n    const nextFlags = isSelected\n      ? sel.filter((v) => v !== optValue && String(v) !== String(optValue))\n      : [...sel, String(optValue)];\n    update({ pain: safe.pain, flags: nextFlags, bp: safe.bp, upt: safe.upt });\n  };\n\n  const setBp = (bp: string) => update({ pain: safe.pain, flags: safe.flags, bp, upt: safe.upt });\n  const setUpt = (upt: UrinePregnancyTest) =>\n    update({ pain: safe.pain, flags: safe.flags, bp: safe.bp, upt });\n\n  const labelContent = (\n    <>\n      {def.label}{' '}\n      <FieldRequiredIndicator fieldDef={def} />\n    </>\n  );\n\n  const labelEl = showLabel ? (\n    theme ? (\n      <Label className={fieldLabelClass(def, labelClass)}>{labelContent}</Label>\n    ) : (\n      <Label className={fieldLabelClass(def)}>{labelContent}</Label>\n    )\n  ) : null;\n\n  const bodyClass = cn(\n    '-mt-1 flex min-w-0 flex-col border-t border-[#D0D0D0] bg-white px-3 py-3',\n    disabled && 'pointer-events-none opacity-60',\n  );\n\n  return (\n    <div className={fieldWrapperClass(def, cn(wrapperClass, 'h-full min-h-0 flex flex-col'))}>\n      {labelEl}\n      {def.description && (\n        <p className={fieldDescriptionClass(def, 'text-xs text-muted-foreground')}>\n          {def.description}\n        </p>\n      )}\n\n      <div className={cn(bodyClass, 'min-h-0 flex-1')}>\n        <div className=\"min-w-0 space-y-3\">\n          <div className=\"space-y-2\">\n            <Label className=\"text-sm font-medium text-slate-700\">\n              Pain score (VAS)\n              <span className=\"ml-2 font-normal tabular-nums text-muted-foreground\">\n                {safe.pain}/{max}\n              </span>\n            </Label>\n            <Slider\n              className={cn('py-1', showError && 'rounded opacity-90 ring-1 ring-red-500')}\n              disabled={disabled}\n              min={min}\n              max={max}\n              step={step}\n              value={[safe.pain]}\n              onValueChange={(v) => {\n                const n = v[0] ?? min;\n                update({ pain: n, flags: safe.flags, bp: safe.bp, upt: safe.upt });\n              }}\n            />\n          </div>\n\n          {flagOptions.length > 0 ? (\n            <div className=\"min-w-0 space-y-1.5\">\n              <Label className=\"text-sm font-medium text-slate-700\">Triage flags</Label>\n              <div className=\"flex flex-wrap gap-x-4 gap-y-2\">\n                {flagOptions.map((opt) => (\n                  <div key={String(opt.value)} className=\"flex items-center gap-2\">\n                    <Checkbox\n                      id={`${fieldId}-flag-${String(opt.value)}`}\n                      checked={isFlagSelected(safe.flags, opt.value)}\n                      onCheckedChange={() => toggleFlag(opt.value)}\n                      disabled={disabled}\n                    />\n                    <Label\n                      htmlFor={`${fieldId}-flag-${String(opt.value)}`}\n                      className=\"cursor-pointer text-sm font-normal leading-none\"\n                    >\n                      {opt.label}\n                    </Label>\n                  </div>\n                ))}\n              </div>\n            </div>\n          ) : null}\n\n          {(def.showBp || def.showUpt) ? (\n            <div className=\"grid grid-cols-1 gap-3 pt-1 sm:grid-cols-2\">\n              {def.showBp ? (\n                <div className=\"space-y-1\">\n                  <Label htmlFor={`${fieldId}-bp`} className=\"text-sm font-medium text-slate-700\">\n                    BP recorded\n                  </Label>\n                  <Input\n                    id={`${fieldId}-bp`}\n                    value={safe.bp ?? ''}\n                    onChange={(e) => setBp(e.target.value)}\n                    placeholder=\"e.g. 130/86\"\n                    disabled={disabled}\n                    className=\"h-8 text-xs\"\n                  />\n                </div>\n              ) : null}\n              {def.showUpt ? (\n                <div className=\"space-y-1\">\n                  <Label className=\"text-sm font-medium text-slate-700\">\n                    UPT (if reproductive age)\n                  </Label>\n                  <Select\n                    value={safe.upt ? safe.upt : 'none'}\n                    onValueChange={(val) =>\n                      setUpt(val === 'none' ? '' : (val as UrinePregnancyTest))\n                    }\n                    disabled={disabled}\n                  >\n                    <SelectTrigger className=\"h-8 text-xs\">\n                      <SelectValue placeholder=\"—\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem value=\"none\">—</SelectItem>\n                      <SelectItem value=\"Positive\">Positive</SelectItem>\n                      <SelectItem value=\"Negative\">Negative</SelectItem>\n                      <SelectItem value=\"Not done\">Not done</SelectItem>\n                    </SelectContent>\n                  </Select>\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      {showError && (\n        <p className={fieldErrorClass(def, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/PainScaleFlagsWidget-QHGESXNE.cjs

@@ -0,0 +1,153 @@
+'use strict';
+
+var chunkPZBJYPWW_cjs = require('./chunk-PZBJYPWW.cjs');
+var chunkN4L76SHJ_cjs = require('./chunk-N4L76SHJ.cjs');
+var chunkP62377LB_cjs = require('./chunk-P62377LB.cjs');
+var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
+var chunk6YX37XBM_cjs = require('./chunk-6YX37XBM.cjs');
+var chunkTJHG5WHX_cjs = require('./chunk-TJHG5WHX.cjs');
+var chunk4KSZUIJE_cjs = require('./chunk-4KSZUIJE.cjs');
+var chunkSHQHDSA4_cjs = require('./chunk-SHQHDSA4.cjs');
+var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function isFlagSelected(selected, optValue) {
+  return selected.some((v) => v === optValue || String(v) === String(optValue));
+}
+var PainScaleFlagsWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const { state } = chunk6YX37XBM_cjs.useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "pain_scale_flags") return null;
+  const def = fieldDef;
+  const min = def.min ?? 0;
+  const max = def.max ?? 10;
+  const step = def.step ?? 1;
+  const flagOptions = def.options ?? [];
+  const safe = react.useMemo(
+    () => chunkSHQHDSA4_cjs.normalizePainScaleFlags(value, { min, max }),
+    [value, min, max]
+  );
+  const theme = chunkP62377LB_cjs.getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const showLabel = chunk5E3APMY6_cjs.isLabelVisible(def);
+  const update = (next) => {
+    setValue(chunkSHQHDSA4_cjs.normalizePainScaleFlags(next, { min, max }));
+    setTouched();
+  };
+  const toggleFlag = (optValue) => {
+    const sel = safe.flags;
+    const isSelected = isFlagSelected(sel, optValue);
+    const nextFlags = isSelected ? sel.filter((v) => v !== optValue && String(v) !== String(optValue)) : [...sel, String(optValue)];
+    update({ pain: safe.pain, flags: nextFlags, bp: safe.bp, upt: safe.upt });
+  };
+  const setBp = (bp) => update({ pain: safe.pain, flags: safe.flags, bp, upt: safe.upt });
+  const setUpt = (upt) => update({ pain: safe.pain, flags: safe.flags, bp: safe.bp, upt });
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    def.label,
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef: def })
+  ] });
+  const labelEl = showLabel ? theme ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: chunk5E3APMY6_cjs.fieldLabelClass(def, labelClass), children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: chunk5E3APMY6_cjs.fieldLabelClass(def), children: labelContent }) : null;
+  const bodyClass = chunkFHHISVCH_cjs.cn(
+    "-mt-1 flex min-w-0 flex-col border-t border-[#D0D0D0] bg-white px-3 py-3",
+    disabled && "pointer-events-none opacity-60"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(def, chunkFHHISVCH_cjs.cn(wrapperClass, "h-full min-h-0 flex flex-col")), children: [
+    labelEl,
+    def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldDescriptionClass(def, "text-xs text-muted-foreground"), children: def.description }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkFHHISVCH_cjs.cn(bodyClass, "min-h-0 flex-1"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkJMGUUFOJ_cjs.Label, { className: "text-sm font-medium text-slate-700", children: [
+          "Pain score (VAS)",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 font-normal tabular-nums text-muted-foreground", children: [
+            safe.pain,
+            "/",
+            max
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkN4L76SHJ_cjs.Slider,
+          {
+            className: chunkFHHISVCH_cjs.cn("py-1", showError && "rounded opacity-90 ring-1 ring-red-500"),
+            disabled,
+            min,
+            max,
+            step,
+            value: [safe.pain],
+            onValueChange: (v) => {
+              const n = v[0] ?? min;
+              update({ pain: n, flags: safe.flags, bp: safe.bp, upt: safe.upt });
+            }
+          }
+        )
+      ] }),
+      flagOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: "text-sm font-medium text-slate-700", children: "Triage flags" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-2", children: flagOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkPZBJYPWW_cjs.Checkbox,
+            {
+              id: `${fieldId}-flag-${String(opt.value)}`,
+              checked: isFlagSelected(safe.flags, opt.value),
+              onCheckedChange: () => toggleFlag(opt.value),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkJMGUUFOJ_cjs.Label,
+            {
+              htmlFor: `${fieldId}-flag-${String(opt.value)}`,
+              className: "cursor-pointer text-sm font-normal leading-none",
+              children: opt.label
+            }
+          )
+        ] }, String(opt.value))) })
+      ] }) : null,
+      def.showBp || def.showUpt ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 pt-1 sm:grid-cols-2", children: [
+        def.showBp ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { htmlFor: `${fieldId}-bp`, className: "text-sm font-medium text-slate-700", children: "BP recorded" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkTJHG5WHX_cjs.Input,
+            {
+              id: `${fieldId}-bp`,
+              value: safe.bp ?? "",
+              onChange: (e) => setBp(e.target.value),
+              placeholder: "e.g. 130/86",
+              disabled,
+              className: "h-8 text-xs"
+            }
+          )
+        ] }) : null,
+        def.showUpt ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: "text-sm font-medium text-slate-700", children: "UPT (if reproductive age)" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunk4KSZUIJE_cjs.Select,
+            {
+              value: safe.upt ? safe.upt : "none",
+              onValueChange: (val) => setUpt(val === "none" ? "" : val),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectValue, { placeholder: "\u2014" }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(chunk4KSZUIJE_cjs.SelectContent, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectItem, { value: "none", children: "\u2014" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectItem, { value: "Positive", children: "Positive" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectItem, { value: "Negative", children: "Negative" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectItem, { value: "Not done", children: "Not done" })
+                ] })
+              ]
+            }
+          )
+        ] }) : null
+      ] }) : null
+    ] }) }),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(def, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+exports.PainScaleFlagsWidget = PainScaleFlagsWidget;
+//# sourceMappingURL=PainScaleFlagsWidget-QHGESXNE.cjs.map
+//# sourceMappingURL=PainScaleFlagsWidget-QHGESXNE.cjs.map

package/dist/PainScaleFlagsWidget-QHGESXNE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/PainScaleFlagsWidget.tsx"],"names":["useField","useForm","useMemo","normalizePainScaleFlags","getThemeConfig","isLabelVisible","jsxs","Fragment","jsx","FieldRequiredIndicator","Label","fieldLabelClass","cn","fieldWrapperClass","fieldDescriptionClass","Slider","Checkbox","Input","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","fieldErrorClass"],"mappings":"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","file":"PainScaleFlagsWidget-QHGESXNE.cjs","sourcesContent":["import React, { useMemo } from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { Label } from '../shadcn/label';\nimport { Slider } from '../shadcn/slider';\nimport { Checkbox } from '../shadcn/checkbox';\nimport { Input } from '../shadcn/input';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../shadcn/select';\nimport { getThemeConfig } from '../themes';\nimport { cn } from '../../core/utils';\nimport type { PainScaleFlagsFieldDef, SelectOption } from '../../core/types';\nimport { normalizePainScaleFlags, type UrinePregnancyTest } from '../../core/painScaleFlags';\nimport {\n  FieldRequiredIndicator,\n  fieldDescriptionClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nfunction isFlagSelected(selected: string[], optValue: unknown): boolean {\n  return selected.some((v) => v === optValue || String(v) === String(optValue));\n}\n\nexport const PainScaleFlagsWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef || fieldDef.type !== 'pain_scale_flags') return null;\n\n  const def = fieldDef as PainScaleFlagsFieldDef;\n  const min = def.min ?? 0;\n  const max = def.max ?? 10;\n  const step = def.step ?? 1;\n  const flagOptions: SelectOption[] = def.options ?? [];\n\n  const safe = useMemo(\n    () => normalizePainScaleFlags(value, { min, max }),\n    [value, min, max],\n  );\n\n  const theme = getThemeConfig('textarea', def.theme);\n  const wrapperClass = theme?.wrapperClassName ?? 'space-y-2';\n  const labelClass = theme?.labelClassName;\n  const showLabel = isLabelVisible(def);\n\n  const update = (next: { pain: number; flags: string[]; bp?: string; upt?: UrinePregnancyTest }) => {\n    setValue(normalizePainScaleFlags(next, { min, max }));\n    setTouched();\n  };\n\n  const toggleFlag = (optValue: unknown) => {\n    const sel = safe.flags;\n    const isSelected = isFlagSelected(sel, optValue);\n    const nextFlags = isSelected\n      ? sel.filter((v) => v !== optValue && String(v) !== String(optValue))\n      : [...sel, String(optValue)];\n    update({ pain: safe.pain, flags: nextFlags, bp: safe.bp, upt: safe.upt });\n  };\n\n  const setBp = (bp: string) => update({ pain: safe.pain, flags: safe.flags, bp, upt: safe.upt });\n  const setUpt = (upt: UrinePregnancyTest) =>\n    update({ pain: safe.pain, flags: safe.flags, bp: safe.bp, upt });\n\n  const labelContent = (\n    <>\n      {def.label}{' '}\n      <FieldRequiredIndicator fieldDef={def} />\n    </>\n  );\n\n  const labelEl = showLabel ? (\n    theme ? (\n      <Label className={fieldLabelClass(def, labelClass)}>{labelContent}</Label>\n    ) : (\n      <Label className={fieldLabelClass(def)}>{labelContent}</Label>\n    )\n  ) : null;\n\n  const bodyClass = cn(\n    '-mt-1 flex min-w-0 flex-col border-t border-[#D0D0D0] bg-white px-3 py-3',\n    disabled && 'pointer-events-none opacity-60',\n  );\n\n  return (\n    <div className={fieldWrapperClass(def, cn(wrapperClass, 'h-full min-h-0 flex flex-col'))}>\n      {labelEl}\n      {def.description && (\n        <p className={fieldDescriptionClass(def, 'text-xs text-muted-foreground')}>\n          {def.description}\n        </p>\n      )}\n\n      <div className={cn(bodyClass, 'min-h-0 flex-1')}>\n        <div className=\"min-w-0 space-y-3\">\n          <div className=\"space-y-2\">\n            <Label className=\"text-sm font-medium text-slate-700\">\n              Pain score (VAS)\n              <span className=\"ml-2 font-normal tabular-nums text-muted-foreground\">\n                {safe.pain}/{max}\n              </span>\n            </Label>\n            <Slider\n              className={cn('py-1', showError && 'rounded opacity-90 ring-1 ring-red-500')}\n              disabled={disabled}\n              min={min}\n              max={max}\n              step={step}\n              value={[safe.pain]}\n              onValueChange={(v) => {\n                const n = v[0] ?? min;\n                update({ pain: n, flags: safe.flags, bp: safe.bp, upt: safe.upt });\n              }}\n            />\n          </div>\n\n          {flagOptions.length > 0 ? (\n            <div className=\"min-w-0 space-y-1.5\">\n              <Label className=\"text-sm font-medium text-slate-700\">Triage flags</Label>\n              <div className=\"flex flex-wrap gap-x-4 gap-y-2\">\n                {flagOptions.map((opt) => (\n                  <div key={String(opt.value)} className=\"flex items-center gap-2\">\n                    <Checkbox\n                      id={`${fieldId}-flag-${String(opt.value)}`}\n                      checked={isFlagSelected(safe.flags, opt.value)}\n                      onCheckedChange={() => toggleFlag(opt.value)}\n                      disabled={disabled}\n                    />\n                    <Label\n                      htmlFor={`${fieldId}-flag-${String(opt.value)}`}\n                      className=\"cursor-pointer text-sm font-normal leading-none\"\n                    >\n                      {opt.label}\n                    </Label>\n                  </div>\n                ))}\n              </div>\n            </div>\n          ) : null}\n\n          {(def.showBp || def.showUpt) ? (\n            <div className=\"grid grid-cols-1 gap-3 pt-1 sm:grid-cols-2\">\n              {def.showBp ? (\n                <div className=\"space-y-1\">\n                  <Label htmlFor={`${fieldId}-bp`} className=\"text-sm font-medium text-slate-700\">\n                    BP recorded\n                  </Label>\n                  <Input\n                    id={`${fieldId}-bp`}\n                    value={safe.bp ?? ''}\n                    onChange={(e) => setBp(e.target.value)}\n                    placeholder=\"e.g. 130/86\"\n                    disabled={disabled}\n                    className=\"h-8 text-xs\"\n                  />\n                </div>\n              ) : null}\n              {def.showUpt ? (\n                <div className=\"space-y-1\">\n                  <Label className=\"text-sm font-medium text-slate-700\">\n                    UPT (if reproductive age)\n                  </Label>\n                  <Select\n                    value={safe.upt ? safe.upt : 'none'}\n                    onValueChange={(val) =>\n                      setUpt(val === 'none' ? '' : (val as UrinePregnancyTest))\n                    }\n                    disabled={disabled}\n                  >\n                    <SelectTrigger className=\"h-8 text-xs\">\n                      <SelectValue placeholder=\"—\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem value=\"none\">—</SelectItem>\n                      <SelectItem value=\"Positive\">Positive</SelectItem>\n                      <SelectItem value=\"Negative\">Negative</SelectItem>\n                      <SelectItem value=\"Not done\">Not done</SelectItem>\n                    </SelectContent>\n                  </Select>\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      {showError && (\n        <p className={fieldErrorClass(def, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/ReadOnlyTable-4Y2XW4MX.mjs

@@ -0,0 +1,6 @@
+export { ReadOnlyTable } from './chunk-DZYV47QC.mjs';
+import './chunk-UULLSS4O.mjs';
+import './chunk-HEFZA2AH.mjs';
+import './chunk-VPU66PI6.mjs';
+//# sourceMappingURL=ReadOnlyTable-4Y2XW4MX.mjs.map
+//# sourceMappingURL=ReadOnlyTable-4Y2XW4MX.mjs.map

package/dist/ReadOnlyTable-4Y2XW4MX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ReadOnlyTable-4Y2XW4MX.mjs"}

package/dist/ReadOnlyTable-L7G6GWEJ.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkQS6WG2XJ_cjs = require('./chunk-QS6WG2XJ.cjs');
+require('./chunk-KMJOTMUQ.cjs');
+require('./chunk-JMGUUFOJ.cjs');
+require('./chunk-FHHISVCH.cjs');
+
+
+
+Object.defineProperty(exports, "ReadOnlyTable", {
+  enumerable: true,
+  get: function () { return chunkQS6WG2XJ_cjs.ReadOnlyTable; }
+});
+//# sourceMappingURL=ReadOnlyTable-L7G6GWEJ.cjs.map
+//# sourceMappingURL=ReadOnlyTable-L7G6GWEJ.cjs.map

package/dist/ReadOnlyTable-L7G6GWEJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ReadOnlyTable-L7G6GWEJ.cjs"}

package/dist/ReferralWidget-J2PWYFDT.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+var chunkUGGUIXUS_cjs = require('./chunk-UGGUIXUS.cjs');
+var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
+var chunk6YX37XBM_cjs = require('./chunk-6YX37XBM.cjs');
+var chunk4KSZUIJE_cjs = require('./chunk-4KSZUIJE.cjs');
+var chunkSHQHDSA4_cjs = require('./chunk-SHQHDSA4.cjs');
+var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
+require('./chunk-FHHISVCH.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function normalizeOptions(response) {
+  if (Array.isArray(response)) {
+    return response.map((o) => ({ label: String(o.label), value: String(o.value) }));
+  }
+  if (response?.specializations?.length) {
+    return response.specializations.map((s) => ({ label: s, value: s }));
+  }
+  return [];
+}
+function normalizeValue(value) {
+  if (!value || !Array.isArray(value)) return [];
+  return value.map((item) => {
+    if (item && typeof item === "object" && "specialization" in item) {
+      const s = item.specialization;
+      const u = item.is_urgent;
+      return { specialization: String(s), is_urgent: Boolean(u) };
+    }
+    return { specialization: String(item), is_urgent: false };
+  });
+}
+var ReferralWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const handlers = chunkSHQHDSA4_cjs.useFieldHandlers(fieldId);
+  const [options, setOptions] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const { state } = chunk6YX37XBM_cjs.useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const selectedItems = normalizeValue(value);
+  const availableOptions = options.filter(
+    (opt) => !selectedItems.some((item) => item.specialization === opt.value)
+  );
+  const loadOptions = react.useCallback(async () => {
+    if (handlers.onFetchOptions) {
+      setLoading(true);
+      try {
+        const res = await handlers.onFetchOptions();
+        setOptions(normalizeOptions(res));
+      } finally {
+        setLoading(false);
+      }
+      return;
+    }
+    const def = fieldDef;
+    if (def?.options?.length) {
+      setOptions(def.options.map((o) => ({ label: String(o.label), value: String(o.value) })));
+    } else if (def?.dataSource) {
+      setLoading(true);
+      chunkUGGUIXUS_cjs.fetchOptions(def.dataSource.source, def.dataSource.params).then((opts) => setOptions(opts.map((o) => ({ label: String(o.label), value: String(o.value) })))).finally(() => setLoading(false));
+    } else {
+      setOptions([]);
+    }
+  }, [fieldDef, handlers]);
+  react.useEffect(() => {
+    if (!fieldDef) return;
+    loadOptions();
+  }, [fieldDef, loadOptions]);
+  const handleAdd = react.useCallback(
+    (specialization) => {
+      const next = [...selectedItems, { specialization, is_urgent: false }];
+      setValue(next);
+      setTouched();
+    },
+    [selectedItems, setValue, setTouched]
+  );
+  const handleRemove = react.useCallback(
+    (specialization) => {
+      const next = selectedItems.filter((item) => item.specialization !== specialization);
+      setValue(next);
+      setTouched();
+    },
+    [selectedItems, setValue, setTouched]
+  );
+  const handleToggleUrgent = react.useCallback(
+    (specialization) => {
+      const next = selectedItems.map(
+        (item) => item.specialization === specialization ? { ...item, is_urgent: !item.is_urgent } : item
+      );
+      setValue(next);
+      setTouched();
+    },
+    [selectedItems, setValue, setTouched]
+  );
+  if (!fieldDef) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkJMGUUFOJ_cjs.Label, { htmlFor: fieldId, className: chunk5E3APMY6_cjs.fieldLabelClass(fieldDef), children: [
+      "Referral to ",
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef })
+    ] }),
+    loading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Loading..." }),
+    !loading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        chunk4KSZUIJE_cjs.Select,
+        {
+          disabled,
+          value: "",
+          onValueChange: (val) => {
+            if (val) {
+              handleAdd(val);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunk4KSZUIJE_cjs.SelectTrigger,
+              {
+                id: fieldId,
+                className: chunk5E3APMY6_cjs.fieldControlClass(fieldDef, showError ? "border-red-500" : ""),
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectValue, { placeholder: "Select specializations..." })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(chunk4KSZUIJE_cjs.SelectContent, { children: [
+              availableOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(chunk4KSZUIJE_cjs.SelectItem, { value: opt.value, children: opt.label }, opt.value)),
+              availableOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 px-2 text-sm text-muted-foreground", children: "All specializations selected" })
+            ] })
+          ]
+        },
+        `referral-${selectedItems.map((i) => i.specialization).join(",")}`
+      ),
+      selectedItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 flex h-12 flex-wrap content-start gap-1.5 overflow-y-auto pr-1", children: selectedItems.map((item) => {
+        const isUrgent = item.is_urgent;
+        const chipClass = isUrgent ? "inline-flex items-center gap-0.5 px-2 py-0.5 bg-red-100 text-red-800 border border-red-300 rounded-full text-xs max-w-full cursor-pointer hover:bg-red-200 transition-colors" : "inline-flex items-center gap-0.5 px-2 py-0.5 bg-blue-100 text-blue-800 rounded-full text-xs max-w-full cursor-pointer hover:bg-blue-200 transition-colors";
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: chipClass,
+            onClick: (e) => {
+              if (e.target instanceof HTMLElement && e.target.closest("button")) return;
+              handleToggleUrgent(item.specialization);
+            },
+            children: [
+              isUrgent && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 bg-red-600 text-white text-[10px] font-bold px-1 py-0.5 rounded mr-1", children: "U" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-[120px]", children: item.specialization }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleRemove(item.specialization);
+                  },
+                  className: "ml-0.5 text-blue-600 hover:text-blue-800 focus:outline-none flex-shrink-0 text-sm leading-none",
+                  "aria-label": `Remove ${item.specialization}`,
+                  children: "\xD7"
+                }
+              )
+            ]
+          },
+          item.specialization
+        );
+      }) }),
+      selectedItems.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "No specializations selected" }),
+      selectedItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1.5", children: "Click a chip to mark as urgent" })
+    ] }),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+exports.ReferralWidget = ReferralWidget;
+//# sourceMappingURL=ReferralWidget-J2PWYFDT.cjs.map
+//# sourceMappingURL=ReferralWidget-J2PWYFDT.cjs.map

package/dist/ReferralWidget-J2PWYFDT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/ReferralWidget.tsx"],"names":["useField","useFieldHandlers","useState","useForm","useCallback","fetchOptions","useEffect","fieldWrapperClass","jsxs","Label","fieldLabelClass","jsx","FieldRequiredIndicator","Fragment","Select","SelectTrigger","fieldControlClass","SelectValue","SelectContent","SelectItem","fieldErrorClass"],"mappings":"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","file":"ReferralWidget-J2PWYFDT.cjs","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useField } from '../../react/useField';\nimport { useFieldHandlers } from '../../react/FormProvider';\nimport { useForm } from '../../react/useForm';\nimport { Label } from '../shadcn/label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../shadcn/select';\nimport { fetchOptions } from '../../core/asyncOptions';\nimport type { ReferralFieldDef, ReferralItem } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n} from '../../react/fieldStyle';\n\nfunction normalizeOptions(\n  response: { specializations?: string[] } | { label: string; value: any }[]\n): { label: string; value: string }[] {\n  if (Array.isArray(response)) {\n    return response.map((o) => ({ label: String(o.label), value: String(o.value) }));\n  }\n  if (response?.specializations?.length) {\n    return response.specializations.map((s) => ({ label: s, value: s }));\n  }\n  return [];\n}\n\nfunction normalizeValue(value: unknown): ReferralItem[] {\n  if (!value || !Array.isArray(value)) return [];\n  return value.map((item) => {\n    if (item && typeof item === 'object' && 'specialization' in item) {\n      const s = (item as ReferralItem).specialization;\n      const u = (item as ReferralItem).is_urgent;\n      return { specialization: String(s), is_urgent: Boolean(u) };\n    }\n    return { specialization: String(item), is_urgent: false };\n  });\n}\n\nexport const ReferralWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const handlers = useFieldHandlers(fieldId);\n  const [options, setOptions] = useState<{ label: string; value: string }[]>([]);\n  const [loading, setLoading] = useState(false);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  const selectedItems = normalizeValue(value);\n  const availableOptions = options.filter(\n    (opt) => !selectedItems.some((item) => item.specialization === opt.value)\n  );\n\n  const loadOptions = useCallback(async () => {\n    if (handlers.onFetchOptions) {\n      setLoading(true);\n      try {\n        const res = await handlers.onFetchOptions();\n        setOptions(normalizeOptions(res));\n      } finally {\n        setLoading(false);\n      }\n      return;\n    }\n    const def = fieldDef as ReferralFieldDef | undefined;\n    if (def?.options?.length) {\n      setOptions(def.options.map((o) => ({ label: String(o.label), value: String(o.value) })));\n    } else if (def?.dataSource) {\n      setLoading(true);\n      fetchOptions(def.dataSource.source, def.dataSource.params)\n        .then((opts) => setOptions(opts.map((o) => ({ label: String(o.label), value: String(o.value) }))))\n        .finally(() => setLoading(false));\n    } else {\n      setOptions([]);\n    }\n  }, [fieldDef, handlers]);\n\n  useEffect(() => {\n    if (!fieldDef) return;\n    loadOptions();\n  }, [fieldDef, loadOptions]);\n\n  const handleAdd = useCallback(\n    (specialization: string) => {\n      const next = [...selectedItems, { specialization, is_urgent: false }];\n      setValue(next);\n      setTouched();\n    },\n    [selectedItems, setValue, setTouched]\n  );\n\n  const handleRemove = useCallback(\n    (specialization: string) => {\n      const next = selectedItems.filter((item) => item.specialization !== specialization);\n      setValue(next);\n      setTouched();\n    },\n    [selectedItems, setValue, setTouched]\n  );\n\n  const handleToggleUrgent = useCallback(\n    (specialization: string) => {\n      const next = selectedItems.map((item) =>\n        item.specialization === specialization\n          ? { ...item, is_urgent: !item.is_urgent }\n          : item\n      );\n      setValue(next);\n      setTouched();\n    },\n    [selectedItems, setValue, setTouched]\n  );\n\n  if (!fieldDef) return null;\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n        Referral to <FieldRequiredIndicator fieldDef={fieldDef} />\n      </Label>\n\n      {loading && <p className=\"text-xs text-muted-foreground\">Loading...</p>}\n\n      {!loading && (\n        <>\n          <Select\n            key={`referral-${selectedItems.map((i) => i.specialization).join(',')}`}\n            disabled={disabled}\n            value=\"\"\n            onValueChange={(val) => {\n              if (val) {\n                handleAdd(val);\n              }\n            }}\n          >\n            <SelectTrigger\n              id={fieldId}\n              className={fieldControlClass(fieldDef, showError ? 'border-red-500' : '')}\n            >\n              <SelectValue placeholder=\"Select specializations...\" />\n            </SelectTrigger>\n            <SelectContent>\n              {availableOptions.map((opt) => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n              {availableOptions.length === 0 && (\n                <div className=\"py-2 px-2 text-sm text-muted-foreground\">\n                  All specializations selected\n                </div>\n              )}\n            </SelectContent>\n          </Select>\n\n          {selectedItems.length > 0 && (\n            <div className=\"mt-1.5 flex h-12 flex-wrap content-start gap-1.5 overflow-y-auto pr-1\">\n              {selectedItems.map((item) => {\n                const isUrgent = item.is_urgent;\n                const chipClass = isUrgent\n                  ? 'inline-flex items-center gap-0.5 px-2 py-0.5 bg-red-100 text-red-800 border border-red-300 rounded-full text-xs max-w-full cursor-pointer hover:bg-red-200 transition-colors'\n                  : 'inline-flex items-center gap-0.5 px-2 py-0.5 bg-blue-100 text-blue-800 rounded-full text-xs max-w-full cursor-pointer hover:bg-blue-200 transition-colors';\n                return (\n                  <div\n                    key={item.specialization}\n                    className={chipClass}\n                    onClick={(e) => {\n                      if (e.target instanceof HTMLElement && e.target.closest('button')) return;\n                      handleToggleUrgent(item.specialization);\n                    }}\n                  >\n                    {isUrgent && (\n                      <span className=\"flex-shrink-0 bg-red-600 text-white text-[10px] font-bold px-1 py-0.5 rounded mr-1\">\n                        U\n                      </span>\n                    )}\n                    <span className=\"truncate max-w-[120px]\">{item.specialization}</span>\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleRemove(item.specialization);\n                      }}\n                      className=\"ml-0.5 text-blue-600 hover:text-blue-800 focus:outline-none flex-shrink-0 text-sm leading-none\"\n                      aria-label={`Remove ${item.specialization}`}\n                    >\n                      ×\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n\n          {selectedItems.length === 0 && (\n            <p className=\"text-xs text-muted-foreground mt-1\">No specializations selected</p>\n          )}\n\n          {selectedItems.length > 0 && (\n            <p className=\"text-xs text-muted-foreground mt-1.5\">\n              Click a chip to mark as urgent\n            </p>\n          )}\n        </>\n      )}\n\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}