@btst/stack 1.4.1 → 1.5.0

package/dist/packages/ui/src/components/ui/auto-form/fields/array.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const accordion = require('../../../accordion.cjs');
+const button = require('../../../button.cjs');
+const separator = require('../../../separator.cjs');
+const lucideReact = require('lucide-react');
+const reactHookForm = require('react-hook-form');
+const z = require('zod');
+const utils = require('../utils.cjs');
+const object = require('./object.cjs');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+const z__namespace = /*#__PURE__*/_interopNamespaceCompat(z);
+
+function isZodArray(item) {
+  return item instanceof z__namespace.ZodArray;
+}
+function isZodDefault(item) {
+  return item instanceof z__namespace.ZodDefault;
+}
+function getArrayElementType(item) {
+  const def = item._zod?.def;
+  if (isZodArray(item)) {
+    return def?.element || null;
+  }
+  if (isZodDefault(item)) {
+    const innerDef = def?.innerType?._zod?.def;
+    return innerDef?.element || null;
+  }
+  return null;
+}
+function AutoFormArray({
+  name,
+  item,
+  form,
+  path = [],
+  fieldConfig
+}) {
+  const { fields, append, remove } = reactHookForm.useFieldArray({
+    control: form.control,
+    name
+  });
+  const title = utils.getSchemaDescription(item) ?? utils.beautifyObjectName(name);
+  const itemDefType = getArrayElementType(item);
+  return /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: name, className: "border-none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionContent, { children: [
+      fields.map((_field, index) => {
+        const key = _field.id;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            object,
+            {
+              schema: itemDefType,
+              form,
+              fieldConfig,
+              path: [...path, index.toString()]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              type: "button",
+              className: "hover:bg-zinc-300 hover:text-black focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:hover:bg-zinc-300 dark:hover:text-black dark:hover:ring-0 dark:hover:ring-offset-0 dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0",
+              onClick: () => remove(index),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash, { className: "size-4 " })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(separator.Separator, {})
+        ] }, `${key}`);
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "secondary",
+          onClick: () => append({}),
+          className: "mt-4 flex items-center",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-2", size: 16 }),
+            "Add"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+module.exports = AutoFormArray;

package/dist/packages/ui/src/components/ui/auto-form/fields/array.mjs

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { AccordionItem, AccordionTrigger, AccordionContent } from '../../../accordion.mjs';
+import { Button } from '../../../button.mjs';
+import { Separator } from '../../../separator.mjs';
+import { Trash, Plus } from 'lucide-react';
+import { useFieldArray } from 'react-hook-form';
+import * as z from 'zod';
+import { getSchemaDescription, beautifyObjectName } from '../utils.mjs';
+import AutoFormObject from './object.mjs';
+
+function isZodArray(item) {
+  return item instanceof z.ZodArray;
+}
+function isZodDefault(item) {
+  return item instanceof z.ZodDefault;
+}
+function getArrayElementType(item) {
+  const def = item._zod?.def;
+  if (isZodArray(item)) {
+    return def?.element || null;
+  }
+  if (isZodDefault(item)) {
+    const innerDef = def?.innerType?._zod?.def;
+    return innerDef?.element || null;
+  }
+  return null;
+}
+function AutoFormArray({
+  name,
+  item,
+  form,
+  path = [],
+  fieldConfig
+}) {
+  const { fields, append, remove } = useFieldArray({
+    control: form.control,
+    name
+  });
+  const title = getSchemaDescription(item) ?? beautifyObjectName(name);
+  const itemDefType = getArrayElementType(item);
+  return /* @__PURE__ */ jsxs(AccordionItem, { value: name, className: "border-none", children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { children: title }),
+    /* @__PURE__ */ jsxs(AccordionContent, { children: [
+      fields.map((_field, index) => {
+        const key = _field.id;
+        return /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col", children: [
+          /* @__PURE__ */ jsx(
+            AutoFormObject,
+            {
+              schema: itemDefType,
+              form,
+              fieldConfig,
+              path: [...path, index.toString()]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "my-4 flex justify-end", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              type: "button",
+              className: "hover:bg-zinc-300 hover:text-black focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:hover:bg-zinc-300 dark:hover:text-black dark:hover:ring-0 dark:hover:ring-offset-0 dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0",
+              onClick: () => remove(index),
+              children: /* @__PURE__ */ jsx(Trash, { className: "size-4 " })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Separator, {})
+        ] }, `${key}`);
+      }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          onClick: () => append({}),
+          className: "mt-4 flex items-center",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "mr-2", size: 16 }),
+            "Add"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+export { AutoFormArray as default };

package/dist/packages/ui/src/components/ui/auto-form/fields/checkbox.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const checkbox = require('../../../checkbox.cjs');
+const form = require('../../../form.cjs');
+const tooltip = require('../common/tooltip.cjs');
+const label = require('../common/label.cjs');
+
+function AutoFormCheckbox({
+  label: label$1,
+  isRequired,
+  field,
+  fieldConfigItem,
+  fieldProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormItem, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        checkbox.Checkbox,
+        {
+          checked: field.value,
+          onCheckedChange: field.onChange,
+          ...fieldProps
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        label,
+        {
+          label: fieldConfigItem?.label || label$1,
+          isRequired
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem })
+  ] });
+}
+
+module.exports = AutoFormCheckbox;

