formanitor 0.1.11 → 0.2.1

package/dist/VitalsWidget-BRFUKGNO.mjs

@@ -0,0 +1,187 @@
+import { useField, useFieldHandlers } from './chunk-ZTT5XJR7.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import * as React from 'react';
+import { useState, useCallback, useEffect } from 'react';
+import { RefreshCw } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Spinner = React.forwardRef(
+  ({ className, size = "md", ...props }, ref) => {
+    const sizeClasses = {
+      sm: "h-4 w-4 border-2",
+      md: "h-6 w-6 border-2",
+      lg: "h-8 w-8 border-3"
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "animate-spin rounded-full border-primary border-t-transparent",
+          sizeClasses[size],
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." })
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+function buildItems(data) {
+  const items = [];
+  const hasBP = data.blood_pressure_systolic != null || data.blood_pressure_diastolic != null;
+  if (hasBP) {
+    const sys = data.blood_pressure_systolic ?? "\u2013";
+    const dia = data.blood_pressure_diastolic ?? "\u2013";
+    items.push({ label: "BP", value: `${sys}/${dia}` });
+  }
+  if (data.heart_rate != null)
+    items.push({ label: "Heart Rate", value: `${data.heart_rate} bpm` });
+  if (data.respiratory_rate != null)
+    items.push({ label: "Resp. Rate", value: `${data.respiratory_rate}/min` });
+  if (data.oxygen_saturation != null)
+    items.push({ label: "SpO\u2082", value: `${data.oxygen_saturation}%` });
+  if (data.temperature != null)
+    items.push({ label: "Temp", value: `${data.temperature} \xB0F` });
+  if (data.height != null)
+    items.push({ label: "Height", value: `${data.height} cm` });
+  if (data.weight != null)
+    items.push({ label: "Weight", value: `${data.weight} kg` });
+  if (data.bmi != null)
+    items.push({ label: "BMI", value: `${data.bmi}` });
+  if (data.blood_sugar != null)
+    items.push({ label: "Blood Sugar", value: `${data.blood_sugar} mg/dL` });
+  if (data.circumference_of_head_in_cms != null)
+    items.push({ label: "Head Circ.", value: `${data.circumference_of_head_in_cms} cm` });
+  if (data.circumference_of_waist_in_cms != null)
+    items.push({ label: "Waist Circ.", value: `${data.circumference_of_waist_in_cms} cm` });
+  return items;
+}
+function formatRecordedAt(iso) {
+  if (!iso) return "";
+  try {
+    return new Date(iso).toLocaleString(void 0, {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return iso;
+  }
+}
+function VitalChip({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0 rounded-md min-w-fit px-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-[10px] font-sm text-gray-500 uppercase tracking-wide leading-none", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-900 leading-tight", children: value })
+  ] });
+}
+var Vitals = ({
+  data,
+  loading = false,
+  error = null,
+  onRefresh,
+  className
+}) => {
+  const items = data ? buildItems(data) : [];
+  const hasItems = items.length > 0;
+  const recordedAt = data?.recorded_at ? formatRecordedAt(data.recorded_at) : null;
+  const notes = data?.notes?.trim() || null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-md overflow-hidden border border-[#D0D0D0] bg-white px-2 py-2",
+        className
+      ),
+      children: loading && !hasItems ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 py-1", children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Loading vitals\u2026" })
+      ] }) : error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500 py-1", children: error }) : hasItems ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-3 gap-y-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-2 gap-y-0.5", children: items.map((item) => /* @__PURE__ */ jsx(VitalChip, { ...item }, item.label)) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-0.5 shrink-0", children: [
+            recordedAt && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-slate-500", children: recordedAt }),
+            onRefresh && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onRefresh,
+                disabled: loading,
+                className: cn(
+                  "flex items-center gap-0.5 text-[10px] font-medium text-slate-600",
+                  "hover:text-slate-900 transition-colors disabled:opacity-50 cursor-pointer"
+                ),
+                "aria-label": "Refresh vitals",
+                children: [
+                  /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-2.5 w-2.5", loading && "animate-spin") }),
+                  /* @__PURE__ */ jsx("span", { children: "Refresh" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        notes && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-600 pt-1.5 mt-0.5", children: notes })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No vitals recorded." }),
+        onRefresh && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onRefresh,
+            disabled: loading,
+            className: cn(
+              "flex items-center gap-0.5 text-[10px] font-medium text-slate-600",
+              "hover:text-slate-900 transition-colors disabled:opacity-50 shrink-0"
+            ),
+            "aria-label": "Refresh vitals",
+            children: [
+              /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-2.5 w-2.5", loading && "animate-spin") }),
+              /* @__PURE__ */ jsx("span", { children: "Refresh" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+var VitalsWidget = ({ fieldId }) => {
+  const { value, setValue, fieldDef } = useField(fieldId);
+  const handlers = useFieldHandlers(fieldId);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  console.log("[VitalsWidget] fieldId:", fieldId, "| onFetch present:", !!handlers.onFetch, "| value:", value);
+  const fetchVitals = useCallback(async () => {
+    if (!handlers.onFetch) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await handlers.onFetch();
+      console.log("[VitalsWidget] fetched data:", data);
+      setValue(data);
+    } catch {
+      setError("Failed to load vitals. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  }, [handlers, setValue]);
+  useEffect(() => {
+    fetchVitals();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Vitals,
+    {
+      label: fieldDef?.label ?? "Vitals",
+      data: value ?? null,
+      loading,
+      error,
+      onRefresh: handlers.onFetch ? fetchVitals : void 0
+    }
+  );
+};
+
+export { VitalsWidget };
+//# sourceMappingURL=VitalsWidget-BRFUKGNO.mjs.map
+//# sourceMappingURL=VitalsWidget-BRFUKGNO.mjs.map

package/dist/VitalsWidget-BRFUKGNO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/spinner.tsx","../src/ui/widgets/Vitals.tsx","../src/ui/widgets/VitalsWidget.tsx"],"names":["jsx"],"mappings":"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","file":"VitalsWidget-BRFUKGNO.mjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../core/utils\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n  ({ className, size = \"md\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"h-4 w-4 border-2\",\n      md: \"h-6 w-6 border-2\",\n      lg: \"h-8 w-8 border-3\",\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"animate-spin rounded-full border-primary border-t-transparent\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n);\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner };\n","import React from 'react';\nimport { RefreshCw } from 'lucide-react';\nimport { cn } from '../../core/utils';\nimport { Spinner } from '../shadcn/spinner';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type VitalsData = {\n  temperature?: number | null;\n  height?: number | null;\n  weight?: number | null;\n  bmi?: number | null;\n  blood_sugar?: number | null;\n  notes?: string | null;\n  circumference_of_head_in_cms?: number | null;\n  circumference_of_waist_in_cms?: number | null;\n  blood_pressure_systolic?: number | null;\n  blood_pressure_diastolic?: number | null;\n  heart_rate?: number | null;\n  respiratory_rate?: number | null;\n  oxygen_saturation?: number | null;\n  recorded_at?: string | null;\n};\n\nexport type VitalsProps = {\n  label?: string;\n  data: VitalsData | null;\n  loading?: boolean;\n  error?: string | null;\n  onRefresh?: () => void;\n  className?: string;\n};\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\ntype VitalItem = { label: string; value: string };\n\nfunction buildItems(data: VitalsData): VitalItem[] {\n  const items: VitalItem[] = [];\n\n  const hasBP =\n    data.blood_pressure_systolic != null || data.blood_pressure_diastolic != null;\n  if (hasBP) {\n    const sys = data.blood_pressure_systolic ?? '–';\n    const dia = data.blood_pressure_diastolic ?? '–';\n    items.push({ label: 'BP', value: `${sys}/${dia}` });\n  }\n\n  if (data.heart_rate != null)\n    items.push({ label: 'Heart Rate', value: `${data.heart_rate} bpm` });\n\n  if (data.respiratory_rate != null)\n    items.push({ label: 'Resp. Rate', value: `${data.respiratory_rate}/min` });\n\n  if (data.oxygen_saturation != null)\n    items.push({ label: 'SpO\\u2082', value: `${data.oxygen_saturation}%` });\n\n  if (data.temperature != null)\n    items.push({ label: 'Temp', value: `${data.temperature} \\u00b0F` });\n\n  if (data.height != null)\n    items.push({ label: 'Height', value: `${data.height} cm` });\n\n  if (data.weight != null)\n    items.push({ label: 'Weight', value: `${data.weight} kg` });\n\n  if (data.bmi != null)\n    items.push({ label: 'BMI', value: `${data.bmi}` });\n\n  if (data.blood_sugar != null)\n    items.push({ label: 'Blood Sugar', value: `${data.blood_sugar} mg/dL` });\n\n  if (data.circumference_of_head_in_cms != null)\n    items.push({ label: 'Head Circ.', value: `${data.circumference_of_head_in_cms} cm` });\n\n  if (data.circumference_of_waist_in_cms != null)\n    items.push({ label: 'Waist Circ.', value: `${data.circumference_of_waist_in_cms} cm` });\n\n  return items;\n}\n\nfunction formatRecordedAt(iso: string | null | undefined): string {\n  if (!iso) return '';\n  try {\n    return new Date(iso).toLocaleString(undefined, {\n      day: '2-digit',\n      month: 'short',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n    });\n  } catch {\n    return iso;\n  }\n}\n\n// ─── Vital chip ───────────────────────────────────────────────────────────────\n\nfunction VitalChip({ label, value }: VitalItem) {\n  return (\n    <div className=\"flex flex-col gap-0 rounded-md min-w-fit px-1.5\">\n      <span className=\"text-[10px] font-sm text-gray-500 uppercase tracking-wide leading-none\">\n        {label}\n      </span>\n      <span className=\"text-xs text-gray-900 leading-tight\">{value}</span>\n    </div>\n  );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport const Vitals: React.FC<VitalsProps> = ({\n  data,\n  loading = false,\n  error = null,\n  onRefresh,\n  className,\n}) => {\n  const items = data ? buildItems(data) : [];\n  const hasItems = items.length > 0;\n  const recordedAt = data?.recorded_at ? formatRecordedAt(data.recorded_at) : null;\n  const notes = data?.notes?.trim() || null;\n\n  return (\n    <div\n      className={cn(\n        'rounded-md overflow-hidden border border-[#D0D0D0] bg-white px-2 py-2',\n        className\n      )}\n    >\n      {loading && !hasItems ? (\n        <div className=\"flex items-center gap-1.5 py-1\">\n          <Spinner size=\"sm\" />\n          <span className=\"text-xs text-muted-foreground\">Loading vitals…</span>\n        </div>\n      ) : error ? (\n        <p className=\"text-xs text-red-500 py-1\">{error}</p>\n      ) : hasItems ? (\n        <div className=\"flex flex-col gap-1.5\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-3 gap-y-1\">\n            <div className=\"flex flex-wrap gap-x-2 gap-y-0.5\">\n              {items.map(item => (\n                <VitalChip key={item.label} {...item} />\n              ))}\n            </div>\n            <div className=\"flex flex-col items-end gap-0.5 shrink-0\">\n              {recordedAt && (\n                <span className=\"text-[10px] text-slate-500\">{recordedAt}</span>\n              )}\n              {onRefresh && (\n                <button\n                  type=\"button\"\n                  onClick={onRefresh}\n                  disabled={loading}\n                  className={cn(\n                    'flex items-center gap-0.5 text-[10px] font-medium text-slate-600',\n                    'hover:text-slate-900 transition-colors disabled:opacity-50 cursor-pointer'\n                  )}\n                  aria-label=\"Refresh vitals\"\n                >\n                  <RefreshCw className={cn('h-2.5 w-2.5', loading && 'animate-spin')} />\n                  <span>Refresh</span>\n                </button>\n              )}\n            </div>\n          </div>\n          {notes && (\n            <p className=\"text-xs text-gray-600 pt-1.5 mt-0.5\">\n              {notes}\n            </p>\n          )}\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-between gap-2 py-1\">\n          <p className=\"text-xs text-muted-foreground\">No vitals recorded.</p>\n          {onRefresh && (\n            <button\n              type=\"button\"\n              onClick={onRefresh}\n              disabled={loading}\n              className={cn(\n                'flex items-center gap-0.5 text-[10px] font-medium text-slate-600',\n                'hover:text-slate-900 transition-colors disabled:opacity-50 shrink-0'\n              )}\n              aria-label=\"Refresh vitals\"\n            >\n              <RefreshCw className={cn('h-2.5 w-2.5', loading && 'animate-spin')} />\n              <span>Refresh</span>\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { useField } from '../../react/useField';\nimport { useFieldHandlers } from '../../react/FormProvider';\nimport { Vitals, type VitalsData } from './Vitals';\n\nexport const VitalsWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { value, setValue, fieldDef } = useField(fieldId);\n  const handlers = useFieldHandlers(fieldId);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  console.log('[VitalsWidget] fieldId:', fieldId, '| onFetch present:', !!handlers.onFetch, '| value:', value);\n\n  const fetchVitals = useCallback(async () => {\n    if (!handlers.onFetch) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const data = await handlers.onFetch();\n      console.log('[VitalsWidget] fetched data:', data);\n      setValue(data);\n    } catch {\n      setError('Failed to load vitals. Please try again.');\n    } finally {\n      setLoading(false);\n    }\n  }, [handlers, setValue]);\n\n  // Fetch once on mount if a handler is provided\n  useEffect(() => {\n    fetchVitals();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Vitals\n      label={fieldDef?.label ?? 'Vitals'}\n      data={(value as VitalsData | null) ?? null}\n      loading={loading}\n      error={error}\n      onRefresh={handlers.onFetch ? fetchVitals : undefined}\n    />\n  );\n};\n"]}

package/dist/VitalsWidget-PDCYXNBM.cjs

@@ -0,0 +1,208 @@
+'use strict';
+
+var chunkSHQHDSA4_cjs = require('./chunk-SHQHDSA4.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Spinner = React__namespace.forwardRef(
+  ({ className, size = "md", ...props }, ref) => {
+    const sizeClasses = {
+      sm: "h-4 w-4 border-2",
+      md: "h-6 w-6 border-2",
+      lg: "h-8 w-8 border-3"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: chunkFHHISVCH_cjs.cn(
+          "animate-spin rounded-full border-primary border-t-transparent",
+          sizeClasses[size],
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading..." })
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+function buildItems(data) {
+  const items = [];
+  const hasBP = data.blood_pressure_systolic != null || data.blood_pressure_diastolic != null;
+  if (hasBP) {
+    const sys = data.blood_pressure_systolic ?? "\u2013";
+    const dia = data.blood_pressure_diastolic ?? "\u2013";
+    items.push({ label: "BP", value: `${sys}/${dia}` });
+  }
+  if (data.heart_rate != null)
+    items.push({ label: "Heart Rate", value: `${data.heart_rate} bpm` });
+  if (data.respiratory_rate != null)
+    items.push({ label: "Resp. Rate", value: `${data.respiratory_rate}/min` });
+  if (data.oxygen_saturation != null)
+    items.push({ label: "SpO\u2082", value: `${data.oxygen_saturation}%` });
+  if (data.temperature != null)
+    items.push({ label: "Temp", value: `${data.temperature} \xB0F` });
+  if (data.height != null)
+    items.push({ label: "Height", value: `${data.height} cm` });
+  if (data.weight != null)
+    items.push({ label: "Weight", value: `${data.weight} kg` });
+  if (data.bmi != null)
+    items.push({ label: "BMI", value: `${data.bmi}` });
+  if (data.blood_sugar != null)
+    items.push({ label: "Blood Sugar", value: `${data.blood_sugar} mg/dL` });
+  if (data.circumference_of_head_in_cms != null)
+    items.push({ label: "Head Circ.", value: `${data.circumference_of_head_in_cms} cm` });
+  if (data.circumference_of_waist_in_cms != null)
+    items.push({ label: "Waist Circ.", value: `${data.circumference_of_waist_in_cms} cm` });
+  return items;
+}
+function formatRecordedAt(iso) {
+  if (!iso) return "";
+  try {
+    return new Date(iso).toLocaleString(void 0, {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return iso;
+  }
+}
+function VitalChip({ label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0 rounded-md min-w-fit px-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-sm text-gray-500 uppercase tracking-wide leading-none", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-900 leading-tight", children: value })
+  ] });
+}
+var Vitals = ({
+  data,
+  loading = false,
+  error = null,
+  onRefresh,
+  className
+}) => {
+  const items = data ? buildItems(data) : [];
+  const hasItems = items.length > 0;
+  const recordedAt = data?.recorded_at ? formatRecordedAt(data.recorded_at) : null;
+  const notes = data?.notes?.trim() || null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkFHHISVCH_cjs.cn(
+        "rounded-md overflow-hidden border border-[#D0D0D0] bg-white px-2 py-2",
+        className
+      ),
+      children: loading && !hasItems ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 py-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Loading vitals\u2026" })
+      ] }) : error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500 py-1", children: error }) : hasItems ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-3 gap-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-2 gap-y-0.5", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(VitalChip, { ...item }, item.label)) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end gap-0.5 shrink-0", children: [
+            recordedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-slate-500", children: recordedAt }),
+            onRefresh && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onRefresh,
+                disabled: loading,
+                className: chunkFHHISVCH_cjs.cn(
+                  "flex items-center gap-0.5 text-[10px] font-medium text-slate-600",
+                  "hover:text-slate-900 transition-colors disabled:opacity-50 cursor-pointer"
+                ),
+                "aria-label": "Refresh vitals",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: chunkFHHISVCH_cjs.cn("h-2.5 w-2.5", loading && "animate-spin") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Refresh" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        notes && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-600 pt-1.5 mt-0.5", children: notes })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 py-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No vitals recorded." }),
+        onRefresh && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onRefresh,
+            disabled: loading,
+            className: chunkFHHISVCH_cjs.cn(
+              "flex items-center gap-0.5 text-[10px] font-medium text-slate-600",
+              "hover:text-slate-900 transition-colors disabled:opacity-50 shrink-0"
+            ),
+            "aria-label": "Refresh vitals",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: chunkFHHISVCH_cjs.cn("h-2.5 w-2.5", loading && "animate-spin") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Refresh" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+var VitalsWidget = ({ fieldId }) => {
+  const { value, setValue, fieldDef } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const handlers = chunkSHQHDSA4_cjs.useFieldHandlers(fieldId);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  console.log("[VitalsWidget] fieldId:", fieldId, "| onFetch present:", !!handlers.onFetch, "| value:", value);
+  const fetchVitals = React.useCallback(async () => {
+    if (!handlers.onFetch) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await handlers.onFetch();
+      console.log("[VitalsWidget] fetched data:", data);
+      setValue(data);
+    } catch {
+      setError("Failed to load vitals. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  }, [handlers, setValue]);
+  React.useEffect(() => {
+    fetchVitals();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Vitals,
+    {
+      label: fieldDef?.label ?? "Vitals",
+      data: value ?? null,
+      loading,
+      error,
+      onRefresh: handlers.onFetch ? fetchVitals : void 0
+    }
+  );
+};
+
+exports.VitalsWidget = VitalsWidget;
+//# sourceMappingURL=VitalsWidget-PDCYXNBM.cjs.map
+//# sourceMappingURL=VitalsWidget-PDCYXNBM.cjs.map

package/dist/VitalsWidget-PDCYXNBM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/spinner.tsx","../src/ui/widgets/Vitals.tsx","../src/ui/widgets/VitalsWidget.tsx"],"names":["React","jsx","cn","jsxs","RefreshCw","useField","useFieldHandlers","useState","useCallback","useEffect"],"mappings":"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","file":"VitalsWidget-PDCYXNBM.cjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../core/utils\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n  ({ className, size = \"md\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"h-4 w-4 border-2\",\n      md: \"h-6 w-6 border-2\",\n      lg: \"h-8 w-8 border-3\",\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"animate-spin rounded-full border-primary border-t-transparent\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n);\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner };\n","import React from 'react';\nimport { RefreshCw } from 'lucide-react';\nimport { cn } from '../../core/utils';\nimport { Spinner } from '../shadcn/spinner';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type VitalsData = {\n  temperature?: number | null;\n  height?: number | null;\n  weight?: number | null;\n  bmi?: number | null;\n  blood_sugar?: number | null;\n  notes?: string | null;\n  circumference_of_head_in_cms?: number | null;\n  circumference_of_waist_in_cms?: number | null;\n  blood_pressure_systolic?: number | null;\n  blood_pressure_diastolic?: number | null;\n  heart_rate?: number | null;\n  respiratory_rate?: number | null;\n  oxygen_saturation?: number | null;\n  recorded_at?: string | null;\n};\n\nexport type VitalsProps = {\n  label?: string;\n  data: VitalsData | null;\n  loading?: boolean;\n  error?: string | null;\n  onRefresh?: () => void;\n  className?: string;\n};\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\ntype VitalItem = { label: string; value: string };\n\nfunction buildItems(data: VitalsData): VitalItem[] {\n  const items: VitalItem[] = [];\n\n  const hasBP =\n    data.blood_pressure_systolic != null || data.blood_pressure_diastolic != null;\n  if (hasBP) {\n    const sys = data.blood_pressure_systolic ?? '–';\n    const dia = data.blood_pressure_diastolic ?? '–';\n    items.push({ label: 'BP', value: `${sys}/${dia}` });\n  }\n\n  if (data.heart_rate != null)\n    items.push({ label: 'Heart Rate', value: `${data.heart_rate} bpm` });\n\n  if (data.respiratory_rate != null)\n    items.push({ label: 'Resp. Rate', value: `${data.respiratory_rate}/min` });\n\n  if (data.oxygen_saturation != null)\n    items.push({ label: 'SpO\\u2082', value: `${data.oxygen_saturation}%` });\n\n  if (data.temperature != null)\n    items.push({ label: 'Temp', value: `${data.temperature} \\u00b0F` });\n\n  if (data.height != null)\n    items.push({ label: 'Height', value: `${data.height} cm` });\n\n  if (data.weight != null)\n    items.push({ label: 'Weight', value: `${data.weight} kg` });\n\n  if (data.bmi != null)\n    items.push({ label: 'BMI', value: `${data.bmi}` });\n\n  if (data.blood_sugar != null)\n    items.push({ label: 'Blood Sugar', value: `${data.blood_sugar} mg/dL` });\n\n  if (data.circumference_of_head_in_cms != null)\n    items.push({ label: 'Head Circ.', value: `${data.circumference_of_head_in_cms} cm` });\n\n  if (data.circumference_of_waist_in_cms != null)\n    items.push({ label: 'Waist Circ.', value: `${data.circumference_of_waist_in_cms} cm` });\n\n  return items;\n}\n\nfunction formatRecordedAt(iso: string | null | undefined): string {\n  if (!iso) return '';\n  try {\n    return new Date(iso).toLocaleString(undefined, {\n      day: '2-digit',\n      month: 'short',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n    });\n  } catch {\n    return iso;\n  }\n}\n\n// ─── Vital chip ───────────────────────────────────────────────────────────────\n\nfunction VitalChip({ label, value }: VitalItem) {\n  return (\n    <div className=\"flex flex-col gap-0 rounded-md min-w-fit px-1.5\">\n      <span className=\"text-[10px] font-sm text-gray-500 uppercase tracking-wide leading-none\">\n        {label}\n      </span>\n      <span className=\"text-xs text-gray-900 leading-tight\">{value}</span>\n    </div>\n  );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport const Vitals: React.FC<VitalsProps> = ({\n  data,\n  loading = false,\n  error = null,\n  onRefresh,\n  className,\n}) => {\n  const items = data ? buildItems(data) : [];\n  const hasItems = items.length > 0;\n  const recordedAt = data?.recorded_at ? formatRecordedAt(data.recorded_at) : null;\n  const notes = data?.notes?.trim() || null;\n\n  return (\n    <div\n      className={cn(\n        'rounded-md overflow-hidden border border-[#D0D0D0] bg-white px-2 py-2',\n        className\n      )}\n    >\n      {loading && !hasItems ? (\n        <div className=\"flex items-center gap-1.5 py-1\">\n          <Spinner size=\"sm\" />\n          <span className=\"text-xs text-muted-foreground\">Loading vitals…</span>\n        </div>\n      ) : error ? (\n        <p className=\"text-xs text-red-500 py-1\">{error}</p>\n      ) : hasItems ? (\n        <div className=\"flex flex-col gap-1.5\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-3 gap-y-1\">\n            <div className=\"flex flex-wrap gap-x-2 gap-y-0.5\">\n              {items.map(item => (\n                <VitalChip key={item.label} {...item} />\n              ))}\n            </div>\n            <div className=\"flex flex-col items-end gap-0.5 shrink-0\">\n              {recordedAt && (\n                <span className=\"text-[10px] text-slate-500\">{recordedAt}</span>\n              )}\n              {onRefresh && (\n                <button\n                  type=\"button\"\n                  onClick={onRefresh}\n                  disabled={loading}\n                  className={cn(\n                    'flex items-center gap-0.5 text-[10px] font-medium text-slate-600',\n                    'hover:text-slate-900 transition-colors disabled:opacity-50 cursor-pointer'\n                  )}\n                  aria-label=\"Refresh vitals\"\n                >\n                  <RefreshCw className={cn('h-2.5 w-2.5', loading && 'animate-spin')} />\n                  <span>Refresh</span>\n                </button>\n              )}\n            </div>\n          </div>\n          {notes && (\n            <p className=\"text-xs text-gray-600 pt-1.5 mt-0.5\">\n              {notes}\n            </p>\n          )}\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-between gap-2 py-1\">\n          <p className=\"text-xs text-muted-foreground\">No vitals recorded.</p>\n          {onRefresh && (\n            <button\n              type=\"button\"\n              onClick={onRefresh}\n              disabled={loading}\n              className={cn(\n                'flex items-center gap-0.5 text-[10px] font-medium text-slate-600',\n                'hover:text-slate-900 transition-colors disabled:opacity-50 shrink-0'\n              )}\n              aria-label=\"Refresh vitals\"\n            >\n              <RefreshCw className={cn('h-2.5 w-2.5', loading && 'animate-spin')} />\n              <span>Refresh</span>\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { useField } from '../../react/useField';\nimport { useFieldHandlers } from '../../react/FormProvider';\nimport { Vitals, type VitalsData } from './Vitals';\n\nexport const VitalsWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { value, setValue, fieldDef } = useField(fieldId);\n  const handlers = useFieldHandlers(fieldId);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  console.log('[VitalsWidget] fieldId:', fieldId, '| onFetch present:', !!handlers.onFetch, '| value:', value);\n\n  const fetchVitals = useCallback(async () => {\n    if (!handlers.onFetch) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const data = await handlers.onFetch();\n      console.log('[VitalsWidget] fetched data:', data);\n      setValue(data);\n    } catch {\n      setError('Failed to load vitals. Please try again.');\n    } finally {\n      setLoading(false);\n    }\n  }, [handlers, setValue]);\n\n  // Fetch once on mount if a handler is provided\n  useEffect(() => {\n    fetchVitals();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Vitals\n      label={fieldDef?.label ?? 'Vitals'}\n      data={(value as VitalsData | null) ?? null}\n      loading={loading}\n      error={error}\n      onRefresh={handlers.onFetch ? fetchVitals : undefined}\n    />\n  );\n};\n"]}

package/dist/chunk-3KRDT7TX.mjs

@@ -0,0 +1,137 @@
+import { fetchOptions } from './chunk-IFMQKLNW.mjs';
+import { Textarea } from './chunk-4BAKQIPJ.mjs';
+import { getThemeConfig } from './chunk-Y7TIWH4I.mjs';
+import { VoiceMicButton } from './chunk-5I2RC47Y.mjs';
+import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldControlClass, 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, useFormStore } from './chunk-ZTT5XJR7.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useState, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var TextWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const store = useFormStore();
+  const hasVoice = !!(fieldDef?.voice && store.getVoice());
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef) return null;
+  const Component = fieldDef.type === "textarea" ? Textarea : Input;
+  const isTextarea = fieldDef.type === "textarea";
+  const height = isTextarea && "height" in fieldDef ? fieldDef.height : void 0;
+  const theme = getThemeConfig(
+    isTextarea ? "textarea" : "text",
+    fieldDef.theme
+  );
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const showLabel = isLabelVisible(fieldDef);
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    " ",
+    /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef })
+  ] });
+  const labelEl = showLabel ? theme ? /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef, labelClass), children: labelContent }) : /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef), children: labelContent }) : null;
+  const placeholder = typeof fieldDef.placeholder === "string" && fieldDef.placeholder.trim() ? fieldDef.placeholder : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: fieldWrapperClass(
+        fieldDef,
+        wrapperClass,
+        isTextarea ? "flex h-full min-h-0 flex-col" : void 0
+      ),
+      children: [
+        hasVoice ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          labelEl,
+          /* @__PURE__ */ jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
+        ] }) : labelEl,
+        /* @__PURE__ */ jsx(
+          Component,
+          {
+            id: fieldId,
+            value: value || "",
+            onChange: (e) => setValue(fieldDef.type === "number" ? Number(e.target.value) : e.target.value),
+            onBlur: setTouched,
+            disabled,
+            type: fieldDef.type === "number" ? "number" : "text",
+            className: fieldControlClass(
+              fieldDef,
+              inputClass,
+              isTextarea && height == null ? "min-h-[80px] flex-1" : void 0
+            ),
+            placeholder,
+            "aria-label": !showLabel ? fieldDef.label : void 0,
+            ...isTextarea && { height }
+          }
+        ),
+        showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+      ]
+    }
+  );
+};
+var SelectWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const [options, setOptions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  useEffect(() => {
+    if (!fieldDef) return;
+    const def = fieldDef;
+    if (def.options) {
+      setOptions(def.options);
+    } else if (def.dataSource) {
+      setLoading(true);
+      fetchOptions(def.dataSource.source, def.dataSource.params).then((opts) => {
+        setOptions(opts);
+      }).finally(() => setLoading(false));
+    }
+  }, [fieldDef]);
+  if (!fieldDef) return null;
+  const schemaPlaceholder = typeof fieldDef.placeholder === "string" && fieldDef.placeholder.trim() ? fieldDef.placeholder : void 0;
+  const selectPlaceholder = loading ? "Loading..." : schemaPlaceholder ?? "Select...";
+  const showLabel = isLabelVisible(fieldDef);
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    showLabel ? /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef), children: [
+      fieldDef.label,
+      " ",
+      /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        disabled: disabled || loading,
+        value: value ? String(value) : void 0,
+        onValueChange: (val) => {
+          const opt = options.find((o) => String(o.value) === val);
+          setValue(opt ? opt.value : val);
+          setTouched();
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              id: fieldId,
+              className: fieldControlClass(
+                fieldDef,
+                showError ? "border-red-500" : ""
+              ),
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: selectPlaceholder })
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: String(opt.value), children: opt.label }, String(opt.value))) })
+        ]
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+export { SelectWidget, TextWidget };
+//# sourceMappingURL=chunk-3KRDT7TX.mjs.map
+//# sourceMappingURL=chunk-3KRDT7TX.mjs.map

