formanitor 0.1.11 → 0.2.0

package/dist/chunk-VPU66PI6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-VPU66PI6.mjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"]}

package/dist/chunk-WYVXXEZI.mjs

@@ -0,0 +1,46 @@
+import { cn } from './chunk-VPU66PI6.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function isLabelVisible(fieldDef) {
+  return fieldDef.style?.labelVisible !== false;
+}
+function FieldRequiredIndicator({
+  fieldDef
+}) {
+  if (!fieldDef.required) return null;
+  if (fieldDef.style?.showRequiredAsterisk === false) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-red-500",
+        fieldDef.style?.classNames?.requiredIndicator
+      ),
+      "aria-hidden": true,
+      children: "*"
+    }
+  );
+}
+function fieldWrapperClass(fieldDef, ...defaults) {
+  return cn(...defaults, fieldDef.style?.classNames?.wrapper);
+}
+function fieldLabelClass(fieldDef, ...defaults) {
+  return cn(...defaults, fieldDef.style?.classNames?.label);
+}
+function fieldControlClass(fieldDef, ...defaults) {
+  const controlClass = fieldDef.style?.classNames?.control;
+  if (fieldDef.style?.fullControl && controlClass) {
+    return cn(controlClass);
+  }
+  return cn(...defaults, fieldDef.style?.classNames?.control);
+}
+function fieldDescriptionClass(fieldDef, ...defaults) {
+  return cn(...defaults, fieldDef.style?.classNames?.description);
+}
+function fieldErrorClass(fieldDef, ...defaults) {
+  return cn(...defaults, fieldDef.style?.classNames?.error);
+}
+
+export { FieldRequiredIndicator, fieldControlClass, fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldWrapperClass, isLabelVisible };
+//# sourceMappingURL=chunk-WYVXXEZI.mjs.map
+//# sourceMappingURL=chunk-WYVXXEZI.mjs.map

package/dist/chunk-WYVXXEZI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/fieldStyle.tsx"],"names":[],"mappings":";;;AAIO,SAAS,eAAe,QAAA,EAAgD;AAC7E,EAAA,OAAO,QAAA,CAAS,OAAO,YAAA,KAAiB,KAAA;AAC1C;AAEO,SAAS,sBAAA,CAAuB;AAAA,EACrC;AACF,CAAA,EAEG;AACD,EAAA,IAAI,CAAC,QAAA,CAAS,QAAA,EAAU,OAAO,IAAA;AAC/B,EAAA,IAAI,QAAA,CAAS,KAAA,EAAO,oBAAA,KAAyB,KAAA,EAAO,OAAO,IAAA;AAC3D,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,cAAA;AAAA,QACA,QAAA,CAAS,OAAO,UAAA,EAAY;AAAA,OAC9B;AAAA,MACA,aAAA,EAAW,IAAA;AAAA,MACZ,QAAA,EAAA;AAAA;AAAA,GAED;AAEJ;AAEO,SAAS,iBAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAO,GAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,OAAO,CAAA;AAC5D;AAEO,SAAS,eAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAO,GAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,KAAK,CAAA;AAC1D;AAEO,SAAS,iBAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,MAAM,YAAA,GAAe,QAAA,CAAS,KAAA,EAAO,UAAA,EAAY,OAAA;AACjD,EAAA,IAAI,QAAA,CAAS,KAAA,EAAO,WAAA,IAAe,YAAA,EAAc;AAC/C,IAAA,OAAO,GAAG,YAAY,CAAA;AAAA,EACxB;AACA,EAAA,OAAO,GAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,OAAO,CAAA;AAC5D;AAEO,SAAS,qBAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAO,GAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,WAAW,CAAA;AAChE;AAEO,SAAS,eAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAO,GAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,KAAK,CAAA;AAC1D","file":"chunk-WYVXXEZI.mjs","sourcesContent":["/* eslint-disable react-refresh/only-export-components -- shared field presentation helpers and indicator */\nimport type { BaseFieldDef } from \"../core/types\";\nimport { cn } from \"../core/utils\";\n\nexport function isLabelVisible(fieldDef: Pick<BaseFieldDef, \"style\">): boolean {\n  return fieldDef.style?.labelVisible !== false;\n}\n\nexport function FieldRequiredIndicator({\n  fieldDef,\n}: {\n  fieldDef: Pick<BaseFieldDef, \"required\" | \"style\">;\n}) {\n  if (!fieldDef.required) return null;\n  if (fieldDef.style?.showRequiredAsterisk === false) return null;\n  return (\n    <span\n      className={cn(\n        \"text-red-500\",\n        fieldDef.style?.classNames?.requiredIndicator,\n      )}\n      aria-hidden\n    >\n      *\n    </span>\n  );\n}\n\nexport function fieldWrapperClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.wrapper);\n}\n\nexport function fieldLabelClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.label);\n}\n\nexport function fieldControlClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  const controlClass = fieldDef.style?.classNames?.control;\n  if (fieldDef.style?.fullControl && controlClass) {\n    return cn(controlClass);\n  }\n  return cn(...defaults, fieldDef.style?.classNames?.control);\n}\n\nexport function fieldDescriptionClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.description);\n}\n\nexport function fieldErrorClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.error);\n}\n"]}