package/dist/packages/ui/src/components/ui/auto-form/fields/checkbox.mjs

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Checkbox } from '../../../checkbox.mjs';
+import { FormItem, FormControl } from '../../../form.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+import AutoFormLabel from '../common/label.mjs';
+
+function AutoFormCheckbox({
+  label,
+  isRequired,
+  field,
+  fieldConfigItem,
+  fieldProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(FormItem, { children: /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: field.value,
+          onCheckedChange: field.onChange,
+          ...fieldProps
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        AutoFormLabel,
+        {
+          label: fieldConfigItem?.label || label,
+          isRequired
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem })
+  ] });
+}
+
+export { AutoFormCheckbox as default };

package/dist/packages/ui/src/components/ui/auto-form/fields/date.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const datePicker = require('../../../date-picker.cjs');
+const form = require('../../../form.cjs');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+
+function AutoFormDate({
+  label: label$1,
+  isRequired,
+  field,
+  fieldConfigItem,
+  fieldProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      label,
+      {
+        label: fieldConfigItem?.label || label$1,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      datePicker.DatePicker,
+      {
+        date: field.value,
+        setDate: field.onChange,
+        ...fieldProps
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+  ] });
+}
+
+module.exports = AutoFormDate;

package/dist/packages/ui/src/components/ui/auto-form/fields/date.mjs

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { DatePicker } from '../../../date-picker.mjs';
+import { FormItem, FormControl, FormMessage } from '../../../form.mjs';
+import AutoFormLabel from '../common/label.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+
+function AutoFormDate({
+  label,
+  isRequired,
+  field,
+  fieldConfigItem,
+  fieldProps
+}) {
+  return /* @__PURE__ */ jsxs(FormItem, { children: [
+    /* @__PURE__ */ jsx(
+      AutoFormLabel,
+      {
+        label: fieldConfigItem?.label || label,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+      DatePicker,
+      {
+        date: field.value,
+        setDate: field.onChange,
+        ...fieldProps
+      }
+    ) }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsx(FormMessage, {})
+  ] });
+}
+
+export { AutoFormDate as default };