package/dist/chunk-3KRDT7TX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/Text.tsx","../src/ui/widgets/Select.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;AAmBO,IAAM,UAAA,GAA4C,CAAC,EAAE,OAAA,EAAQ,KAAM;AACxE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,QAAQ,YAAA,EAAa;AAC3B,EAAA,MAAM,WAAW,CAAC,EAAE,QAAA,EAAU,KAAA,IAAS,MAAM,QAAA,EAAS,CAAA;AAEtD,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAY,QAAA,CAAS,IAAA,KAAS,UAAA,GAAa,QAAA,GAAW,KAAA;AAC5D,EAAA,MAAM,UAAA,GAAa,SAAS,IAAA,KAAS,UAAA;AACrC,EAAA,MAAM,MAAA,GAAS,UAAA,IAAc,QAAA,IAAY,QAAA,GAAW,SAAS,MAAA,GAAS,MAAA;AACtE,EAAA,MAAM,KAAA,GAAQ,cAAA;AAAA,IACZ,aAAa,UAAA,GAAa,MAAA;AAAA,IAC1B,QAAA,CAAS;AAAA,GACX;AAEA,EAAA,MAAM,YAAA,GAAe,OAAO,gBAAA,IAAoB,WAAA;AAChD,EAAA,MAAM,aAAa,KAAA,EAAO,cAAA;AAC1B,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,KAAA,EAAO,cAAA,EAAgB,aAAa,gBAAgB,CAAA;AAC1E,EAAA,MAAM,SAAA,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,MAAM,+BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,CAAS,KAAA;AAAA,IAAO,GAAA;AAAA,oBACjB,GAAA,CAAC,0BAAuB,QAAA,EAAoB;AAAA,GAAA,EAC9C,CAAA;AAGF,EAAA,MAAM,OAAA,GAAU,YACZ,KAAA,mBACE,GAAA,CAAC,SAAM,OAAA,EAAS,OAAA,EAAS,SAAA,EAAW,eAAA,CAAgB,QAAA,EAAU,UAAU,GACrE,QAAA,EAAA,YAAA,EACH,CAAA,mBAEA,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAS,OAAA,EAAS,WAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA,YAAA,EACH,CAAA,GAEF,IAAA;AAEJ,EAAA,MAAM,WAAA,GACJ,OAAO,QAAA,CAAS,WAAA,KAAgB,QAAA,IAAY,SAAS,WAAA,CAAY,IAAA,EAAK,GAClE,QAAA,CAAS,WAAA,GACT,MAAA;AAEN,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iBAAA;AAAA,QACT,QAAA;AAAA,QACA,YAAA;AAAA,QACA,aAAa,8BAAA,GAAiC;AAAA,OAChD;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,0BACD,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,iBAAA,EAAmB,QAAA,EAAU;AAAA,SAAA,EACjE,CAAA,GAEA,OAAA;AAAA,wBAEF,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,OAAA;AAAA,YACJ,OAAO,KAAA,IAAS,EAAA;AAAA,YAChB,QAAA,EAAU,CAAC,CAAA,KAAM,QAAA,CAAS,SAAS,IAAA,KAAS,QAAA,GAAW,MAAA,CAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA,GAAI,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAC9F,MAAA,EAAQ,UAAA;AAAA,YACR,QAAA;AAAA,YACA,IAAA,EAAM,QAAA,CAAS,IAAA,KAAS,QAAA,GAAW,QAAA,GAAW,MAAA;AAAA,YAC9C,SAAA,EAAW,iBAAA;AAAA,cACT,QAAA;AAAA,cACA,UAAA;AAAA,cACA,UAAA,IAAc,MAAA,IAAU,IAAA,GAAO,qBAAA,GAAwB;AAAA,aACzD;AAAA,YACA,WAAA;AAAA,YACA,YAAA,EAAY,CAAC,SAAA,GAAY,QAAA,CAAS,KAAA,GAAQ,MAAA;AAAA,YACzC,GAAI,UAAA,IAAc,EAAE,MAAA;AAAO;AAAA,SAC9B;AAAA,QACC,SAAA,wBACE,GAAA,EAAA,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,sBAAsB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GAE5E;AAEJ;ACjFO,IAAM,YAAA,GAA8C,CAAC,EAAE,OAAA,EAAQ,KAAM;AAC1E,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAA0C,EAAE,CAAA;AAC1E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACf,IAAA,MAAM,GAAA,GAAM,QAAA;AAEZ,IAAA,IAAI,IAAI,OAAA,EAAS;AACf,MAAA,UAAA,CAAW,IAAI,OAAO,CAAA;AAAA,IACxB,CAAA,MAAA,IAAW,IAAI,UAAA,EAAY;AACzB,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,YAAA,CAAa,GAAA,CAAI,WAAW,MAAA,EAAQ,GAAA,CAAI,WAAW,MAAM,CAAA,CACtD,KAAK,CAAA,IAAA,KAAQ;AACZ,QAAA,UAAA,CAAW,IAAI,CAAA;AAAA,MACjB,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACpC;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,iBAAA,GACJ,OAAO,QAAA,CAAS,WAAA,KAAgB,QAAA,IAAY,SAAS,WAAA,CAAY,IAAA,EAAK,GAClE,QAAA,CAAS,WAAA,GACT,MAAA;AACN,EAAA,MAAM,iBAAA,GAAoB,OAAA,GAAU,YAAA,GAAe,iBAAA,IAAqB,WAAA;AAExE,EAAA,MAAM,SAAA,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,uBACEA,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,iBAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCA,KAAC,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBC,GAAAA,CAAC,sBAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBAEJD,IAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAU,QAAA,IAAY,OAAA;AAAA,QACtB,KAAA,EAAO,KAAA,GAAQ,MAAA,CAAO,KAAK,CAAA,GAAI,MAAA;AAAA,QAC/B,aAAA,EAAe,CAAC,GAAA,KAAQ;AAErB,UAAA,MAAM,GAAA,GAAM,QAAQ,IAAA,CAAK,CAAA,CAAA,KAAK,OAAO,CAAA,CAAE,KAAK,MAAM,GAAG,CAAA;AACrD,UAAA,QAAA,CAAS,GAAA,GAAM,GAAA,CAAI,KAAA,GAAQ,GAAG,CAAA;AAC9B,UAAA,UAAA,EAAW;AAAA,QACd,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAC,GAAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,OAAA;AAAA,cACJ,SAAA,EAAW,iBAAA;AAAA,gBACT,QAAA;AAAA,gBACA,YAAY,gBAAA,GAAmB;AAAA,eACjC;AAAA,cAEA,QAAA,kBAAAA,GAAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAAa,iBAAA,EAAmB;AAAA;AAAA,WAC/C;AAAA,0BACAA,IAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,GAAA,qBACXA,IAAC,UAAA,EAAA,EAAmC,KAAA,EAAO,OAAO,GAAA,CAAI,KAAK,GACxD,QAAA,EAAA,GAAA,CAAI,KAAA,EAAA,EADU,OAAO,GAAA,CAAI,KAAK,CAEjC,CACD,CAAA,EACH;AAAA;AAAA;AAAA,KACF;AAAA,IAEC,SAAA,oBACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,eAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"chunk-3KRDT7TX.mjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { useFormStore } from '../../react/FormProvider';\nimport { VoiceMicButton } from '../../react/VoiceMicButton';\nimport { Input } from '../shadcn/input';\nimport { Label } from '../shadcn/label';\nimport { Textarea } from '../shadcn/textarea';\nimport { getThemeConfig } from '../themes';\nimport { cn } from '../../core/utils';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const TextWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const store = useFormStore();\n  const hasVoice = !!(fieldDef?.voice && store.getVoice());\n\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const Component = fieldDef.type === 'textarea' ? Textarea : Input;\n  const isTextarea = fieldDef.type === 'textarea';\n  const height = isTextarea && 'height' in fieldDef ? fieldDef.height : undefined;\n  const theme = getThemeConfig(\n    isTextarea ? 'textarea' : 'text',\n    fieldDef.theme\n  );\n\n  const wrapperClass = theme?.wrapperClassName ?? 'space-y-2';\n  const labelClass = theme?.labelClassName;\n  const inputClass = cn(theme?.inputClassName, showError && 'border-red-500');\n  const showLabel = isLabelVisible(fieldDef);\n\n  const labelContent = (\n    <>\n      {fieldDef.label}{' '}\n      <FieldRequiredIndicator fieldDef={fieldDef} />\n    </>\n  );\n\n  const labelEl = showLabel\n    ? theme ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef, labelClass)}>\n          {labelContent}\n        </Label>\n      ) : (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {labelContent}\n        </Label>\n      )\n    : null;\n\n  const placeholder =\n    typeof fieldDef.placeholder === 'string' && fieldDef.placeholder.trim()\n      ? fieldDef.placeholder\n      : undefined;\n\n  return (\n    <div\n      className={fieldWrapperClass(\n        fieldDef,\n        wrapperClass,\n        isTextarea ? 'flex h-full min-h-0 flex-col' : undefined,\n      )}\n    >\n      {hasVoice ? (\n        <div className=\"flex items-center justify-between\">\n          {labelEl}\n          <VoiceMicButton fieldId={fieldId} onTranscriptReady={setValue} />\n        </div>\n      ) : (\n        labelEl\n      )}\n      <Component\n        id={fieldId}\n        value={value || ''}\n        onChange={(e) => setValue(fieldDef.type === 'number' ? Number(e.target.value) : e.target.value)}\n        onBlur={setTouched}\n        disabled={disabled}\n        type={fieldDef.type === 'number' ? 'number' : 'text'}\n        className={fieldControlClass(\n          fieldDef,\n          inputClass,\n          isTextarea && height == null ? 'min-h-[80px] flex-1' : undefined,\n        )}\n        placeholder={placeholder}\n        aria-label={!showLabel ? fieldDef.label : undefined}\n        {...(isTextarea && { height })}\n      />\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n","import React, { useEffect, useState } from 'react';\nimport { useField } from '../../react/useField';\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 { SelectFieldDef } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const SelectWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const [options, setOptions] = useState<{ label: string; value: any }[]>([]);\n  const [loading, setLoading] = useState(false);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  useEffect(() => {\n    if (!fieldDef) return;\n    const def = fieldDef as SelectFieldDef; // Cast safe due to Renderer check\n\n    if (def.options) {\n      setOptions(def.options);\n    } else if (def.dataSource) {\n      setLoading(true);\n      fetchOptions(def.dataSource.source, def.dataSource.params)\n        .then(opts => {\n          setOptions(opts);\n        })\n        .finally(() => setLoading(false));\n    }\n  }, [fieldDef]);\n\n  if (!fieldDef) return null;\n\n  const schemaPlaceholder =\n    typeof fieldDef.placeholder === 'string' && fieldDef.placeholder.trim()\n      ? fieldDef.placeholder\n      : undefined;\n  const selectPlaceholder = loading ? 'Loading...' : schemaPlaceholder ?? 'Select...';\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n\n      <Select \n        disabled={disabled || loading} \n        value={value ? String(value) : undefined} \n        onValueChange={(val) => {\n           // Try to find original value type (number vs string)\n           const opt = options.find(o => String(o.value) === val);\n           setValue(opt ? opt.value : val);\n           setTouched();\n        }}\n      >\n        <SelectTrigger\n          id={fieldId}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500' : '',\n          )}\n        >\n          <SelectValue placeholder={selectPlaceholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map(opt => (\n            <SelectItem key={String(opt.value)} value={String(opt.value)}>\n              {opt.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      \n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}