formanitor 0.1.11 → 0.2.0

package/dist/chunk-JE6VXRWW.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('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 Card = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h3",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "p",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkFHHISVCH_cjs.cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+//# sourceMappingURL=chunk-JE6VXRWW.cjs.map
+//# sourceMappingURL=chunk-JE6VXRWW.cjs.map

package/dist/chunk-JE6VXRWW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/card.tsx"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,IAAA,GAAaA,4BAGjB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA;AAAA,MACT,0DAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,IAAA,CAAK,WAAA,GAAc,MAAA;AAEnB,IAAM,UAAA,GAAmBF,4BAGvB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAM,SAAA,GAAkBF,4BAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA;AAAA,MACT,oDAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,eAAA,GAAwBF,4BAG5B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CACD,CAAA;AACD,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAM,cAAoBF,gBAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACzB,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,oBAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAAI,GAAG,OAAO,CACjE;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAM,UAAA,GAAmBF,4BAGvB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,IACpD,GAAG;AAAA;AACN,CACD,CAAA;AACD,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-JE6VXRWW.cjs","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../core/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      \"text-2xl font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n\n"]}

package/dist/chunk-JMGUUFOJ.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var LabelPrimitive = require('@radix-ui/react-label');
+var classVarianceAuthority = require('class-variance-authority');
+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 LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+
+var labelVariants = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive__namespace.Root.displayName;
+
+exports.Label = Label;
+//# sourceMappingURL=chunk-JMGUUFOJ.cjs.map
+//# sourceMappingURL=chunk-JMGUUFOJ.cjs.map

package/dist/chunk-JMGUUFOJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/label.tsx"],"names":["cva","React","jsx","LabelPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EACpB;AACF,CAAA;AAEA,IAAM,KAAA,GAAcC,4BAIlB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAgBC,yBAAA,CAAA,IAAA;AAAA,EAAf;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,aAAA,EAAc,EAAG,SAAS,CAAA;AAAA,IACvC,GAAG;AAAA;AACN,CACD;AACD,KAAA,CAAM,cAA6BD,yBAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-JMGUUFOJ.cjs","sourcesContent":["import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../core/utils\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n\n"]}

package/dist/chunk-JNVSA77L.cjs