package/dist/packages/ui/src/components/ui/auto-form/fields/enum.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../../form.cjs');
+const select = require('../../../select.cjs');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+const utils = require('../utils.cjs');
+
+function getEnumValues(schema) {
+  if (Array.isArray(schema.options)) {
+    return schema.options;
+  }
+  if (schema.enum) {
+    return Object.values(schema.enum);
+  }
+  const def = schema._zod?.def;
+  if (def?.entries) {
+    return Object.values(def.entries);
+  }
+  return [];
+}
+function AutoFormEnum({
+  label: label$1,
+  isRequired,
+  field,
+  fieldConfigItem,
+  zodItem,
+  fieldProps
+}) {
+  const baseSchema = utils.getBaseSchema(zodItem);
+  const baseValues = getEnumValues(baseSchema);
+  let values = [];
+  if (!baseValues || baseValues.length === 0) {
+    values = [];
+  } else {
+    values = baseValues.map((value) => [value, value]);
+  }
+  function findItem(value) {
+    return values.find((item) => item[0] === value);
+  }
+  const handleValueChange = (val) => {
+    if (val === "" && field.value && field.value !== "") {
+      return;
+    }
+    field.onChange(val);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      label,
+      {
+        label: fieldConfigItem?.label || label$1,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      select.Select,
+      {
+        onValueChange: handleValueChange,
+        value: field.value ?? "",
+        ...fieldProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { className: fieldProps.className, children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: fieldConfigItem.inputProps?.placeholder, children: field.value ? findItem(field.value)?.[1] : "Select an option" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: values.map(([value, label2]) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: label2, children: label2 }, value)) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+  ] });
+}
+
+module.exports = AutoFormEnum;

package/dist/packages/ui/src/components/ui/auto-form/fields/enum.mjs

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FormItem, FormControl, FormMessage } from '../../../form.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../select.mjs';
+import AutoFormLabel from '../common/label.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+import { getBaseSchema } from '../utils.mjs';
+
+function getEnumValues(schema) {
+  if (Array.isArray(schema.options)) {
+    return schema.options;
+  }
+  if (schema.enum) {
+    return Object.values(schema.enum);
+  }
+  const def = schema._zod?.def;
+  if (def?.entries) {
+    return Object.values(def.entries);
+  }
+  return [];
+}
+function AutoFormEnum({
+  label,
+  isRequired,
+  field,
+  fieldConfigItem,
+  zodItem,
+  fieldProps
+}) {
+  const baseSchema = getBaseSchema(zodItem);
+  const baseValues = getEnumValues(baseSchema);
+  let values = [];
+  if (!baseValues || baseValues.length === 0) {
+    values = [];
+  } else {
+    values = baseValues.map((value) => [value, value]);
+  }
+  function findItem(value) {
+    return values.find((item) => item[0] === value);
+  }
+  const handleValueChange = (val) => {
+    if (val === "" && field.value && field.value !== "") {
+      return;
+    }
+    field.onChange(val);
+  };
+  return /* @__PURE__ */ jsxs(FormItem, { children: [
+    /* @__PURE__ */ jsx(
+      AutoFormLabel,
+      {
+        label: fieldConfigItem?.label || label,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs(
+      Select,
+      {
+        onValueChange: handleValueChange,
+        value: field.value ?? "",
+        ...fieldProps,
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: fieldProps.className, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: fieldConfigItem.inputProps?.placeholder, children: field.value ? findItem(field.value)?.[1] : "Select an option" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: values.map(([value, label2]) => /* @__PURE__ */ jsx(SelectItem, { value: label2, children: label2 }, value)) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsx(FormMessage, {})
+  ] });
+}
+
+export { AutoFormEnum as default };

package/dist/packages/ui/src/components/ui/auto-form/fields/file.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../../form.cjs');
+const input = require('../../../input.cjs');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+
+function AutoFormFile({
+  label: label$1,
+  isRequired,
+  fieldConfigItem,
+  fieldProps,
+  field
+}) {
+  const { showLabel: _showLabel, ...fieldPropsWithoutShowLabel } = fieldProps;
+  const showLabel = _showLabel === void 0 ? true : _showLabel;
+  const [file, setFile] = React.useState(null);
+  const [fileName, setFileName] = React.useState(null);
+  const handleFileChange = (e) => {
+    const file2 = e.target.files?.[0];
+    if (file2) {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        setFile(reader.result);
+        setFileName(file2.name);
+        field.onChange(reader.result);
+      };
+      reader.readAsDataURL(file2);
+    }
+  };
+  const handleRemoveClick = () => {
+    setFile(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx(
+      label,
+      {
+        label: fieldConfigItem?.label || label$1,
+        isRequired
+      }
+    ),
+    !file && /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      input.Input,
+      {
+        type: "file",
+        ...fieldPropsWithoutShowLabel,
+        onChange: handleFileChange,
+        value: ""
+      }
+    ) }),
+    file && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[40px] w-full flex-row items-center justify-between space-x-2 rounded-sm border p-2 text-black focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: fileName }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleRemoveClick, "aria-label": "Remove image", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 16 }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+  ] });
+}
+
+module.exports = AutoFormFile;