package/dist/chunk-XDUVO3IZ.mjs

@@ -0,0 +1,547 @@
+import { AddEntityDialog } from './chunk-GZPCYSJK.mjs';
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { createContext, useContext, useState, useRef, useEffect } from 'react';
+import { Plus, Trash2, ChevronRight, Check, ChevronUp, ChevronDown } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AISuggestionsContext = createContext({});
+function useAISuggestions() {
+  return useContext(AISuggestionsContext);
+}
+var AISuggestionsProvider = AISuggestionsContext.Provider;
+var BEFORE_AFTER_OPTIONS = [
+  { label: "Blank", value: "" },
+  { label: "AFTER FOOD", value: "AFTER FOOD" },
+  { label: "BEFORE FOOD", value: "BEFORE FOOD" },
+  { label: "WITH FOOD", value: "WITH FOOD" },
+  { label: "SINGLE DOSE", value: "SINGLE DOSE" },
+  { label: "BED TIME", value: "BED TIME" },
+  { label: "EMPTY STOMACH", value: "EMPTY STOMACH" },
+  { label: "LOCAL APPLICATION", value: "LOCAL APPLICATION" },
+  { label: "STAT", value: "STAT" },
+  { label: "INHALATION", value: "INHALATION" }
+];
+var BEFORE_AFTER_NORMALIZATION_MAP = {
+  AF: "AFTER FOOD",
+  BF: "BEFORE FOOD"
+};
+var ROUTE_OPTIONS = [
+  { label: "Select route", value: "" },
+  { label: "Per Os", value: "Per Os" },
+  { label: "Intravenous", value: "Intravenous" },
+  { label: "Intramuscular", value: "Intramuscular" },
+  { label: "Subcutaneous", value: "Subcutaneous" },
+  { label: "Sublingual", value: "Sublingual" },
+  { label: "Intranasal", value: "Intranasal" },
+  { label: "Topical", value: "Topical" },
+  { label: "Per Rectum", value: "Per Rectum" },
+  { label: "Inhalation", value: "Inhalation" },
+  { label: "ID Intradermal", value: "ID Intradermal" }
+];
+function mapToMedication(result) {
+  return {
+    id: result.id,
+    brand_name: result.name,
+    generic_name: result.generic_name ?? "",
+    frequency: "custom",
+    is_custom: false,
+    duration_value: "3",
+    duration_unit: "days",
+    before_after: "AFTER FOOD",
+    route: "",
+    morning: "0",
+    afternoon: "0",
+    night: "0",
+    notes: ""
+  };
+}
+function mapAIMedicationToMedication(ai) {
+  const id = ai.id != null ? String(ai.id) : "";
+  return {
+    id,
+    brand_name: ai.brand_name ?? "",
+    generic_name: ai.generic_name ?? "",
+    frequency: "custom",
+    is_custom: false,
+    duration_value: "3",
+    duration_unit: "days",
+    before_after: "AFTER FOOD",
+    route: "",
+    morning: "1",
+    afternoon: "0",
+    night: "1",
+    notes: ai.reason ?? ""
+  };
+}
+function createCustomMedication(name, customId) {
+  return {
+    id: String(customId),
+    brand_name: name.trim(),
+    generic_name: "",
+    frequency: "custom",
+    is_custom: false,
+    duration_value: "3",
+    duration_unit: "days",
+    before_after: "AFTER FOOD",
+    route: "",
+    morning: "0",
+    afternoon: "0",
+    night: "0",
+    notes: ""
+  };
+}
+function parseDuration(duration) {
+  if (!duration || !duration.trim()) return { value: "3", unit: "days" };
+  const lower = duration.trim().toLowerCase();
+  const match = lower.match(/^(\d+)\s*(day|days|week|weeks|month|months)?$/);
+  if (!match) return { value: "3", unit: "days" };
+  const value = match[1] ?? "3";
+  const unitWord = match[2] ?? "days";
+  const unit = unitWord.startsWith("month") ? "months" : unitWord.startsWith("week") ? "weeks" : "days";
+  return { value, unit };
+}
+function mapFrequentItemToMedication(item) {
+  const parsed = parseDuration(item.duration);
+  const duration_value = item.duration_value ?? parsed.value;
+  const duration_unit = item.duration_unit ?? parsed.unit;
+  const before_after = normalizeBeforeAfter(item.before_after);
+  const routeNote = item.route ? `Route: ${item.route}` : "";
+  const baseNotes = item.notes?.trim() || "";
+  const combinedNotes = [baseNotes, routeNote.trim()].filter((part) => part.length > 0).join(" \u2014 ");
+  return {
+    id: item.id,
+    brand_name: item.brand_name ?? item.name,
+    generic_name: item.short_name ?? "",
+    frequency: item.frequency ?? "custom",
+    is_custom: false,
+    duration_value,
+    duration_unit,
+    before_after,
+    route: item.route ?? "",
+    morning: item.morning ?? "0",
+    afternoon: item.afternoon ?? "0",
+    night: item.night ?? "0",
+    notes: combinedNotes
+  };
+}
+function normalizeBeforeAfter(value) {
+  if (value == null) return "AFTER FOOD";
+  const mapped = BEFORE_AFTER_NORMALIZATION_MAP[value];
+  if (mapped) return mapped;
+  const validValues = BEFORE_AFTER_OPTIONS.map((option) => option.value);
+  return validValues.includes(value) ? value : "AFTER FOOD";
+}
+function Spinner({
+  value,
+  onChange
+}) {
+  const num = parseInt(value, 10) || 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "text-muted-foreground hover:text-foreground cursor-pointer",
+        onClick: () => onChange(String(num + 1)),
+        children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3" })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-sm w-4 text-center leading-none", children: num }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "text-muted-foreground hover:text-foreground cursor-pointer",
+        onClick: () => onChange(String(Math.max(0, num - 1))),
+        children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+      }
+    )
+  ] });
+}
+function MedicationCard({
+  med,
+  onUpdate,
+  onRemove
+}) {
+  const [notesOpen, setNotesOpen] = useState(false);
+  function set(key, val) {
+    onUpdate({ ...med, [key]: val });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-gray-50 rounded-lg p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm flex-1 min-w-0 truncate", children: med.brand_name }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          className: "text-xs border border-border rounded px-2 py-1 bg-white shrink-0",
+          value: med.frequency,
+          onChange: (e) => set("frequency", e.target.value),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "custom", children: "select frequency" }),
+            /* @__PURE__ */ jsx("option", { value: "qid", children: "4 times a day (QID)" }),
+            /* @__PURE__ */ jsx("option", { value: "alternate_day", children: "Alternate day" }),
+            /* @__PURE__ */ jsx("option", { value: "once_weekly", children: "Once weekly" }),
+            /* @__PURE__ */ jsx("option", { value: "once_monthly", children: "Once monthly" }),
+            /* @__PURE__ */ jsx("option", { value: "as_needed", children: "As needed" }),
+            /* @__PURE__ */ jsx("option", { value: "fort_night", children: "Fort night" }),
+            /* @__PURE__ */ jsx("option", { value: "at_bed_time", children: "At Bed time" }),
+            /* @__PURE__ */ jsx("option", { value: "sos", children: "SOS only" }),
+            /* @__PURE__ */ jsx("option", { value: "biweekly", children: "Biweekly" }),
+            /* @__PURE__ */ jsx("option", { value: "stat", children: "STAT" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-4 items-center shrink-0", children: ["morning", "afternoon", "night"].map((slot) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "text-[10px] font-semibold uppercase text-muted-foreground tracking-wide",
+          children: slot === "afternoon" ? "AFTERNOON" : slot === "morning" ? "MORNING" : "NIGHT"
+        },
+        slot
+      )) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRemove,
+          className: "text-red-400 hover:text-red-600 shrink-0 p-1 cursor-pointer",
+          children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "numeric",
+            pattern: "[0-9]*",
+            className: "w-11 text-sm border border-border rounded px-2 py-1 bg-white",
+            value: med.duration_value,
+            onChange: (e) => {
+              const v = e.target.value.replace(/\D/g, "");
+              set("duration_value", v === "" ? "" : v);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "text-xs border border-border rounded px-2 py-1 bg-white",
+            value: med.duration_unit,
+            onChange: (e) => set("duration_unit", e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "days", children: "days" }),
+              /* @__PURE__ */ jsx("option", { value: "weeks", children: "weeks" }),
+              /* @__PURE__ */ jsx("option", { value: "months", children: "months" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-2 items-center flex-1 min-w-0 justify-end", children: ["morning", "afternoon", "night"].map((slot) => /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-0.5", children: /* @__PURE__ */ jsx(Spinner, { value: med[slot], onChange: (v) => set(slot, v) }) }, slot)) }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          className: "text-xs border border-border rounded px-2 py-1 bg-white shrink-0",
+          value: normalizeBeforeAfter(med.before_after),
+          onChange: (e) => set("before_after", e.target.value),
+          children: BEFORE_AFTER_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.label))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          className: "text-xs border border-border rounded px-2 py-1 bg-white shrink-0",
+          value: med.route ?? "",
+          onChange: (e) => set("route", e.target.value),
+          children: ROUTE_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        onClick: () => setNotesOpen((o) => !o),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setNotesOpen((o) => !o);
+          }
+        },
+        className: cn(
+          "flex items-center gap-2 w-full text-left text-xs text-muted-foreground hover:text-foreground",
+          "cursor-pointer py-2 px-2 rounded border border-transparent hover:bg-gray-100/80 transition-colors"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              className: cn("h-3 w-3 shrink-0 transition-transform", notesOpen && "rotate-90")
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: "Medicine Notes" })
+        ]
+      }
+    ),
+    notesOpen && /* @__PURE__ */ jsx("div", { className: "relative z-10 mt-0.5", children: /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: "block w-full text-xs border border-border rounded px-2 py-1 resize-none bg-white min-h-0",
+        rows: 2,
+        placeholder: "Add notes...",
+        value: med.notes,
+        onChange: (e) => set("notes", e.target.value)
+      }
+    ) })
+  ] });
+}
+var ADD_FEEDBACK_MS = 320;
+function SearchResultCard({
+  result,
+  isAdding,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onSelect,
+      className: cn(
+        "w-full text-left border rounded-lg px-3 py-2 transition-all duration-300 ease-out cursor-pointer flex items-center justify-between gap-2",
+        isAdding ? "border-green-400 bg-green-50 scale-[0.98]" : "border-border bg-white hover:bg-gray-50"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 text-left", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold leading-tight truncate", children: result.name }),
+          result.generic_name && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-0.5 truncate", children: [
+            "Generic: ",
+            result.generic_name
+          ] })
+        ] }),
+        isAdding && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 shrink-0 text-green-600" })
+      ]
+    }
+  );
+}
+var AddMedicationField = ({
+  label = "Medications",
+  value,
+  onChange,
+  onSearch,
+  recentlyUsed = [],
+  frequentItems = [],
+  suggestedMedications = []
+}) => {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [addingResultId, setAddingResultId] = useState(null);
+  const debounceRef = useRef(null);
+  const customIdRef = useRef(-1);
+  const valueRef = useRef([]);
+  const searchInputRef = useRef(null);
+  const safeValue = Array.isArray(value) ? value : [];
+  valueRef.current = safeValue;
+  const addedIds = new Set(safeValue.map((m) => String(m.id)));
+  useEffect(() => {
+    if (!open) {
+      setQuery("");
+      setResults([]);
+      setAddingResultId(null);
+    }
+  }, [open]);
+  function handleQueryChange(q) {
+    setQuery(q);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    if (!q.trim()) {
+      setResults([]);
+      return;
+    }
+    debounceRef.current = setTimeout(async () => {
+      setLoading(true);
+      try {
+        const res = await onSearch(q);
+        setResults(res);
+      } finally {
+        setLoading(false);
+      }
+    }, 500);
+  }
+  function handleRecentlyUsedToggle(result) {
+    if (addedIds.has(String(result.id))) {
+      onChange(safeValue.filter((m) => String(m.id) !== String(result.id)));
+    } else {
+      onChange([...safeValue, mapToMedication(result)]);
+    }
+  }
+  function handleFrequentItemToggle(item) {
+    if (addedIds.has(String(item.id))) {
+      onChange(safeValue.filter((m) => String(m.id) !== String(item.id)));
+    } else {
+      onChange([...safeValue, mapFrequentItemToMedication(item)]);
+    }
+  }
+  function handleResultClick(result) {
+    if (addedIds.has(String(result.id))) return;
+    setAddingResultId(result.id);
+    setTimeout(() => {
+      onChange([...valueRef.current, mapToMedication(result)]);
+      setAddingResultId(null);
+      setQuery("");
+      setResults([]);
+      setTimeout(() => searchInputRef.current?.focus(), 0);
+    }, ADD_FEEDBACK_MS);
+  }
+  function handleSave() {
+    const trimmed = query.trim();
+    if (!trimmed) return;
+    const customId = customIdRef.current--;
+    onChange([...safeValue, createCustomMedication(trimmed, customId)]);
+    setQuery("");
+    setResults([]);
+  }
+  function handleAddSuggestion(ai) {
+    if (addedIds.has(String(ai.id))) return;
+    onChange([...safeValue, mapAIMedicationToMedication(ai)]);
+  }
+  function updateMed(index, updated) {
+    const next = [...safeValue];
+    next[index] = updated;
+    onChange(next);
+  }
+  function removeMed(index) {
+    onChange(safeValue.filter((_, i) => i !== index));
+  }
+  const recentlyUsedChips = recentlyUsed.map((r) => {
+    const isAdded = addedIds.has(String(r.id));
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleRecentlyUsedToggle(r),
+        className: cn(
+          "rounded-full border text-xs px-3 py-1 transition-colors cursor-pointer",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsx("span", { className: "mr-1", children: "\u2713" }),
+          r.name
+        ]
+      },
+      r.id
+    );
+  });
+  const limitedFrequentItems = frequentItems.slice(0, 25);
+  const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
+    const isAdded = addedIds.has(String(item.id));
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleFrequentItemToggle(item),
+        className: cn(
+          "rounded-full border text-[11px] px-2 py-0.5 transition-colors cursor-pointer",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsx("span", { className: "mr-1", children: "\u2713" }),
+          item.brand_name ?? item.name
+        ]
+      },
+      item.id
+    );
+  }) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-md overflow-hidden flex flex-col border bg-white border-[#D0D0D0] space-y-3 p-3 h-fit", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: label }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(true),
+          className: "text-sm font-semibold text-purple-600 hover:text-purple-800 cursor-pointer",
+          children: "ADD"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: safeValue.map((med, i) => /* @__PURE__ */ jsx(
+      MedicationCard,
+      {
+        med,
+        onUpdate: (u) => updateMed(i, u),
+        onRemove: () => removeMed(i)
+      },
+      med.id
+    )) }),
+    /* @__PURE__ */ jsx(
+      AddEntityDialog,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: "Add Medication",
+        recentlyUsedSlot: frequentItemChips.length > 0 ? frequentItemChips : recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        chipSectionLabel: frequentItemChips.length > 0 ? "Frequently used" : void 0,
+        actionSlot: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !query.trim(),
+            onClick: handleSave,
+            className: cn(
+              "rounded-md px-5 py-2 text-sm font-semibold bg-primary text-primary-foreground hover:bg-primary/90 transition-opacity cursor-pointer",
+              !query.trim() && "opacity-40 cursor-not-allowed"
+            ),
+            children: "Save Medicine"
+          }
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: searchInputRef,
+              value: query,
+              onChange: (e) => handleQueryChange(e.target.value),
+              placeholder: "Search medicines...",
+              className: "border border-border rounded-md focus-visible:ring-0"
+            }
+          ),
+          suggestedMedications.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5 items-center", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mr-1", children: "Suggestions:" }),
+            suggestedMedications.filter((s) => !addedIds.has(String(s.id))).slice(0, 25).map((s) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleAddSuggestion(s),
+                className: "inline-flex items-center gap-1 rounded-full border border-dashed border-purple-300 bg-purple-50/80 text-purple-800 text-[11px] px-2 py-0.5 hover:bg-purple-100 transition-colors cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+                  s.brand_name || s.generic_name || String(s.id)
+                ]
+              },
+              String(s.id)
+            ))
+          ] }),
+          loading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center py-2", children: "Searching\u2026" }),
+          !loading && results.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 max-h-64 overflow-y-auto", children: results.map((r) => /* @__PURE__ */ jsx(
+            SearchResultCard,
+            {
+              result: r,
+              isAdding: addingResultId === r.id,
+              onSelect: () => handleResultClick(r)
+            },
+            r.id
+          )) })
+        ] })
+      }
+    )
+  ] });
+};
+
+export { AISuggestionsProvider, AddMedicationField, useAISuggestions };
+//# sourceMappingURL=chunk-XDUVO3IZ.mjs.map
+//# sourceMappingURL=chunk-XDUVO3IZ.mjs.map