@@ -0,0 +1,236 @@
+'use strict';
+
+var chunkPHADAQSH_cjs = require('./chunk-PHADAQSH.cjs');
+var chunkP62377LB_cjs = require('./chunk-P62377LB.cjs');
+var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
+var chunkKPGTPJDH_cjs = require('./chunk-KPGTPJDH.cjs');
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var nlp = require('compromise');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var nlp__default = /*#__PURE__*/_interopDefault(nlp);
+
+function useSmartKeywords(text, onSearch, debounceDelay = 1e3) {
+  console.log("[useSmartKeywords] render", {
+    textLength: text?.length ?? 0,
+    hasOnSearch: typeof onSearch === "function",
+    debounceDelay
+  });
+  const [extractedNouns, setExtractedNouns] = React.useState([]);
+  const [matchedConditions, setMatchedConditions] = React.useState([]);
+  const [isProcessing, setIsProcessing] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const timerRef = React.useRef(null);
+  const abortRef = React.useRef(0);
+  const processText = React.useCallback(
+    async (input, runId) => {
+      if (!input || input.trim().length === 0) {
+        console.log("[useSmartKeywords] skip empty input", {
+          runId,
+          inputLength: input?.length ?? 0
+        });
+        setExtractedNouns([]);
+        setMatchedConditions([]);
+        setIsProcessing(false);
+        return;
+      }
+      console.log("[useSmartKeywords] processText start", {
+        runId,
+        inputLength: input.length
+      });
+      setIsProcessing(true);
+      setError(null);
+      try {
+        const nouns = extractNouns(input);
+        const uniqueNouns = Array.from(new Set(nouns));
+        console.log("[useSmartKeywords] extracted nouns", {
+          runId,
+          nouns,
+          uniqueNouns
+        });
+        if (runId !== abortRef.current) return;
+        setExtractedNouns(uniqueNouns);
+        if (uniqueNouns.length === 0) {
+          console.log("[useSmartKeywords] no nouns, skipping search", { runId });
+          setMatchedConditions([]);
+          setIsProcessing(false);
+          return;
+        }
+        const searchResults = await Promise.all(
+          uniqueNouns.map(async (noun) => {
+            const normalised = noun.replace(/\s+/g, " ").replace(/^[\s-]+/, "").trim();
+            try {
+              console.log("[useSmartKeywords] onSearch call", { runId, noun, normalised });
+              const results = await onSearch(normalised);
+              console.log("[useSmartKeywords] onSearch result", {
+                runId,
+                noun,
+                normalised,
+                count: Array.isArray(results) ? results.length : 0
+              });
+              const first = Array.isArray(results) && results.length > 0 ? [results[0]] : [];
+              return { keyword: normalised, matches: first };
+            } catch (err) {
+              console.error("[useSmartKeywords] onSearch error", { runId, noun, err });
+              return { keyword: normalised || noun, matches: [] };
+            }
+          })
+        );
+        if (runId !== abortRef.current) return;
+        const allMatches = searchResults.flatMap(
+          ({ keyword, matches }) => matches.map((record) => ({
+            extractedKeyword: keyword,
+            matchedCondition: {
+              id: record.id,
+              name: record.name,
+              created_at: record.created_at,
+              updated_at: record.updated_at
+            }
+          }))
+        );
+        console.log("[useSmartKeywords] allMatches computed", {
+          runId,
+          matchesCount: allMatches.length
+        });
+        setMatchedConditions(allMatches);
+      } catch (err) {
+        if (runId !== abortRef.current) return;
+        console.error("[useSmartKeywords] processText error", { runId, err });
+        setError(err instanceof Error ? err.message : "Keyword extraction failed");
+      } finally {
+        if (runId === abortRef.current) {
+          console.log("[useSmartKeywords] processText end", { runId });
+          setIsProcessing(false);
+        }
+      }
+    },
+    [onSearch]
+  );
+  React.useEffect(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    const runId = ++abortRef.current;
+    console.log("[useSmartKeywords] schedule debounce", {
+      runId,
+      debounceDelay,
+      textLength: text?.length ?? 0
+    });
+    timerRef.current = setTimeout(() => {
+      console.log("[useSmartKeywords] debounce fired", { runId });
+      processText(text, runId);
+    }, debounceDelay);
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [text, debounceDelay, processText]);
+  return { extractedNouns, matchedConditions, isProcessing, error };
+}
+function extractNouns(text) {
+  const doc = nlp__default.default(text);
+  const rawNouns = doc.nouns().out("array");
+  const cleaned = rawNouns.map((n) => n.replace(/[^\w\s-]/g, "").trim().toLowerCase()).filter((n) => n.length > 2);
+  console.log("[useSmartKeywords] extractNouns", {
+    inputLength: text?.length ?? 0,
+    rawNouns,
+    cleaned
+  });
+  return cleaned;
+}
+var SmartTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const handler = chunkIDSBJOFY_cjs.useFieldHandlers(fieldId);
+  const def = fieldDef;
+  const structured = value;
+  const textValue = structured?.text ?? "";
+  const showError = !!error && (touched || state.submitAttempted);
+  const onSearch = React.useCallback(
+    (query) => handler.onSearch(query),
+    [handler]
+  );
+  const { matchedConditions, isProcessing } = useSmartKeywords(
+    textValue,
+    onSearch,
+    def?.debounceDelay ?? 1e3
+  );
+  const currentKeywords = structured?.extractedKeywords ?? [];
+  const nextKeywords = React.useMemo(() => {
+    if (matchedConditions.length === 0 && currentKeywords.length === 0) return currentKeywords;
+    if (matchedConditions.length === currentKeywords.length && matchedConditions.every(
+      (m, i) => m.matchedCondition.id === currentKeywords[i]?.matchedCondition.id && m.extractedKeyword === currentKeywords[i]?.extractedKeyword
+    )) {
+      return currentKeywords;
+    }
+    return matchedConditions;
+  }, [matchedConditions, currentKeywords]);
+  const writeValue = React.useCallback(
+    (text, keywords) => {
+      const next = { text, extractedKeywords: keywords };
+      setValue(next);
+    },
+    [setValue]
+  );
+  React__default.default.useEffect(() => {
+    if (nextKeywords !== currentKeywords) {
+      writeValue(textValue, nextKeywords);
+    }
+  }, [nextKeywords]);
+  const handleTextChange = React.useCallback(
+    (e) => {
+      writeValue(e.target.value, currentKeywords);
+    },
+    [writeValue, currentKeywords]
+  );
+  if (!def) return null;
+  const height = def.height;
+  const theme = chunkP62377LB_cjs.getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = chunkFHHISVCH_cjs.cn(theme?.inputClassName, showError && "border-red-500");
+  const showLabel = chunk5E3APMY6_cjs.isLabelVisible(def);
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    def.label,
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef: def }),
+    isProcessing && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "inline-block ml-1.5 h-3 w-3 animate-spin text-muted-foreground" })
+  ] });
+  const labelEl = showLabel ? theme ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { htmlFor: fieldId, className: chunk5E3APMY6_cjs.fieldLabelClass(def, labelClass), children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { htmlFor: fieldId, className: chunk5E3APMY6_cjs.fieldLabelClass(def), children: labelContent }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunk5E3APMY6_cjs.fieldWrapperClass(
+        def,
+        wrapperClass
+      ),
+      children: [
+        labelEl,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkPHADAQSH_cjs.Textarea,
+          {
+            id: fieldId,
+            value: textValue,
+            onChange: handleTextChange,
+            onBlur: setTouched,
+            disabled,
+            placeholder: def.placeholder,
+            className: chunk5E3APMY6_cjs.fieldControlClass(def, inputClass),
+            "aria-label": !showLabel ? def.label : void 0,
+            ...height != null ? { height } : {}
+          }
+        ),
+        showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(def, "text-xs text-red-500"), children: error })
+      ]
+    }
+  );
+};
+
+exports.SmartTextareaWidget = SmartTextareaWidget;
+exports.useSmartKeywords = useSmartKeywords;
+//# sourceMappingURL=chunk-JNVSA77L.cjs.map
+//# sourceMappingURL=chunk-JNVSA77L.cjs.map

