@meshagent/meshagent-tailwind 0.5.7 → 0.5.8

package/dist/cjs/tools/ask-user.js

@@ -0,0 +1,161 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ask_user_exports = {};
+__export(ask_user_exports, {
+  AskUser: () => AskUser
+});
+module.exports = __toCommonJS(ask_user_exports);
+var import_meshagent = require("@meshagent/meshagent");
+var import_form_dialog = require("./form-dialog");
+const askUserSchema = {
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["subject", "form", "help"],
+  "properties": {
+    "subject": {
+      "type": "string",
+      "description": "a very short description suitable for a dialog title"
+    },
+    "help": {
+      "type": "string",
+      "description": "helpful information that explains why this information is being collected and how it will be used"
+    },
+    "form": {
+      "type": "array",
+      "items": {
+        "anyOf": [
+          {
+            "type": "object",
+            "additionalProperties": false,
+            "required": ["input"],
+            "properties": {
+              "input": {
+                "type": "object",
+                "additionalProperties": false,
+                "required": ["multiline", "name", "description", "default_value"],
+                "properties": {
+                  "name": { "type": "string" },
+                  "description": { "type": "string" },
+                  "multiline": { "type": "boolean" },
+                  "default_value": { "type": "string" }
+                }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "additionalProperties": false,
+            "required": ["checkbox"],
+            "properties": {
+              "checkbox": {
+                "type": "object",
+                "additionalProperties": false,
+                "required": ["name", "description", "default_value"],
+                "properties": {
+                  "name": { "type": "string" },
+                  "description": { "type": "string" },
+                  "default_value": { "type": "boolean" }
+                }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "additionalProperties": false,
+            "required": ["radio_group"],
+            "description": "allows the user to select a single option from a list of options. best for multiple choice questions or surveys",
+            "properties": {
+              "radio_group": {
+                "type": "object",
+                "additionalProperties": false,
+                "required": ["name", "default_value", "description", "options"],
+                "properties": {
+                  "name": { "type": "string" },
+                  "description": { "type": "string" },
+                  "default_value": { "type": "string" },
+                  "options": {
+                    "type": "array",
+                    "items": {
+                      "type": "object",
+                      "additionalProperties": false,
+                      "required": ["name", "value"],
+                      "properties": {
+                        "name": { "type": "string" },
+                        "value": { "type": "string" }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "additionalProperties": false,
+            "required": ["select"],
+            "properties": {
+              "select": {
+                "type": "object",
+                "additionalProperties": false,
+                "required": ["name", "options", "description", "default_value"],
+                "properties": {
+                  "name": { "type": "string" },
+                  "description": { "type": "string" },
+                  "default_value": { "type": "string" },
+                  "options": {
+                    "type": "array",
+                    "items": {
+                      "type": "object",
+                      "additionalProperties": false,
+                      "required": ["name", "value"],
+                      "properties": {
+                        "name": { "type": "string" },
+                        "value": { "type": "string" }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+};
+class AskUser extends import_meshagent.Tool {
+  constructor({ name, description, title } = {}) {
+    super({
+      name: name ?? "ask_user",
+      description: description ?? "ask the user a question",
+      title: title ?? "Ask User",
+      inputSchema: askUserSchema
+    });
+  }
+  async execute(arguments_) {
+    const result = await (0, import_form_dialog.showUserFormDialog)({
+      formSchema: arguments_.form,
+      title: arguments_.subject
+    });
+    if (result === null) {
+      throw new Error("User cancelled the form dialog");
+    }
+    return new import_meshagent.JsonResponse({ json: result });
+  }
+}

package/dist/cjs/tools/build-schema.d.ts

@@ -0,0 +1,3 @@
+import * as z from "zod";
+import type { FormSchema } from "./form-schema";
+export declare function buildZodSchemaFromAskUser(formSchema: FormSchema): z.ZodObject<any>;

package/dist/cjs/tools/build-schema.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var build_schema_exports = {};
+__export(build_schema_exports, {
+  buildZodSchemaFromAskUser: () => buildZodSchemaFromAskUser
+});
+module.exports = __toCommonJS(build_schema_exports);
+var z = __toESM(require("zod"));
+function buildZodSchemaFromAskUser(formSchema) {
+  const shape = {};
+  for (const item of formSchema) {
+    if (item.hasOwnProperty("input")) {
+      const f = item.input;
+      shape[f.name] = z.string().min(1, `${f.description} is required`);
+    } else if (item.hasOwnProperty("checkbox")) {
+      const f = item.checkbox;
+      shape[f.name] = z.boolean();
+    } else if (item.hasOwnProperty("radio_group")) {
+      const f = item.radio_group;
+      const options = f.options.map((opt) => opt.value);
+      shape[f.name] = z.enum(options, "Select an option").default(f.default_value || options[0]);
+    } else if (item.hasOwnProperty("select")) {
+      const f = item.select;
+      const options = f.options.map((opt) => opt.value);
+      shape[f.name] = z.enum(options, "Select an option").default(f.default_value || options[0]);
+    }
+  }
+  return z.object(shape);
+}

package/dist/cjs/tools/display-document.d.ts

@@ -0,0 +1,10 @@
+import { Tool } from '@meshagent/meshagent';
+import type { Response } from '@meshagent/meshagent';
+export declare class DisplayDocument extends Tool {
+    constructor({ name, description, title }?: {
+        name?: string;
+        description?: string;
+        title?: string;
+    });
+    execute(arguments_: Record<string, any>): Promise<Response>;
+}

package/dist/cjs/tools/display-document.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var display_document_exports = {};
+__export(display_document_exports, {
+  DisplayDocument: () => DisplayDocument
+});
+module.exports = __toCommonJS(display_document_exports);
+var import_meshagent = require("@meshagent/meshagent");
+const displayDocumentSchema = {
+  type: "object",
+  additionalProperties: false,
+  required: ["path"],
+  properties: {
+    path: {
+      type: "string"
+    }
+  }
+};
+class DisplayDocument extends import_meshagent.Tool {
+  constructor({ name, description, title } = {}) {
+    super({
+      name: name ?? "display_document",
+      description: description ?? "display document to the user",
+      title: title ?? "display document",
+      inputSchema: displayDocumentSchema
+    });
+  }
+  async execute(arguments_) {
+    const { path } = arguments_;
+    console.log("Navigate to document:", path);
+    return new import_meshagent.EmptyResponse();
+  }
+}

package/dist/cjs/tools/file-dialog.d.ts

@@ -0,0 +1,11 @@
+export declare function showFileDialog({ title, description }: {
+    title?: string;
+    description?: string;
+}): Promise<Record<string, any> | null>;
+export declare function FileDialog({ title, description, onSubmit, onDismiss, onCleanup }: {
+    title?: string;
+    description?: string;
+    onSubmit: (file: File | null) => void;
+    onDismiss: () => void;
+    onCleanup: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/tools/file-dialog.js

@@ -0,0 +1,113 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var file_dialog_exports = {};
+__export(file_dialog_exports, {
+  FileDialog: () => FileDialog,
+  showFileDialog: () => showFileDialog
+});
+module.exports = __toCommonJS(file_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_client = require("react-dom/client");
+var import_dialog = require("../components/ui/dialog");
+var import_button = require("../components/ui/button");
+function showFileDialog({ title, description }) {
+  return new Promise((resolve) => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const root = (0, import_client.createRoot)(container);
+    const onCleanup = () => {
+      root.unmount();
+      container.remove();
+    };
+    const onDismiss = () => resolve(null);
+    root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      FileDialog,
+      {
+        title,
+        description,
+        onSubmit: resolve,
+        onDismiss,
+        onCleanup
+      }
+    ));
+  });
+}
+function FileDialog({ title, description, onSubmit, onDismiss, onCleanup }) {
+  const inputRef = (0, import_react.useRef)(null);
+  const [open, setOpen] = (0, import_react.useState)(true);
+  const [selectedFile, setSelectedFile] = (0, import_react.useState)(null);
+  const handleSubmit = (0, import_react.useCallback)((e) => {
+    e.preventDefault();
+    onSubmit(selectedFile);
+    setOpen(false);
+  }, [selectedFile, onSubmit]);
+  const handleFileChange = (e) => {
+    if (e.target.files && e.target.files[0]) {
+      setSelectedFile(e.target.files[0]);
+    }
+  };
+  const onOpenChange = (0, import_react.useCallback)((isOpen) => {
+    onDismiss();
+    setOpen(isOpen);
+  }, [onDismiss]);
+  const onAnimationEnd = (0, import_react.useCallback)(() => {
+    if (!open) {
+      onCleanup();
+    }
+  }, [open, onCleanup]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange, modal: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_dialog.DialogContent,
+    {
+      showCloseButton: true,
+      onAnimationEnd,
+      className: "\n                    sm:max-w-[425px]\n                    fixed top-1/2 left-1/2 w-[90vw] max-w-md max-h-[90vh]\n                    transform -translate-x-1/2 -translate-y-1/2\n                    bg-white rounded shadow-lg p-6 overflow-y-auto",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            id: "file-input",
+            type: "file",
+            onChange: handleFileChange,
+            className: "\n                        block w-full text-sm text-gray-500 file:mr-4 file:py-2\n                        file:px-4 file:rounded-full file:border-0 file:text-sm \n                        file:font-semibold file:bg-gray-100 hover:file:bg-gray-200"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            multiple: true,
+            accept: "",
+            className: "hidden",
+            onChange: handleFileChange
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogFooter, { className: "pt-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "outline", children: "Cancel" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: handleSubmit, children: "Submit" })
+        ] })
+      ]
+    }
+  ) });
+}

package/dist/cjs/tools/form-dialog.d.ts

@@ -0,0 +1,12 @@
+import type { FormSchema } from "./form-schema";
+export declare function showUserFormDialog({ formSchema, title }: {
+    formSchema: FormSchema;
+    title?: string;
+}): Promise<Record<string, any> | null>;
+export declare function FormDialog({ title, formSchema, onSubmit, onDismiss, onCleanup }: {
+    title?: string;
+    formSchema: FormSchema;
+    onSubmit: (data: Record<string, any>) => void;
+    onDismiss: () => void;
+    onCleanup: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/tools/form-dialog.js

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var form_dialog_exports = {};
+__export(form_dialog_exports, {
+  FormDialog: () => FormDialog,
+  showUserFormDialog: () => showUserFormDialog
+});
+module.exports = __toCommonJS(form_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_client = require("react-dom/client");
+var import_react_hook_form = require("react-hook-form");
+var import_dialog = require("@/components/ui/dialog");
+var import_button = require("@/components/ui/button");
+var import_form = require("./form");
+function showUserFormDialog({ formSchema, title }) {
+  return new Promise((resolve) => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const root = (0, import_client.createRoot)(container);
+    const onCleanup = () => {
+      root.unmount();
+      container.remove();
+    };
+    const onDismiss = () => resolve(null);
+    root.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      FormDialog,
+      {
+        title,
+        formSchema,
+        onSubmit: resolve,
+        onDismiss,
+        onCleanup
+      }
+    ));
+  });
+}
+function FormDialog({ title, formSchema, onSubmit, onDismiss, onCleanup }) {
+  const [open, setOpen] = (0, import_react.useState)(true);
+  const form = (0, import_react_hook_form.useForm)({
+    resolver: async (values) => ({ values, errors: {} }),
+    mode: "onChange",
+    defaultValues: {}
+  });
+  const handleSubmit = (0, import_react.useCallback)((e) => {
+    e.preventDefault();
+    onSubmit(form.getValues());
+  }, [onSubmit]);
+  const onOpenChange = (0, import_react.useCallback)((isOpen) => {
+    onDismiss();
+    setOpen(isOpen);
+  }, [onDismiss]);
+  const onAnimationEnd = (0, import_react.useCallback)(() => {
+    if (!open) {
+      onCleanup();
+    }
+  }, [open, onCleanup]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange, modal: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_dialog.DialogContent,
+    {
+      className: "sm:max-w-[425px]\n                    fixed top-1/2 left-1/2 w-[90vw] max-w-md max-h-[90vh]\n                    transform -translate-x-1/2 -translate-y-1/2\n                    bg-white rounded shadow-lg p-6 overflow-y-auto",
+      showCloseButton: true,
+      onAnimationEnd,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: handleSubmit, className: "grid gap-4 py-4", children: [
+          formSchema.map((fieldItem, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormField, { fieldItem, control: form.control }, index)),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogFooter, { className: "pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "outline", children: "Cancel" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "submit", children: "Submit" })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}

package/dist/cjs/tools/form-schema.d.ts

@@ -0,0 +1,41 @@
+export interface BaseField<T> {
+    name: string;
+    description: string;
+    default_value: T;
+}
+export interface InputField extends BaseField<string> {
+    multiline: boolean;
+}
+export interface SelectOption {
+    name: string;
+    value: string;
+}
+export interface SelectField extends BaseField<string> {
+    options: SelectOption[];
+}
+export interface RadioOption {
+    name: string;
+    value: string;
+}
+export interface RadioGroupField extends BaseField<string> {
+    options: RadioOption[];
+}
+export interface CheckboxField extends BaseField<boolean> {
+}
+export type FormField = InputField | SelectField | RadioGroupField | CheckboxField;
+export interface InputFieldItem {
+    input: InputField;
+}
+export interface SelectFieldItem {
+    select: SelectField;
+}
+export interface RadioGroupFieldItem {
+    radio_group: RadioGroupField;
+}
+export interface CheckboxFieldItem {
+    checkbox: CheckboxField;
+}
+export type FormFieldItem = InputFieldItem | SelectFieldItem | RadioGroupFieldItem | CheckboxFieldItem;
+export type FormSchema = FormFieldItem[];
+export declare function getFormFieldType(fieldItem: FormFieldItem): String;
+export declare function getFormField(fieldItem: FormFieldItem): FormField;

package/dist/cjs/tools/form-schema.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var form_schema_exports = {};
+__export(form_schema_exports, {
+  getFormField: () => getFormField,
+  getFormFieldType: () => getFormFieldType
+});
+module.exports = __toCommonJS(form_schema_exports);
+function getFormFieldType(fieldItem) {
+  if ("input" in fieldItem) {
+    return "input";
+  } else if ("select" in fieldItem) {
+    return "select";
+  } else if ("radio_group" in fieldItem) {
+    return "radio_group";
+  } else if ("checkbox" in fieldItem) {
+    return "checkbox";
+  }
+  throw new Error("Unknown form field type");
+}
+function getFormField(fieldItem) {
+  if ("input" in fieldItem) {
+    return fieldItem.input;
+  }
+  if ("select" in fieldItem) {
+    return fieldItem.select;
+  }
+  if ("radio_group" in fieldItem) {
+    return fieldItem.radio_group;
+  }
+  if ("checkbox" in fieldItem) {
+    return fieldItem.checkbox;
+  }
+  throw new Error("Unknown form field type");
+}

package/dist/cjs/tools/form.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { Control } from "react-hook-form";
+import type { FormFieldItem } from "./form-schema";
+export type FieldErrorProperty = {
+    errors: string[];
+} | undefined;
+export type FieldErrors = {
+    errors: string[];
+    properties?: {
+        [x: string]: FieldErrorProperty;
+    } | undefined;
+};
+export declare function FormField({ fieldItem, control }: {
+    fieldItem: FormFieldItem;
+    control: Control<any>;
+}): React.ReactElement;