package/dist/packages/ui/src/components/ui/auto-form/fields/file.mjs

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FormItem, FormControl, FormMessage } from '../../../form.mjs';
+import { Input } from '../../../input.mjs';
+import { Trash2 } from 'lucide-react';
+import { useState } from 'react';
+import AutoFormLabel from '../common/label.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+
+function AutoFormFile({
+  label,
+  isRequired,
+  fieldConfigItem,
+  fieldProps,
+  field
+}) {
+  const { showLabel: _showLabel, ...fieldPropsWithoutShowLabel } = fieldProps;
+  const showLabel = _showLabel === void 0 ? true : _showLabel;
+  const [file, setFile] = useState(null);
+  const [fileName, setFileName] = useState(null);
+  const handleFileChange = (e) => {
+    const file2 = e.target.files?.[0];
+    if (file2) {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        setFile(reader.result);
+        setFileName(file2.name);
+        field.onChange(reader.result);
+      };
+      reader.readAsDataURL(file2);
+    }
+  };
+  const handleRemoveClick = () => {
+    setFile(null);
+  };
+  return /* @__PURE__ */ jsxs(FormItem, { children: [
+    showLabel && /* @__PURE__ */ jsx(
+      AutoFormLabel,
+      {
+        label: fieldConfigItem?.label || label,
+        isRequired
+      }
+    ),
+    !file && /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "file",
+        ...fieldPropsWithoutShowLabel,
+        onChange: handleFileChange,
+        value: ""
+      }
+    ) }),
+    file && /* @__PURE__ */ jsxs("div", { className: "flex h-[40px] w-full flex-row items-center justify-between space-x-2 rounded-sm border p-2 text-black focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0", children: [
+      /* @__PURE__ */ jsx("p", { children: fileName }),
+      /* @__PURE__ */ jsx("button", { onClick: handleRemoveClick, "aria-label": "Remove image", children: /* @__PURE__ */ jsx(Trash2, { size: 16 }) })
+    ] }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsx(FormMessage, {})
+  ] });
+}
+
+export { AutoFormFile as default };

package/dist/packages/ui/src/components/ui/auto-form/fields/input.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../../form.cjs');
+const input = require('../../../input.cjs');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+
+function AutoFormInput({
+  label: label$1,
+  isRequired,
+  fieldConfigItem,
+  fieldProps
+}) {
+  const { showLabel: _showLabel, ...fieldPropsWithoutShowLabel } = fieldProps;
+  const showLabel = _showLabel === void 0 ? true : _showLabel;
+  const type = fieldProps.type || "text";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row  items-center space-x-2", children: /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { className: "flex w-full flex-col justify-start", children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx(
+      label,
+      {
+        label: fieldConfigItem?.label || label$1,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(input.Input, { type, ...fieldPropsWithoutShowLabel }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+  ] }) });
+}
+
+module.exports = AutoFormInput;

package/dist/packages/ui/src/components/ui/auto-form/fields/input.mjs

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FormItem, FormControl, FormMessage } from '../../../form.mjs';
+import { Input } from '../../../input.mjs';
+import AutoFormLabel from '../common/label.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+
+function AutoFormInput({
+  label,
+  isRequired,
+  fieldConfigItem,
+  fieldProps
+}) {
+  const { showLabel: _showLabel, ...fieldPropsWithoutShowLabel } = fieldProps;
+  const showLabel = _showLabel === void 0 ? true : _showLabel;
+  const type = fieldProps.type || "text";
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-row  items-center space-x-2", children: /* @__PURE__ */ jsxs(FormItem, { className: "flex w-full flex-col justify-start", children: [
+    showLabel && /* @__PURE__ */ jsx(
+      AutoFormLabel,
+      {
+        label: fieldConfigItem?.label || label,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type, ...fieldPropsWithoutShowLabel }) }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsx(FormMessage, {})
+  ] }) });
+}
+
+export { AutoFormInput as default };