package/dist/chunk-JNVSA77L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/useSmartKeywords.ts","../src/ui/widgets/SmartTextarea.tsx"],"names":["useState","useRef","useCallback","useEffect","nlp","useField","useForm","useFieldHandlers","useMemo","React","getThemeConfig","cn","isLabelVisible","jsxs","Fragment","jsx","FieldRequiredIndicator","Loader2","Label","fieldLabelClass","fieldWrapperClass","Textarea","fieldControlClass","fieldErrorClass"],"mappings":"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","file":"chunk-JNVSA77L.cjs","sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport nlp from 'compromise';\nimport type { ExtractedKeywordMatch, MatchedCondition } from '../core/types';\n\nexport interface SmartKeywordsResult {\n  extractedNouns: string[];\n  matchedConditions: ExtractedKeywordMatch[];\n  isProcessing: boolean;\n  error: string | null;\n}\n\n/**\n * Extracts noun phrases from `text` using compromise, deduplicates, then\n * searches each noun against a backend master table via `onSearch`. Returns\n * the flattened list of keyword-to-master-record matches.\n *\n * All NLP runs client-side; the backend only receives simple query strings.\n */\nexport function useSmartKeywords(\n  text: string,\n  onSearch: (query: string) => Promise<any[]>,\n  debounceDelay = 1000,\n): SmartKeywordsResult {\n  // High-level debug of hook usage on each render\n  console.log('[useSmartKeywords] render', {\n    textLength: text?.length ?? 0,\n    hasOnSearch: typeof onSearch === 'function',\n    debounceDelay,\n  });\n\n  const [extractedNouns, setExtractedNouns] = useState<string[]>([]);\n  const [matchedConditions, setMatchedConditions] = useState<ExtractedKeywordMatch[]>([]);\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const abortRef = useRef(0);\n\n  const processText = useCallback(\n    async (input: string, runId: number) => {\n      if (!input || input.trim().length === 0) {\n        console.log('[useSmartKeywords] skip empty input', {\n          runId,\n          inputLength: input?.length ?? 0,\n        });\n        setExtractedNouns([]);\n        setMatchedConditions([]);\n        setIsProcessing(false);\n        return;\n      }\n\n      console.log('[useSmartKeywords] processText start', {\n        runId,\n        inputLength: input.length,\n      });\n\n      setIsProcessing(true);\n      setError(null);\n\n      try {\n        const nouns = extractNouns(input);\n        const uniqueNouns = Array.from(new Set(nouns));\n\n        console.log('[useSmartKeywords] extracted nouns', {\n          runId,\n          nouns,\n          uniqueNouns,\n        });\n\n        if (runId !== abortRef.current) return;\n        setExtractedNouns(uniqueNouns);\n\n        if (uniqueNouns.length === 0) {\n          console.log('[useSmartKeywords] no nouns, skipping search', { runId });\n          setMatchedConditions([]);\n          setIsProcessing(false);\n          return;\n        }\n\n        const searchResults = await Promise.all(\n          uniqueNouns.map(async (noun) => {\n            // Normalise the keyword before hitting the backend:\n            // - remove newlines\n            // - strip leading bullet characters like \"- \"\n            // - collapse internal whitespace to single spaces\n            const normalised = noun\n              .replace(/\\s+/g, ' ')\n              .replace(/^[\\s-]+/, '')\n              .trim();\n\n            try {\n              console.log('[useSmartKeywords] onSearch call', { runId, noun, normalised });\n              const results: MatchedCondition[] = await onSearch(normalised);\n              console.log('[useSmartKeywords] onSearch result', {\n                runId,\n                noun,\n                normalised,\n                count: Array.isArray(results) ? results.length : 0,\n              });\n              // Only keep the first result per noun\n              const first = Array.isArray(results) && results.length > 0 ? [results[0]] : [];\n              return { keyword: normalised, matches: first };\n            } catch (err) {\n              console.error('[useSmartKeywords] onSearch error', { runId, noun, err });\n              return { keyword: normalised || noun, matches: [] as MatchedCondition[] };\n            }\n          }),\n        );\n\n        if (runId !== abortRef.current) return;\n\n        const allMatches: ExtractedKeywordMatch[] = searchResults.flatMap(\n          ({ keyword, matches }) =>\n            matches.map((record) => ({\n              extractedKeyword: keyword,\n              matchedCondition: {\n                id: record.id,\n                name: record.name,\n                created_at: record.created_at,\n                updated_at: record.updated_at,\n              },\n            })),\n        );\n\n        console.log('[useSmartKeywords] allMatches computed', {\n          runId,\n          matchesCount: allMatches.length,\n        });\n\n        setMatchedConditions(allMatches);\n      } catch (err) {\n        if (runId !== abortRef.current) return;\n        console.error('[useSmartKeywords] processText error', { runId, err });\n        setError(err instanceof Error ? err.message : 'Keyword extraction failed');\n      } finally {\n        if (runId === abortRef.current) {\n          console.log('[useSmartKeywords] processText end', { runId });\n          setIsProcessing(false);\n        }\n      }\n    },\n    [onSearch],\n  );\n\n  useEffect(() => {\n    if (timerRef.current) clearTimeout(timerRef.current);\n\n    const runId = ++abortRef.current;\n    console.log('[useSmartKeywords] schedule debounce', {\n      runId,\n      debounceDelay,\n      textLength: text?.length ?? 0,\n    });\n\n    timerRef.current = setTimeout(() => {\n      console.log('[useSmartKeywords] debounce fired', { runId });\n      processText(text, runId);\n    }, debounceDelay);\n\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current);\n    };\n  }, [text, debounceDelay, processText]);\n\n  return { extractedNouns, matchedConditions, isProcessing, error };\n}\n\nfunction extractNouns(text: string): string[] {\n  const doc = nlp(text);\n  const rawNouns: string[] = doc.nouns().out('array');\n\n  const cleaned = rawNouns\n    .map((n) => n.replace(/[^\\w\\s-]/g, '').trim().toLowerCase())\n    .filter((n) => n.length > 2);\n\n  console.log('[useSmartKeywords] extractNouns', {\n    inputLength: text?.length ?? 0,\n    rawNouns,\n    cleaned,\n  });\n\n  return cleaned;\n}\n","import React, { useCallback, useMemo } from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { useFieldHandlers } from '../../react/FormProvider';\nimport { useSmartKeywords } from '../../react/useSmartKeywords';\nimport { Textarea } from '../shadcn/textarea';\nimport { Label } from '../shadcn/label';\nimport { getThemeConfig } from '../themes';\nimport { cn } from '../../core/utils';\nimport type { SmartTextareaFieldDef, SmartTextareaValue, ExtractedKeywordMatch } from '../../core/types';\nimport { Loader2 } from 'lucide-react';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const SmartTextareaWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const handler = useFieldHandlers(fieldId);\n\n  const def = fieldDef as SmartTextareaFieldDef | undefined;\n  const structured = value as SmartTextareaValue | null | undefined;\n  const textValue = structured?.text ?? '';\n\n  const showError = !!error && (touched || state.submitAttempted);\n\n  const onSearch = useCallback(\n    (query: string) => handler.onSearch(query),\n    [handler],\n  );\n\n  const { matchedConditions, isProcessing } = useSmartKeywords(\n    textValue,\n    onSearch,\n    def?.debounceDelay ?? 1000,\n  );\n\n  const currentKeywords = structured?.extractedKeywords ?? [];\n\n  const nextKeywords = useMemo(() => {\n    if (matchedConditions.length === 0 && currentKeywords.length === 0) return currentKeywords;\n    if (\n      matchedConditions.length === currentKeywords.length &&\n      matchedConditions.every(\n        (m, i) =>\n          m.matchedCondition.id === currentKeywords[i]?.matchedCondition.id &&\n          m.extractedKeyword === currentKeywords[i]?.extractedKeyword,\n      )\n    ) {\n      return currentKeywords;\n    }\n    return matchedConditions;\n  }, [matchedConditions, currentKeywords]);\n\n  const writeValue = useCallback(\n    (text: string, keywords: ExtractedKeywordMatch[]) => {\n      const next: SmartTextareaValue = { text, extractedKeywords: keywords };\n      setValue(next);\n    },\n    [setValue],\n  );\n\n  React.useEffect(() => {\n    if (nextKeywords !== currentKeywords) {\n      writeValue(textValue, nextKeywords);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nextKeywords]);\n\n  const handleTextChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      writeValue(e.target.value, currentKeywords);\n    },\n    [writeValue, currentKeywords],\n  );\n\n  if (!def) return null;\n\n  const height = def.height;\n  const theme = getThemeConfig('textarea', def.theme);\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(def);\n\n  const labelContent = (\n    <>\n      {def.label}{' '}\n      <FieldRequiredIndicator fieldDef={def} />\n      {isProcessing && (\n        <Loader2 className=\"inline-block ml-1.5 h-3 w-3 animate-spin text-muted-foreground\" />\n      )}\n    </>\n  );\n\n  const labelEl = showLabel ? (\n    theme ? (\n      <Label htmlFor={fieldId} className={fieldLabelClass(def, labelClass)}>\n        {labelContent}\n      </Label>\n    ) : (\n      <Label htmlFor={fieldId} className={fieldLabelClass(def)}>\n        {labelContent}\n      </Label>\n    )\n  ) : null;\n\n  return (\n    <div\n      className={fieldWrapperClass(\n        def,\n        wrapperClass,\n      )}\n    >\n      {labelEl}\n\n      <Textarea\n        id={fieldId}\n        value={textValue}\n        onChange={handleTextChange}\n        onBlur={setTouched}\n        disabled={disabled}\n        placeholder={def.placeholder}\n        className={fieldControlClass(def, inputClass)}\n        aria-label={!showLabel ? def.label : undefined}\n        {...(height != null ? { height } : {})}\n      />\n\n      {showError && (\n        <p className={fieldErrorClass(def, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-KJA5BLGX.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+// src/core/functionalImpairmentScore.ts
+function clampFunctionalScore03(n) {
+  const v = typeof n === "number" ? n : Number(n);
+  if (!Number.isFinite(v)) return 0;
+  return Math.max(0, Math.min(3, Math.trunc(v)));
+}
+function parseFunctionalImpairmentScore(raw) {
+  const base = {
+    reading: 0,
+    nightDriving: 0,
+    glare: 0,
+    occupation: 0,
+    adl: 0
+  };
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return base;
+  const o = raw;
+  for (const k of Object.keys(base)) {
+    base[k] = clampFunctionalScore03(o[k]);
+  }
+  return base;
+}
+function functionalImpairmentTotal(v) {
+  return v.reading + v.nightDriving + v.glare + v.occupation + v.adl;
+}
+
+exports.functionalImpairmentTotal = functionalImpairmentTotal;
+exports.parseFunctionalImpairmentScore = parseFunctionalImpairmentScore;
+//# sourceMappingURL=chunk-KJA5BLGX.cjs.map
+//# sourceMappingURL=chunk-KJA5BLGX.cjs.map

package/dist/chunk-KJA5BLGX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/functionalImpairmentScore.ts"],"names":[],"mappings":";;;AAEO,SAAS,uBAAuB,CAAA,EAAoB;AACzD,EAAA,MAAM,IAAI,OAAO,CAAA,KAAM,QAAA,GAAW,CAAA,GAAI,OAAO,CAAC,CAAA;AAC9C,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,CAAC,GAAG,OAAO,CAAA;AAChC,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAG,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAC,CAAA;AAC/C;AAEO,SAAS,+BAA+B,GAAA,EAA8C;AAC3F,EAAA,MAAM,IAAA,GAAuC;AAAA,IAC3C,OAAA,EAAS,CAAA;AAAA,IACT,YAAA,EAAc,CAAA;AAAA,IACd,KAAA,EAAO,CAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,GAAA,EAAK;AAAA,GACP;AACA,EAAA,IAAI,CAAC,OAAO,OAAO,GAAA,KAAQ,YAAY,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG,OAAO,IAAA;AAClE,EAAA,MAAM,CAAA,GAAI,GAAA;AACV,EAAA,KAAA,MAAW,CAAA,IAAK,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,EAA+C;AAC7E,IAAA,IAAA,CAAK,CAAC,CAAA,GAAI,sBAAA,CAAuB,CAAA,CAAE,CAAC,CAAC,CAAA;AAAA,EACvC;AACA,EAAA,OAAO,IAAA;AACT;AAEO,SAAS,0BAA0B,CAAA,EAA2C;AACnF,EAAA,OAAO,CAAA,CAAE,UAAU,CAAA,CAAE,YAAA,GAAe,EAAE,KAAA,GAAQ,CAAA,CAAE,aAAa,CAAA,CAAE,GAAA;AACjE","file":"chunk-KJA5BLGX.cjs","sourcesContent":["import type { FunctionalImpairmentScoreValue } from './types';\n\nexport function clampFunctionalScore03(n: unknown): number {\n  const v = typeof n === 'number' ? n : Number(n);\n  if (!Number.isFinite(v)) return 0;\n  return Math.max(0, Math.min(3, Math.trunc(v)));\n}\n\nexport function parseFunctionalImpairmentScore(raw: unknown): FunctionalImpairmentScoreValue {\n  const base: FunctionalImpairmentScoreValue = {\n    reading: 0,\n    nightDriving: 0,\n    glare: 0,\n    occupation: 0,\n    adl: 0,\n  };\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return base;\n  const o = raw as Record<string, unknown>;\n  for (const k of Object.keys(base) as (keyof FunctionalImpairmentScoreValue)[]) {\n    base[k] = clampFunctionalScore03(o[k]);\n  }\n  return base;\n}\n\nexport function functionalImpairmentTotal(v: FunctionalImpairmentScoreValue): number {\n  return v.reading + v.nightDriving + v.glare + v.occupation + v.adl;\n}\n"]}

package/dist/chunk-KMJOTMUQ.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('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 Table = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+  "table",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: chunkFHHISVCH_cjs.cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tbody",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tfoot",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tr",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "td",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "caption",
+  {
+    ref,
+    className: chunkFHHISVCH_cjs.cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+//# sourceMappingURL=chunk-KMJOTMUQ.cjs.map
+//# sourceMappingURL=chunk-KMJOTMUQ.cjs.map

package/dist/chunk-KMJOTMUQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/table.tsx"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,KAAA,GAAcA,gBAAA,CAAA,UAAA,CAGlB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+BAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAM,cAAoBF,gBAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACzB,OAAA,EAAA,EAAM,GAAA,EAAU,WAAWE,oBAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA,EAAI,GAAG,OAAO,CAC1E;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAM,SAAA,GAAkBF,4BAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,WAAA,GAAoBF,4BAGxB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA;AAAA,MACT,yDAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAM,QAAA,GAAiBF,4BAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA;AAAA,MACT,6EAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,QAAA,CAAS,WAAA,GAAc,UAAA;AAEvB,IAAM,SAAA,GAAkBF,4BAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA;AAAA,MACT,kGAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,SAAA,GAAkBF,4BAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,gDAAA,EAAkD,SAAS,CAAA;AAAA,IACxE,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,YAAA,GAAqBF,4BAGzB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,IAC5D,GAAG;AAAA;AACN,CACD,CAAA;AACD,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-KMJOTMUQ.cjs","sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../core/utils\";\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n      className\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n      className\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n      className\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"]}

package/dist/chunk-KPGTPJDH.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var react = require('react');
+
+function useForm() {
+  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const [state, setState] = react.useState(store.getState());
+  react.useEffect(() => {
+    const unsubscribe = store.subscribe((newState) => {
+      setState({ ...newState });
+    });
+    return unsubscribe;
+  }, [store]);
+  return {
+    state,
+    store,
+    submit: store.save.bind(store),
+    // Draft save for now
+    transition: store.transition.bind(store),
+    availableTransitions: store.getAvailableTransitions(),
+    hasPersistence: store.hasPersistence(),
+    getSerializedValues: store.getSerializedValuesForSubmission.bind(store),
+    getRawValues: store.getRawValues.bind(store),
+    markSubmitAttempted: store.markSubmitAttempted.bind(store),
+    flushPendingUploads: store.flushPendingUploads.bind(store)
+  };
+}
+
+exports.useForm = useForm;
+//# sourceMappingURL=chunk-KPGTPJDH.cjs.map
+//# sourceMappingURL=chunk-KPGTPJDH.cjs.map

package/dist/chunk-KPGTPJDH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/useForm.ts"],"names":["useFormStore","useState","useEffect"],"mappings":";;;;;AAIO,SAAS,OAAA,GAAU;AACxB,EAAA,MAAM,QAAQA,8BAAA,EAAa;AAE3B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,IAAIC,cAAA,CAAoB,KAAA,CAAM,UAAU,CAAA;AAE9D,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,SAAA,CAAU,CAAC,QAAA,KAAa;AAChD,MAAA,QAAA,CAAS,EAAE,GAAG,QAAA,EAAU,CAAA;AAAA,IAC1B,CAAC,CAAA;AACD,IAAA,OAAO,WAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA,EAAQ,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA;AAAA;AAAA,IAC7B,UAAA,EAAY,KAAA,CAAM,UAAA,CAAW,IAAA,CAAK,KAAK,CAAA;AAAA,IACvC,oBAAA,EAAsB,MAAM,uBAAA,EAAwB;AAAA,IACpD,cAAA,EAAgB,MAAM,cAAA,EAAe;AAAA,IACrC,mBAAA,EAAqB,KAAA,CAAM,gCAAA,CAAiC,IAAA,CAAK,KAAK,CAAA;AAAA,IACtE,YAAA,EAAc,KAAA,CAAM,YAAA,CAAa,IAAA,CAAK,KAAK,CAAA;AAAA,IAC3C,mBAAA,EAAqB,KAAA,CAAM,mBAAA,CAAoB,IAAA,CAAK,KAAK,CAAA;AAAA,IACzD,mBAAA,EAAqB,KAAA,CAAM,mBAAA,CAAoB,IAAA,CAAK,KAAK;AAAA,GAC3D;AACF","file":"chunk-KPGTPJDH.cjs","sourcesContent":["import { useState, useEffect } from \"react\";\nimport { useFormStore } from \"./FormProvider\";\nimport type { FormState } from \"../core/types\";\n\nexport function useForm() {\n  const store = useFormStore();\n\n  const [state, setState] = useState<FormState>(store.getState());\n\n  useEffect(() => {\n    const unsubscribe = store.subscribe((newState) => {\n      setState({ ...newState });\n    });\n    return unsubscribe;\n  }, [store]);\n\n  return {\n    state,\n    store,\n    submit: store.save.bind(store), // Draft save for now\n    transition: store.transition.bind(store),\n    availableTransitions: store.getAvailableTransitions(),\n    hasPersistence: store.hasPersistence(),\n    getSerializedValues: store.getSerializedValuesForSubmission.bind(store),\n    getRawValues: store.getRawValues.bind(store),\n    markSubmitAttempted: store.markSubmitAttempted.bind(store),\n    flushPendingUploads: store.flushPendingUploads.bind(store),\n  };\n}\n"]}