@mieweb/ui 0.6.1 → 0.7.0-dev.178

package/dist/chunk-HRS6W74P.js

@@ -0,0 +1,1568 @@
+import { Textarea } from './chunk-6LFG4JFF.js';
+import { Tooltip } from './chunk-FZJBFJJR.js';
+import { RadioGroup, Radio } from './chunk-EZKRAW2X.js';
+import { Label } from './chunk-DUPR6FEL.js';
+import { Select } from './chunk-J7Z7467B.js';
+import { Card, CardHeader, CardContent } from './chunk-5BQE6BEL.js';
+import { DateInput } from './chunk-LIH3IZYK.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-IUFDGB5O.js';
+import { Input } from './chunk-PVUDXJAI.js';
+import { AlertCircle, Plus, GripVertical, StickyNote, Ban, Pencil, CalendarCheck, ExternalLink, ThumbsUp, HandMetal, ThumbsDown, HelpCircle, ChevronDown, ChevronUp, RefreshCw } from './chunk-DHKYGVP7.js';
+import { Button } from './chunk-ZVSW2KS6.js';
+import { Badge } from './chunk-T42BCIUA.js';
+import { useLiveAnnouncement, useDragReorder, dragIndicatorClasses } from './chunk-7ZVTLTJF.js';
+import { cn } from './chunk-F3SOEIN2.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React3 from 'react';
+
+function toolbarKeyNav(e) {
+  if (e.altKey || e.ctrlKey || e.metaKey) return;
+  if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key)) return;
+  const buttons = Array.from(
+    e.currentTarget.querySelectorAll(
+      "button:not([disabled])"
+    )
+  );
+  const i = buttons.indexOf(document.activeElement);
+  if (i === -1 || buttons.length === 0) return;
+  e.preventDefault();
+  e.stopPropagation();
+  const next = e.key === "ArrowLeft" ? (i - 1 + buttons.length) % buttons.length : e.key === "ArrowRight" ? (i + 1) % buttons.length : e.key === "Home" ? 0 : buttons.length - 1;
+  buttons[next]?.focus();
+}
+var ALIGN = {
+  /** Vertically centered on the row's right edge (single-line rows). */
+  center: "pointer-fine:top-1/2 pointer-fine:right-0 pointer-fine:-translate-y-1/2",
+  /** Pinned near the row's top-right corner (multi-line rows). */
+  top: "pointer-fine:top-1.5 pointer-fine:right-1.5"
+};
+var REVEAL = {
+  row: cn(
+    "group-hover:pointer-events-auto group-hover:opacity-100",
+    "group-focus-within:pointer-events-auto group-focus-within:opacity-100",
+    "group-focus:pointer-events-auto group-focus:opacity-100"
+  ),
+  order: cn(
+    "group-hover/order:pointer-events-auto group-hover/order:opacity-100",
+    "group-focus-within/order:pointer-events-auto group-focus-within/order:opacity-100",
+    "group-focus/order:pointer-events-auto group-focus/order:opacity-100"
+  ),
+  grid: cn(
+    "[.wcdv-tr:hover_&]:pointer-events-auto [.wcdv-tr:hover_&]:opacity-100",
+    "[.wcdv-tr:focus-within_&]:pointer-events-auto [.wcdv-tr:focus-within_&]:opacity-100"
+  )
+};
+function RowActionToolbar({
+  label,
+  align = "center",
+  group = "row",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": label,
+      onKeyDown: toolbarKeyNav,
+      className: cn(
+        "z-10 ml-auto flex items-center gap-0.5 transition-opacity",
+        // Inside a grid cell the column already reserves the space, so the
+        // toolbar stays in flow — no absolute overlay. It keeps the card
+        // chrome, though: pair with a `sticky right-0` actions column and it
+        // floats over scrolled-under content at the grid's right edge.
+        group !== "grid" && [
+          "pointer-fine:absolute",
+          ALIGN[align],
+          "pointer-fine:bg-card pointer-fine:border-border pointer-fine:rounded-md pointer-fine:border pointer-fine:p-0.5 pointer-fine:shadow-sm"
+        ],
+        group === "grid" && "bg-card border-border rounded-md border p-0.5 shadow-sm",
+        "pointer-fine:pointer-events-none pointer-fine:opacity-0",
+        REVEAL[group],
+        "focus-within:pointer-events-auto focus-within:opacity-100",
+        className
+      ),
+      children
+    }
+  );
+}
+function RowIconButton({
+  label,
+  icon: Icon,
+  onClick,
+  active,
+  size = "md"
+}) {
+  return /* @__PURE__ */ jsx(Tooltip, { content: label, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      "aria-label": label,
+      "aria-pressed": active,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      className: cn(
+        size === "sm" ? "h-7 w-7" : "h-8 w-8",
+        "shrink-0",
+        active && "bg-primary-50 text-primary-700 dark:bg-primary-950 dark:text-primary-400"
+      ),
+      children: /* @__PURE__ */ jsx(Icon, { size: size === "sm" ? 14 : 16 })
+    }
+  ) });
+}
+var TYPE_ORDER = ["drug", "food", "environmental", "other"];
+var ALLERGY_TYPE_LABELS = {
+  drug: "Drug",
+  food: "Food",
+  environmental: "Environmental",
+  other: "Other"
+};
+var SEVERITY_BADGE = {
+  severe: "danger",
+  moderate: "warning",
+  mild: "secondary"
+};
+var DEFAULT_ACTIONS = ["correct", "note", "remove"];
+var ACTION_META = {
+  correct: { label: "Correct", icon: Pencil },
+  note: { label: "Notes", icon: StickyNote },
+  remove: { label: "Remove", icon: Ban }
+};
+function AllergyRow({
+  allergy,
+  actions,
+  readOnly,
+  drag,
+  onMove,
+  onAction
+}) {
+  const handleRowKeyDown = (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      e.preventDefault();
+      onMove?.(allergy, e.key === "ArrowUp" ? -1 : 1);
+    } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const list = e.currentTarget.closest("ul");
+      if (!list) return;
+      const rows = Array.from(
+        list.querySelectorAll("li[data-allergy-id]")
+      );
+      const i = rows.indexOf(e.currentTarget);
+      rows[e.key === "ArrowUp" ? Math.max(0, i - 1) : Math.min(rows.length - 1, i + 1)]?.focus();
+    }
+  };
+  return (
+    // Rows are focus stops when reordering is enabled so drag & drop has a
+    // keyboard equivalent (Alt+↑/↓) — 508.
+    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex */
+    /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-allergy-id": allergy.id,
+        tabIndex: drag.enabled ? 0 : void 0,
+        onKeyDown: drag.enabled ? handleRowKeyDown : void 0,
+        "aria-label": drag.enabled ? `${allergy.allergen}. Alt plus arrow keys to reorder.` : void 0,
+        ...drag.rowProps(allergy.id),
+        className: cn(
+          "group border-border/60 relative flex min-h-11 flex-wrap items-center gap-x-2 gap-y-1 border-b px-1 py-2",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          drag.enabled && "cursor-grab active:cursor-grabbing",
+          dragIndicatorClasses(drag, allergy.id)
+        ),
+        children: [
+          drag.enabled ? /* @__PURE__ */ jsx(
+            GripVertical,
+            {
+              size: 14,
+              "aria-hidden": true,
+              className: "text-muted-foreground/50 shrink-0"
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 select-none", children: "\u2022" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-foreground font-medium",
+                allergy.inactive && "text-muted-foreground line-through"
+              ),
+              children: allergy.allergen
+            }
+          ),
+          allergy.code && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "text-muted-foreground/70 text-xs",
+              title: allergy.code.display,
+              children: [
+                allergy.code.system,
+                " ",
+                allergy.code.code
+              ]
+            }
+          ),
+          allergy.severity && /* @__PURE__ */ jsx(Badge, { variant: SEVERITY_BADGE[allergy.severity], size: "sm", children: allergy.severity }),
+          allergy.kind === "intolerance" && /* @__PURE__ */ jsx(Badge, { variant: "secondary", size: "sm", children: "intolerance" }),
+          allergy.reaction && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+            "\u2014 ",
+            allergy.reaction
+          ] }),
+          allergy.onsetDate && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
+            "since ",
+            allergy.onsetDate
+          ] }),
+          allergy.inactive && /* @__PURE__ */ jsx(Badge, { variant: "secondary", size: "sm", children: "inactive" }),
+          allergy.note && /* @__PURE__ */ jsxs("span", { className: "flex w-full basis-full items-center gap-1.5 pl-4", children: [
+            /* @__PURE__ */ jsx(StickyNote, { size: 12, className: "text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: allergy.note })
+          ] }),
+          !readOnly && actions.length > 0 && /* @__PURE__ */ jsx(RowActionToolbar, { label: `Actions for ${allergy.allergen}`, children: actions.map((action) => /* @__PURE__ */ jsx(
+            RowIconButton,
+            {
+              label: ACTION_META[action].label,
+              icon: ACTION_META[action].icon,
+              onClick: () => onAction?.(allergy, action)
+            },
+            action
+          )) })
+        ]
+      }
+    )
+  );
+}
+var AllergyList = React3.forwardRef(
+  ({
+    allergies,
+    noKnownAllergies,
+    onNoKnownAllergiesChange,
+    title = "Allergies",
+    actions = DEFAULT_ACTIONS,
+    onAction,
+    onReorder,
+    addSearch,
+    onAdd,
+    readOnly = false,
+    className,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const [announcement, setAnnouncement] = useLiveAnnouncement();
+    const groups = TYPE_ORDER.map((type) => ({
+      type,
+      label: ALLERGY_TYPE_LABELS[type],
+      items: allergies.filter((a) => (a.type ?? "other") === type)
+    })).filter((g) => g.items.length > 0);
+    const empty = allergies.length === 0;
+    const typeOf = React3.useCallback(
+      (id) => allergies.find((a) => a.id === id)?.type ?? "other",
+      [allergies]
+    );
+    const drag = useDragReorder({
+      ids: allergies.map((a) => a.id),
+      onReorder: readOnly || !onReorder ? void 0 : (ids) => {
+        setAnnouncement("Allergy list reordered");
+        onReorder(ids);
+      },
+      canDropOn: (dragged, target) => typeOf(dragged) === typeOf(target)
+    });
+    const moveAllergy = React3.useCallback(
+      (allergy, dir) => {
+        if (readOnly || !onReorder) return;
+        const ids = allergies.map((a) => a.id);
+        const from = ids.indexOf(allergy.id);
+        let to = from + dir;
+        while (to >= 0 && to < allergies.length && (allergies[to].type ?? "other") !== (allergy.type ?? "other")) {
+          to += dir;
+        }
+        if (to < 0 || to >= allergies.length) return;
+        [ids[from], ids[to]] = [ids[to], ids[from]];
+        setAnnouncement(
+          `${allergy.allergen} moved ${dir === -1 ? "up" : "down"}`
+        );
+        onReorder(ids);
+      },
+      [allergies, onReorder, readOnly, setAnnouncement]
+    );
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        ref,
+        padding: "none",
+        className: cn("w-full", className),
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          title !== null && /* @__PURE__ */ jsx(CardHeader, { className: "border-border bg-muted/50 border-b px-4 py-3", children: /* @__PURE__ */ jsxs("h3", { className: "text-foreground flex items-center gap-2 text-sm font-semibold tracking-wide uppercase", children: [
+            /* @__PURE__ */ jsx(
+              AlertCircle,
+              {
+                size: 16,
+                className: "text-red-600 dark:text-red-400"
+              }
+            ),
+            title
+          ] }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-5 px-4 py-4", children: [
+            empty ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              noKnownAllergies ? /* @__PURE__ */ jsxs("p", { className: "text-foreground flex items-center gap-1.5 text-sm", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "success", size: "sm", children: "\u2713" }),
+                "No known allergies (NKA)"
+              ] }) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Allergy status not recorded." }),
+              !readOnly && onNoKnownAllergiesChange && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: noKnownAllergies ? "secondary" : "outline",
+                  size: "sm",
+                  onClick: () => onNoKnownAllergiesChange(!noKnownAllergies),
+                  children: noKnownAllergies ? "Clear no-known-allergies" : "Confirm: no known allergies"
+                }
+              )
+            ] }) : groups.map(({ type, label, items }) => /* @__PURE__ */ jsxs("section", { "aria-label": label, children: [
+              /* @__PURE__ */ jsx("h4", { className: "border-border text-foreground border-b pb-1 text-sm font-semibold tracking-wide uppercase", children: label }),
+              /* @__PURE__ */ jsx("ul", { className: "mt-1", children: items.map((allergy) => /* @__PURE__ */ jsx(
+                AllergyRow,
+                {
+                  allergy,
+                  actions,
+                  readOnly,
+                  drag,
+                  onMove: moveAllergy,
+                  onAction
+                },
+                allergy.id
+              )) })
+            ] }, type)),
+            !readOnly && (addSearch || onAdd) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Add allergy" }),
+              addSearch,
+              onAdd && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: onAdd,
+                  leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                  className: "h-auto rounded-full px-2.5 py-1 text-xs",
+                  children: "Add allergy\u2026"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "sr-only", children: announcement })
+        ]
+      }
+    );
+  }
+);
+AllergyList.displayName = "AllergyList";
+var CodeLookupContext = React3.createContext(
+  null
+);
+function CodeLookupProvider({
+  component,
+  indexUrl = "/codify",
+  locale = "en",
+  children
+}) {
+  const value = React3.useMemo(
+    () => ({ component, indexUrl, locale }),
+    [component, indexUrl, locale]
+  );
+  return /* @__PURE__ */ jsx(CodeLookupContext.Provider, { value, children });
+}
+function useCodeLookupConfig() {
+  return React3.useContext(CodeLookupContext);
+}
+function newId() {
+  return `alg-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+var TYPE_OPTIONS = [
+  { value: "drug", label: "Drug" },
+  { value: "food", label: "Food" },
+  { value: "environmental", label: "Environmental" },
+  { value: "other", label: "Other" }
+];
+function AllergyEditor({
+  allergy,
+  codeLookup,
+  onClose,
+  onSave
+}) {
+  const [draft, setDraft] = React3.useState(
+    () => allergy ?? { id: newId(), allergen: "", type: "drug" }
+  );
+  const patch = (p) => setDraft((prev) => ({ ...prev, ...p }));
+  const bodyRef = React3.useRef(null);
+  React3.useEffect(() => {
+    bodyRef.current?.querySelector("input")?.focus();
+  }, []);
+  const canSave = draft.allergen.trim().length > 0;
+  const isDrug = (draft.type ?? "drug") === "drug";
+  return /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (o) => !o && onClose(), size: "md", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: allergy ? "Correct Allergy" : "Add Allergy" }),
+      /* @__PURE__ */ jsx(ModalClose, {})
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { ref: bodyRef, className: "contents", children: [
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          name: "alg-kind",
+          label: "Mechanism",
+          description: "A true immune-mediated allergy, or a non-immune intolerance (e.g. GI upset)",
+          value: draft.kind ?? "allergy",
+          onValueChange: (v) => patch({ kind: v }),
+          orientation: "horizontal",
+          size: "sm",
+          children: [
+            /* @__PURE__ */ jsx(Radio, { value: "allergy", label: "Allergy" }),
+            /* @__PURE__ */ jsx(Radio, { value: "intolerance", label: "Intolerance" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Type",
+          options: TYPE_OPTIONS,
+          value: draft.type ?? "drug",
+          onValueChange: (v) => {
+            const type = v;
+            patch({
+              type,
+              ...type !== "drug" && { code: void 0 }
+            });
+          }
+        }
+      ),
+      isDrug && codeLookup ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-search", children: "Allergen" }),
+        /* @__PURE__ */ jsx(
+          codeLookup.component,
+          {
+            indexUrl: codeLookup.indexUrl,
+            locale: codeLookup.locale,
+            domains: ["med"],
+            bare: true,
+            clearOnSelect: false,
+            placeholder: "Search drug allergens \u2014 e.g. penicillin",
+            onSelect: (result) => patch({
+              allergen: result.label,
+              code: {
+                system: result.codetype,
+                code: result.fullcode,
+                display: result.label
+              }
+            }),
+            onFreeText: (text) => patch({ allergen: text, code: void 0 })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: draft.code ? `Coded: ${draft.code.system} ${draft.code.code}` : draft.allergen ? `Uncoded free text: "${draft.allergen}"` : "Pick a result to code the allergen, or press Enter for free text" })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-name", children: "Allergen" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "alg-name",
+            value: draft.allergen,
+            onChange: (e) => patch({ allergen: e.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-reaction", children: "Reaction" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "alg-reaction",
+            value: draft.reaction ?? "",
+            onChange: (e) => patch({ reaction: e.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          name: "alg-severity",
+          label: "Severity",
+          value: draft.severity ?? "",
+          onValueChange: (v) => patch({ severity: v || void 0 }),
+          orientation: "horizontal",
+          size: "sm",
+          children: [
+            /* @__PURE__ */ jsx(Radio, { value: "mild", label: "Mild" }),
+            /* @__PURE__ */ jsx(Radio, { value: "moderate", label: "Moderate" }),
+            /* @__PURE__ */ jsx(Radio, { value: "severe", label: "Severe" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-onset", children: "Onset date" }),
+        /* @__PURE__ */ jsx(
+          DateInput,
+          {
+            id: "alg-onset",
+            value: draft.onsetDate ?? "",
+            onChange: (v) => patch({ onsetDate: v })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-note", children: "Note" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "alg-note",
+            value: draft.note ?? "",
+            onChange: (e) => patch({ note: e.target.value }),
+            rows: 2
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            onSave({ ...draft, allergen: draft.allergen.trim() });
+            onClose();
+          },
+          disabled: !canSave,
+          children: "Save"
+        }
+      )
+    ] })
+  ] });
+}
+function AllergyManager({
+  allergies: controlled,
+  defaultAllergies,
+  onChange,
+  noKnownAllergies,
+  onNoKnownAllergiesChange,
+  title = "Allergies",
+  codeLookup,
+  inlineAddSearch = false,
+  readOnly = false,
+  className,
+  "data-testid": dataTestId
+}) {
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = React3.useState(
+    defaultAllergies ?? []
+  );
+  const allergies = isControlled ? controlled : internal;
+  const ambientCodeLookup = useCodeLookupConfig();
+  const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
+  const [dialog, setDialog] = React3.useState(null);
+  const [noteDraft, setNoteDraft] = React3.useState("");
+  const commit = (next) => {
+    if (!isControlled) setInternal(next);
+    onChange?.(next);
+    if (next.length > 0 && noKnownAllergies) {
+      onNoKnownAllergiesChange?.(false);
+    }
+  };
+  const handleAction = (allergy, action) => {
+    switch (action) {
+      case "remove":
+        commit(allergies.filter((a) => a.id !== allergy.id));
+        break;
+      case "correct":
+        setDialog({ kind: "correct", allergy });
+        break;
+      case "note":
+        setNoteDraft(allergy.note ?? "");
+        setDialog({ kind: "note", allergy });
+        break;
+    }
+  };
+  const addSearch = inlineAddSearch && effectiveCodeLookup && !readOnly ? /* @__PURE__ */ jsx(
+    effectiveCodeLookup.component,
+    {
+      indexUrl: effectiveCodeLookup.indexUrl,
+      locale: effectiveCodeLookup.locale,
+      domains: ["med"],
+      bare: true,
+      clearOnSelect: true,
+      placeholder: "Search drug allergens to add \u2014 use Add allergy\u2026 for food/environmental",
+      onSelect: (result) => commit([
+        ...allergies,
+        {
+          id: newId(),
+          allergen: result.label,
+          type: "drug",
+          code: {
+            system: result.codetype,
+            code: result.fullcode,
+            display: result.label
+          }
+        }
+      ]),
+      onFreeText: (text) => (
+        // this search bar is explicitly for drug allergens — free-text
+        // entries carry type 'drug' like the coded path
+        commit([...allergies, { id: newId(), allergen: text, type: "drug" }])
+      )
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AllergyList,
+      {
+        allergies,
+        noKnownAllergies,
+        onNoKnownAllergiesChange,
+        title,
+        onAction: handleAction,
+        onReorder: (ids) => commit(
+          [...allergies].sort((a, b) => ids.indexOf(a.id) - ids.indexOf(b.id))
+        ),
+        addSearch,
+        onAdd: () => setDialog({ kind: "add" }),
+        readOnly,
+        className,
+        "data-testid": dataTestId
+      }
+    ),
+    dialog && (dialog.kind === "correct" || dialog.kind === "add") && /* @__PURE__ */ jsx(
+      AllergyEditor,
+      {
+        allergy: dialog.kind === "correct" ? dialog.allergy : void 0,
+        codeLookup: effectiveCodeLookup,
+        onClose: () => setDialog(null),
+        onSave: (saved) => {
+          if (dialog.kind === "correct") {
+            commit(allergies.map((a) => a.id === saved.id ? saved : a));
+          } else {
+            commit([...allergies, saved]);
+          }
+        }
+      },
+      dialog.kind === "correct" ? dialog.allergy.id : "add"
+    ),
+    dialog?.kind === "note" && /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (o) => !o && setDialog(null), size: "md", children: [
+      /* @__PURE__ */ jsxs(ModalHeader, { children: [
+        /* @__PURE__ */ jsx(ModalTitle, { children: "Allergy Notes" }),
+        /* @__PURE__ */ jsx(ModalClose, {})
+      ] }),
+      /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: dialog.allergy.allergen }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "alg-note-dlg", children: "Note" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "alg-note-dlg",
+              value: noteDraft,
+              onChange: (e) => setNoteDraft(e.target.value),
+              rows: 4
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(ModalFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setDialog(null), children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => {
+              commit(
+                allergies.map(
+                  (a) => a.id === dialog.allergy.id ? { ...a, note: noteDraft.trim() || void 0 } : a
+                )
+              );
+              setDialog(null);
+            },
+            children: "Save"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var GROUP_ORDER = [
+  "unreconciled",
+  "taking",
+  "taking-noncompliant",
+  "not-taking",
+  "unknown"
+];
+var MEDICATION_STATUS_LABELS = {
+  unreconciled: "Unreconciled",
+  taking: "Taking as Directed",
+  "taking-noncompliant": "Not Taking as Directed",
+  "not-taking": "Not Taking",
+  unknown: "Unknown"
+};
+var DEFAULT_ACTIONS2 = [
+  "open",
+  "correct",
+  "refill",
+  "add-task",
+  "note",
+  "remove"
+];
+var ACTION_META2 = {
+  open: { label: "Open", icon: ExternalLink },
+  correct: { label: "Correct", icon: Pencil },
+  refill: { label: "Refill", icon: RefreshCw },
+  "add-task": { label: "Add Task", icon: CalendarCheck },
+  note: { label: "Notes", icon: StickyNote },
+  remove: { label: "Remove", icon: Ban },
+  "move-up": { label: "Move Up", icon: ChevronUp },
+  "move-down": { label: "Move Down", icon: ChevronDown }
+};
+var STATUS_BUTTON_META = [
+  { status: "taking", label: "Taking", icon: ThumbsUp },
+  {
+    status: "taking-noncompliant",
+    label: "Taking \u2013 Noncompliant",
+    icon: HandMetal
+  },
+  { status: "not-taking", label: "Not Taking", icon: ThumbsDown },
+  { status: "unknown", label: "Unknown", icon: HelpCircle }
+];
+function MedicationRow({
+  medication,
+  actions,
+  readOnly,
+  drag,
+  onMove,
+  onStatusChange,
+  onAction
+}) {
+  const handleRowKeyDown = (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      e.preventDefault();
+      onMove?.(medication, e.key === "ArrowUp" ? -1 : 1);
+    } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const list = e.currentTarget.closest("ul");
+      if (!list) return;
+      const rows = Array.from(
+        list.querySelectorAll("li[data-medication-id]")
+      );
+      const i = rows.indexOf(e.currentTarget);
+      rows[e.key === "ArrowUp" ? Math.max(0, i - 1) : Math.min(rows.length - 1, i + 1)]?.focus();
+    }
+  };
+  return (
+    // Rows are focus stops when reordering is enabled so drag & drop has a
+    // keyboard equivalent (Alt+↑/↓) — 508.
+    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex */
+    /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-medication-id": medication.id,
+        tabIndex: drag.enabled ? 0 : void 0,
+        onKeyDown: drag.enabled ? handleRowKeyDown : void 0,
+        "aria-label": drag.enabled ? `${medication.name}. Alt plus arrow keys to reorder.` : void 0,
+        ...drag.rowProps(medication.id),
+        className: cn(
+          "group border-border/60 relative flex min-h-11 flex-wrap items-center gap-x-2 gap-y-1 border-b px-1 py-2",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          drag.enabled && "cursor-grab active:cursor-grabbing",
+          dragIndicatorClasses(drag, medication.id)
+        ),
+        children: [
+          drag.enabled ? /* @__PURE__ */ jsx(
+            GripVertical,
+            {
+              size: 14,
+              "aria-hidden": true,
+              className: "text-muted-foreground/50 shrink-0"
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 select-none", children: "\u2022" }),
+          /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: medication.name }),
+          medication.code && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "text-muted-foreground/70 text-xs",
+              title: medication.code.display,
+              children: [
+                medication.code.system,
+                " ",
+                medication.code.code
+              ]
+            }
+          ),
+          medication.sig && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: medication.sig }),
+          medication.expired && /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-red-600 dark:text-red-400", children: "EXPIRED" }),
+          medication.discontinuedDate && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+            "Discontinued on: ",
+            medication.discontinuedDate
+          ] }),
+          (medication.note || medication.task) && /* @__PURE__ */ jsxs("span", { className: "flex w-full basis-full flex-col gap-0.5 pl-4", children: [
+            medication.note && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+              /* @__PURE__ */ jsx(StickyNote, { size: 12 }),
+              medication.note
+            ] }),
+            medication.task && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+              /* @__PURE__ */ jsx(CalendarCheck, { size: 12 }),
+              "Task: ",
+              medication.task
+            ] })
+          ] }),
+          !readOnly && /* @__PURE__ */ jsxs(RowActionToolbar, { label: `Actions for ${medication.name}`, children: [
+            actions.includes("open") && /* @__PURE__ */ jsx(
+              RowIconButton,
+              {
+                label: ACTION_META2.open.label,
+                icon: ACTION_META2.open.icon,
+                onClick: () => onAction?.(medication, "open")
+              }
+            ),
+            STATUS_BUTTON_META.map(({ status, label, icon }) => /* @__PURE__ */ jsx(
+              RowIconButton,
+              {
+                label,
+                icon,
+                active: medication.status === status,
+                onClick: () => onStatusChange?.(medication, status)
+              },
+              status
+            )),
+            actions.filter((a) => a !== "open").map((action) => /* @__PURE__ */ jsx(
+              RowIconButton,
+              {
+                label: ACTION_META2[action].label,
+                icon: ACTION_META2[action].icon,
+                onClick: () => onAction?.(medication, action)
+              },
+              action
+            ))
+          ] })
+        ]
+      }
+    )
+  );
+}
+var MedicationList = React3.forwardRef(
+  ({
+    medications,
+    title = "Presenting medications",
+    onStatusChange,
+    onAction,
+    onReorder,
+    actions = DEFAULT_ACTIONS2,
+    quickAddOptions,
+    onQuickAdd,
+    onAddOther,
+    readOnly = false,
+    reconciledMessage = "All medications reconciled.",
+    emptyMessage = "No medications recorded.",
+    addSearch,
+    className,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const [announcement, setAnnouncement] = useLiveAnnouncement();
+    const handleStatusChange = React3.useCallback(
+      (medication, status) => {
+        setAnnouncement(
+          `${medication.name} marked ${MEDICATION_STATUS_LABELS[status]}`
+        );
+        onStatusChange?.(medication, status);
+      },
+      [onStatusChange, setAnnouncement]
+    );
+    const groups = GROUP_ORDER.map((status) => ({
+      status,
+      label: MEDICATION_STATUS_LABELS[status],
+      items: medications.filter((m) => m.status === status)
+    })).filter((g) => g.items.length > 0 || g.status === "unreconciled");
+    const statusById = React3.useMemo(
+      () => new Map(medications.map((m) => [m.id, m.status])),
+      [medications]
+    );
+    const statusOf = React3.useCallback(
+      (id) => statusById.get(id),
+      [statusById]
+    );
+    const drag = useDragReorder({
+      ids: medications.map((m) => m.id),
+      onReorder: readOnly || !onReorder ? void 0 : (ids) => {
+        setAnnouncement("Medication list reordered");
+        onReorder(ids);
+      },
+      canDropOn: (dragged, target) => statusOf(dragged) === statusOf(target)
+    });
+    const moveMedication = React3.useCallback(
+      (medication, dir) => {
+        if (readOnly || !onReorder) return;
+        const ids = medications.map((m) => m.id);
+        const from = ids.indexOf(medication.id);
+        let to = from + dir;
+        while (to >= 0 && to < medications.length && medications[to].status !== medication.status) {
+          to += dir;
+        }
+        if (to < 0 || to >= medications.length) return;
+        [ids[from], ids[to]] = [ids[to], ids[from]];
+        setAnnouncement(
+          `${medication.name} moved ${dir === -1 ? "up" : "down"}`
+        );
+        onReorder(ids);
+      },
+      [medications, onReorder, readOnly, setAnnouncement]
+    );
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        ref,
+        padding: "none",
+        className: cn("w-full", className),
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          title !== null && /* @__PURE__ */ jsx(CardHeader, { className: "border-border bg-muted/50 border-b px-4 py-3", children: /* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold tracking-wide uppercase", children: title }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6 px-4 py-4", children: [
+            groups.map(({ status, label, items }) => /* @__PURE__ */ jsxs("section", { "aria-label": label, children: [
+              /* @__PURE__ */ jsx("h4", { className: "border-border text-foreground border-b pb-1 text-sm font-semibold tracking-wide uppercase", children: label }),
+              items.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "mt-1", children: items.map((medication) => /* @__PURE__ */ jsx(
+                MedicationRow,
+                {
+                  medication,
+                  actions,
+                  readOnly,
+                  drag,
+                  onMove: moveMedication,
+                  onStatusChange: handleStatusChange,
+                  onAction
+                },
+                medication.id
+              )) }) : medications.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-2 text-sm", children: emptyMessage }) : /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mt-2 flex items-center gap-1.5 text-sm", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "success", size: "sm", children: "\u2713" }),
+                reconciledMessage
+              ] })
+            ] }, status)),
+            !readOnly && (addSearch || quickAddOptions?.length || onAddOther) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Add medication" }),
+              addSearch,
+              (quickAddOptions?.length || onAddOther) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                quickAddOptions?.map((name) => /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => onQuickAdd?.(name),
+                    leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                    className: "border-border h-auto rounded-full border px-2.5 py-1 text-xs",
+                    children: name
+                  },
+                  name
+                )),
+                onAddOther && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: onAddOther,
+                    leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                    className: "h-auto rounded-full px-2.5 py-1 text-xs",
+                    children: "Other\u2026"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "sr-only", children: announcement })
+        ]
+      }
+    );
+  }
+);
+MedicationList.displayName = "MedicationList";
+var DOSE_FORMS = [
+  "tablet",
+  "capsule",
+  "solution",
+  "suspension",
+  "syrup",
+  "cream",
+  "ointment",
+  "gel",
+  "patch",
+  "suppository",
+  "spray",
+  "drops",
+  "inhaler",
+  "injection",
+  "lozenge",
+  "powder",
+  "film"
+];
+var FORM_TO_UNIT = {
+  tablet: "tablet",
+  capsule: "capsule",
+  solution: "milliliter",
+  suspension: "milliliter",
+  syrup: "milliliter",
+  cream: "gram",
+  ointment: "gram",
+  gel: "gram",
+  patch: "patch",
+  suppository: "suppository",
+  spray: "spray",
+  drops: "milliliter",
+  inhaler: "each",
+  injection: "milliliter",
+  lozenge: "each",
+  powder: "gram",
+  film: "each"
+};
+function parseMedicationLabel(label) {
+  const lower = label.toLowerCase();
+  const strengthMatch = lower.match(
+    /(\d{1,7}(?:\.\d{1,4})?(?:\s{0,4}\/\s{0,4}\d{1,7}(?:\.\d{1,4})?)?)\s{0,4}(mg\/ml|mcg\/ml|mg|mcg|g|ml|units?|%|meq)\b/
+  );
+  const doseForm = DOSE_FORMS.find((f) => lower.includes(f));
+  return {
+    strength: strengthMatch ? `${strengthMatch[1].replace(/\s+/g, "")} ${strengthMatch[2]}` : void 0,
+    doseForm
+  };
+}
+var SIG_ROUTES = [
+  [/\bby mouth\b|\boral(ly)?\b|\bpo\b/, "oral"],
+  [/\bsublingual(ly)?\b|\bunder the tongue\b|\bsl\b/, "sublingual"],
+  [/\bsubcutaneous(ly)?\b|\bsubq\b|\bsc\b|\bsq\b/, "subcutaneous"],
+  [/\bintramuscular(ly)?\b|\bim\b/, "intramuscular"],
+  [/\bintravenous(ly)?\b|\biv\b/, "intravenous"],
+  [/\binhal(e|ation|ed)\b|\bpuffs?\b|\bnebuliz/, "inhalation"],
+  [/\beyes?\b|\bophthalmic\b/, "ophthalmic"],
+  [/\bears?\b|\botic\b/, "otic"],
+  [/\bnostrils?\b|\bnasal(ly)?\b|\bintranasal/, "nasal"],
+  [/\brectal(ly)?\b|\bpr\b/, "rectal"],
+  [/\btransdermal\b|\bto (the )?skin\b|\bapply\b|\btopical(ly)?\b/, "topical"]
+];
+var SIG_FREQUENCIES = [
+  [/\bevery other day\b|\bqod\b/, "Every other day"],
+  [/\btwice (a |per )?day\b|\btwice daily\b|\bbid\b/, "Twice daily"],
+  [
+    /\b(three times|3 times)( a| per)? day\b|\b(three times|3 times) daily\b|\btid\b/,
+    "Three times daily"
+  ],
+  [
+    /\b(four times|4 times)( a| per)? day\b|\b(four times|4 times) daily\b|\bqid\b/,
+    "Four times daily"
+  ],
+  [/\bevery morning\b|\bqam\b/, "Every morning"],
+  [/\b(at )?bedtime\b|\bqhs\b|\bat night\b/, "Every bedtime"],
+  [/\bweekly\b|\bonce a week\b|\bevery week\b/, "Weekly"],
+  [
+    /\bonce (a |per )?day\b|\bonce daily\b|\bdaily\b|\bevery day\b|\bqd\b/,
+    "Once daily"
+  ]
+];
+function parseSig(sig) {
+  const lower = sig.toLowerCase();
+  const route = SIG_ROUTES.find(([re]) => re.test(lower))?.[1];
+  const frequency = SIG_FREQUENCIES.find(([re]) => re.test(lower))?.[1];
+  const prn = /\bas needed\b|\bprn\b/.test(lower);
+  return { route, frequency, prn };
+}
+function labelToMedicationFields(label) {
+  const { strength, doseForm } = parseMedicationLabel(label);
+  return {
+    ...strength && { strength },
+    ...doseForm && {
+      doseForm,
+      quantityUnit: FORM_TO_UNIT[doseForm] ?? doseForm
+    }
+  };
+}
+function lookupToMedicationFields(result) {
+  return {
+    name: result.label,
+    code: {
+      system: result.codetype,
+      code: result.fullcode,
+      display: result.label
+    },
+    ...labelToMedicationFields(result.label)
+  };
+}
+function newId2() {
+  return `med-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function MedicationEditor({
+  open,
+  medication,
+  codeLookup,
+  onClose,
+  onSave
+}) {
+  const ambientCodeLookup = useCodeLookupConfig();
+  const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
+  const [draft, setDraft] = React3.useState(
+    () => medication ?? {
+      id: newId2(),
+      name: "",
+      status: "unreconciled"
+    }
+  );
+  const bodyRef = React3.useRef(null);
+  React3.useEffect(() => {
+    const input = bodyRef.current?.querySelector("input");
+    input?.focus();
+  }, []);
+  const patch = (p) => setDraft((prev) => ({ ...prev, ...p }));
+  const handleCodeSelect = (result) => {
+    patch(lookupToMedicationFields(result));
+  };
+  const handleSigChange = (sig) => {
+    const { route, frequency, prn } = parseSig(sig);
+    patch({ sig, route, frequency, prn: prn || void 0 });
+  };
+  const canSave = draft.name.trim().length > 0;
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (o) => !o && onClose(), size: "lg", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: medication ? "Correct Medication" : "Add Medication" }),
+      /* @__PURE__ */ jsx(ModalClose, {})
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "space-y-5", children: /* @__PURE__ */ jsxs("div", { ref: bodyRef, className: "contents", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": "Medication", children: [
+        effectiveCodeLookup ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-search", children: "Medication" }),
+          /* @__PURE__ */ jsx(
+            effectiveCodeLookup.component,
+            {
+              indexUrl: effectiveCodeLookup.indexUrl,
+              locale: effectiveCodeLookup.locale,
+              domains: ["med"],
+              bare: true,
+              clearOnSelect: false,
+              placeholder: "Search RxNorm / FDB \u2014 e.g. lisinopril",
+              initialQuery: medication?.name || void 0,
+              initialSearch: medication ? !medication.code : void 0,
+              onSelect: handleCodeSelect,
+              onFreeText: (text) => patch({ name: text, code: void 0 })
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: draft.code ? `Coded: ${draft.code.system} ${draft.code.code}` : draft.name ? `Uncoded free text: "${draft.name}" \u2014 pick a result to code it` : "Pick a result to code the medication, or press Enter for free text" })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-name", children: "Medication" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "med-name",
+              value: draft.name,
+              onChange: (e) => patch({ name: e.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-strength", children: "Strength" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-strength",
+                value: draft.strength ?? "",
+                onChange: (e) => patch({ strength: e.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-form", children: "Dose form" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-form",
+                value: draft.doseForm ?? "",
+                onChange: (e) => {
+                  const doseForm = e.target.value;
+                  const normalized = doseForm.toLowerCase().trim();
+                  patch({
+                    doseForm,
+                    quantityUnit: (FORM_TO_UNIT[normalized] ?? normalized) || void 0
+                  });
+                }
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": "Dispensing", children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Dispensing" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: "med-qty", children: [
+              "Quantity",
+              draft.quantityUnit ? ` (${draft.quantityUnit}s)` : ""
+            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-qty",
+                inputMode: "decimal",
+                value: draft.quantity ?? "",
+                onChange: (e) => patch({ quantity: e.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-days", children: "Days supply" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-days",
+                inputMode: "numeric",
+                value: draft.daysSupply ?? "",
+                onChange: (e) => patch({ daysSupply: e.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-refills", children: "Refills" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-refills",
+                inputMode: "numeric",
+                value: draft.refills ?? "",
+                onChange: (e) => patch({ refills: e.target.value })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          RadioGroup,
+          {
+            name: "med-substitution",
+            label: "Substitution",
+            value: draft.substitution ?? "0",
+            onValueChange: (v) => patch({ substitution: v }),
+            orientation: "horizontal",
+            size: "sm",
+            children: [
+              /* @__PURE__ */ jsx(Radio, { value: "0", label: "Substitution permitted" }),
+              /* @__PURE__ */ jsx(Radio, { value: "1", label: "Dispense as written (DAW)" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": "Directions", children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Directions" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-sig", children: "Sig (patient directions)" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "med-sig",
+              value: draft.sig ?? "",
+              onChange: (e) => handleSigChange(e.target.value),
+              rows: 2
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", "aria-live": "polite", children: draft.route || draft.frequency || draft.prn ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            "Derived:",
+            " ",
+            [
+              draft.route && `route ${draft.route}`,
+              draft.frequency && draft.frequency.toLowerCase(),
+              draft.prn && "PRN (as needed)"
+            ].filter(Boolean).join(" \xB7 ")
+          ] }) : "Route, frequency, and PRN are derived from the directions" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": "Dates and context", children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Dates & context" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-start", children: "Start date" }),
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                id: "med-start",
+                value: draft.startDate ?? "",
+                onChange: (v) => patch({ startDate: v })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-end", children: "End date" }),
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                id: "med-end",
+                value: draft.endDate ?? "",
+                onChange: (v) => patch({ endDate: v })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-indication", children: "Indication" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "med-indication",
+              value: draft.indication ?? "",
+              onChange: (e) => patch({ indication: e.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-pharmacy-notes", children: "Pharmacy notes" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "med-pharmacy-notes",
+              value: draft.pharmacyNotes ?? "",
+              onChange: (e) => patch({ pharmacyNotes: e.target.value }),
+              rows: 2
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            onSave({ ...draft, name: draft.name.trim() });
+            onClose();
+          },
+          disabled: !canSave,
+          children: "Save"
+        }
+      )
+    ] })
+  ] });
+}
+var MANAGED_ACTIONS = [
+  "correct",
+  "add-task",
+  "note",
+  "remove"
+];
+function newId3() {
+  return `med-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function MedicationDialog({
+  dialog,
+  onClose,
+  onSave
+}) {
+  const [form, setForm] = React3.useState(
+    () => dialog.kind === "note" ? { note: dialog.medication.note ?? "" } : { task: dialog.medication.task ?? "" }
+  );
+  const set = (key) => (e) => setForm((prev) => ({ ...prev, [key]: e.target.value }));
+  const handleSave = () => {
+    onSave(form);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (open) => !open && onClose(), size: "md", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: dialog.kind === "note" ? "Medication Notes" : "Add Task" }),
+      /* @__PURE__ */ jsx(ModalClose, {})
+    ] }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: dialog.medication.name }),
+      dialog.kind === "note" ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "med-note", children: "Note" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "med-note",
+            value: form.note,
+            onChange: set("note"),
+            rows: 4
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "med-task", children: "Task" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "med-task",
+            value: form.task,
+            onChange: set("task"),
+            rows: 3,
+            placeholder: "Follow-up task for this medication"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, children: "Save" })
+    ] })
+  ] });
+}
+function MedicationReconciliation({
+  medications: controlledMedications,
+  defaultMedications,
+  onChange,
+  title = "Presenting medications",
+  quickAddOptions,
+  actions = MANAGED_ACTIONS,
+  onAction,
+  codeLookup,
+  inlineAddSearch = false,
+  readOnly = false,
+  reconciledMessage,
+  emptyMessage,
+  className,
+  "data-testid": dataTestId
+}) {
+  const isControlled = controlledMedications !== void 0;
+  const [internal, setInternal] = React3.useState(
+    defaultMedications ?? []
+  );
+  const medications = isControlled ? controlledMedications : internal;
+  const ambientCodeLookup = useCodeLookupConfig();
+  const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
+  const [dialog, setDialog] = React3.useState(null);
+  const commit = (next) => {
+    if (!isControlled) setInternal(next);
+    onChange?.(next);
+  };
+  const patchMedication = (id, patch) => {
+    commit(medications.map((m) => m.id === id ? { ...m, ...patch } : m));
+  };
+  const moveMedication = (med, direction) => {
+    const meds = [...medications];
+    const group = meds.filter((m) => m.status === med.status);
+    const groupIndex = group.findIndex((m) => m.id === med.id);
+    const swapWith = group[groupIndex + direction];
+    if (!swapWith) return;
+    const i = meds.findIndex((m) => m.id === med.id);
+    const j = meds.findIndex((m) => m.id === swapWith.id);
+    [meds[i], meds[j]] = [meds[j], meds[i]];
+    commit(meds);
+  };
+  const handleAction = (med, action) => {
+    switch (action) {
+      case "remove":
+        commit(medications.filter((m) => m.id !== med.id));
+        break;
+      case "move-up":
+        moveMedication(med, -1);
+        break;
+      case "move-down":
+        moveMedication(med, 1);
+        break;
+      case "correct":
+      case "note":
+      case "add-task":
+        setDialog({ kind: action, medication: med });
+        break;
+      default:
+        onAction?.(med, action);
+        break;
+    }
+  };
+  const addMedication = (name, sig) => {
+    commit([
+      ...medications,
+      { id: newId3(), name, sig: void 0, status: "unreconciled" }
+    ]);
+  };
+  const handleDialogSave = (form) => {
+    if (!dialog) return;
+    switch (dialog.kind) {
+      case "note":
+        patchMedication(dialog.medication.id, {
+          note: form.note.trim() || void 0
+        });
+        break;
+      case "add-task":
+        patchMedication(dialog.medication.id, {
+          task: form.task.trim() || void 0
+        });
+        break;
+    }
+  };
+  const editorOpen = dialog?.kind === "correct" || dialog?.kind === "add";
+  const editorTarget = dialog?.kind === "correct" ? dialog.medication : void 0;
+  const handleEditorSave = (med) => {
+    if (dialog?.kind === "correct") {
+      commit(medications.map((m) => m.id === med.id ? med : m));
+    } else {
+      commit([...medications, { ...med, status: "unreconciled" }]);
+    }
+  };
+  const addSearch = inlineAddSearch && effectiveCodeLookup && !readOnly ? /* @__PURE__ */ jsx(
+    effectiveCodeLookup.component,
+    {
+      indexUrl: effectiveCodeLookup.indexUrl,
+      locale: effectiveCodeLookup.locale,
+      domains: ["med"],
+      bare: true,
+      clearOnSelect: true,
+      placeholder: "Search medications to add",
+      onSelect: (result) => commit([
+        ...medications,
+        {
+          id: newId3(),
+          name: result.label,
+          status: "unreconciled",
+          ...lookupToMedicationFields(result)
+        }
+      ]),
+      onFreeText: (text) => addMedication(text)
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MedicationList,
+      {
+        medications,
+        title,
+        readOnly,
+        actions,
+        onStatusChange: (med, status) => patchMedication(med.id, { status }),
+        onAction: handleAction,
+        onReorder: (ids) => commit(
+          [...medications].sort(
+            (a, b) => ids.indexOf(a.id) - ids.indexOf(b.id)
+          )
+        ),
+        quickAddOptions,
+        onQuickAdd: (name) => addMedication(name),
+        onAddOther: () => setDialog({ kind: "add" }),
+        addSearch,
+        reconciledMessage,
+        emptyMessage,
+        className,
+        "data-testid": dataTestId
+      }
+    ),
+    dialog && (dialog.kind === "note" || dialog.kind === "add-task") && /* @__PURE__ */ jsx(
+      MedicationDialog,
+      {
+        dialog,
+        onClose: () => setDialog(null),
+        onSave: handleDialogSave
+      },
+      dialog.kind + dialog.medication.id
+    ),
+    editorOpen && /* @__PURE__ */ jsx(
+      MedicationEditor,
+      {
+        open: true,
+        medication: editorTarget,
+        codeLookup: codeLookup === false ? false : effectiveCodeLookup,
+        onClose: () => setDialog(null),
+        onSave: handleEditorSave
+      },
+      editorTarget?.id ?? "add"
+    )
+  ] });
+}
+
+export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig };
+//# sourceMappingURL=chunk-HRS6W74P.js.map
+//# sourceMappingURL=chunk-HRS6W74P.js.map