@form-engine-ts/mui 2.9.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 nitta-a
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,13 @@
+# @form-engine-ts/mui
+
+Official Material UI v6/v7 adapters for `@form-engine-ts/react`.
+
+```tsx
+import { FormBuilder } from "@form-engine-ts/react";
+import { muiBuilderComponents } from "@form-engine-ts/mui";
+
+<FormBuilder schema={schema} onChange={setSchema} components={muiBuilderComponents} />;
+```
+
+The package keeps MUI and Emotion as peer dependencies and exposes `createMuiBuilderComponents` for targeted component
+or icon overrides. Install `@mui/material`, `@mui/icons-material`, and Emotion alongside this package.

package/dist/index.cjs

@@ -0,0 +1,335 @@
+"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);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  createMuiBuilderComponents: () => createMuiBuilderComponents,
+  muiBuilderComponents: () => muiBuilderComponents,
+  muiDefaultIconResolver: () => muiDefaultIconResolver
+});
+module.exports = __toCommonJS(index_exports);
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+function MuiButtonAdapter({
+  id,
+  className,
+  disabled,
+  "aria-label": ariaLabel,
+  onClick,
+  children,
+  title,
+  variant = "secondary",
+  action,
+  targetId
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.Button,
+    {
+      id,
+      className,
+      type: "button",
+      disabled,
+      "aria-label": ariaLabel,
+      title,
+      "data-builder-action": action,
+      "data-target-id": targetId,
+      onClick,
+      color: variant === "danger" ? "error" : "primary",
+      variant: variant === "primary" ? "contained" : "outlined",
+      children
+    }
+  );
+}
+function MuiIconButtonAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  onClick,
+  icon,
+  title
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.IconButton,
+    {
+      id,
+      className,
+      component: "button",
+      type: "button",
+      disabled: disabled || readOnly,
+      "aria-label": ariaLabel ?? title,
+      "aria-describedby": ariaDescribedBy,
+      "aria-labelledby": ariaLabelledBy,
+      title,
+      onClick,
+      sx: { minWidth: 0, padding: 0.5 },
+      children: icon
+    }
+  );
+}
+function MuiTextInputAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  name,
+  label,
+  required,
+  error,
+  helperText,
+  value,
+  onChange,
+  placeholder,
+  maxLength,
+  inputMode,
+  type = "text",
+  min,
+  max,
+  step
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.TextField,
+    {
+      id,
+      className,
+      name,
+      label,
+      required,
+      error,
+      helperText,
+      value,
+      disabled,
+      slotProps: {
+        htmlInput: { maxLength, min, max, step, inputMode },
+        input: { readOnly },
+        formHelperText: { id: ariaDescribedBy }
+      },
+      type,
+      placeholder,
+      "aria-label": ariaLabel,
+      "aria-describedby": ariaDescribedBy,
+      "aria-labelledby": ariaLabelledBy,
+      fullWidth: true,
+      variant: "outlined",
+      onChange: (event) => onChange(event.currentTarget.value)
+    }
+  );
+}
+function MuiTextAreaAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  name,
+  label,
+  required,
+  error,
+  helperText,
+  value,
+  onChange,
+  placeholder,
+  maxLength,
+  rows
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.TextField,
+    {
+      id,
+      className,
+      name,
+      label,
+      required,
+      error,
+      helperText,
+      value,
+      disabled,
+      slotProps: {
+        htmlInput: { maxLength },
+        input: { readOnly },
+        formHelperText: { id: ariaDescribedBy }
+      },
+      multiline: true,
+      rows,
+      placeholder,
+      "aria-label": ariaLabel,
+      "aria-describedby": ariaDescribedBy,
+      "aria-labelledby": ariaLabelledBy,
+      fullWidth: true,
+      variant: "outlined",
+      onChange: (event) => onChange(event.currentTarget.value)
+    }
+  );
+}
+function MuiSelectAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  name,
+  label,
+  required,
+  error,
+  helperText,
+  value,
+  onChange,
+  options
+}) {
+  const labelId = id === void 0 ? void 0 : `${id}-label`;
+  const handleChange = (event) => onChange(event.target.value);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { className, fullWidth: true, error, required, disabled, children: [
+    label === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.InputLabel, { id: labelId, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.Select,
+      {
+        id,
+        labelId,
+        name,
+        label,
+        value,
+        onChange: handleChange,
+        readOnly,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        "aria-labelledby": ariaLabelledBy,
+        variant: "outlined",
+        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.MenuItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.FormHelperText, { id: ariaDescribedBy, children: helperText })
+  ] });
+}
+function MuiCheckboxAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  checked,
+  onChange,
+  label
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.FormControlLabel,
+    {
+      className,
+      label,
+      control: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_material.Checkbox,
+        {
+          id,
+          checked,
+          disabled: disabled || readOnly,
+          inputProps: { "aria-label": ariaLabel },
+          onChange: (event) => onChange(event.target.checked)
+        }
+      )
+    }
+  );
+}
+function MuiSectionAdapter({
+  id,
+  className,
+  title,
+  description,
+  headingId,
+  "aria-label": ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_material.Paper,
+    {
+      id,
+      className,
+      "aria-label": ariaLabel,
+      "aria-labelledby": title === void 0 ? void 0 : headingId,
+      sx: { p: 2, mb: 2 },
+      children: [
+        title === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { id: headingId, variant: "h6", children: title }),
+        description === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body2", children: description }),
+        children
+      ]
+    }
+  );
+}
+function MuiFieldsetAdapter({ className, legend, disabled, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Box, { component: "fieldset", className, disabled, sx: { border: 0, m: 0, p: 0 }, children: [
+    legend === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { component: "legend", variant: "subtitle1", children: legend }),
+    children
+  ] });
+}
+function MuiErrorMessageAdapter({ className, message }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Alert, { className, severity: "error", children: message });
+}
+function muiDefaultIconResolver(actionType) {
+  switch (actionType) {
+    case "moveUp":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ArrowUpward, { fontSize: "small" });
+    case "moveDown":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ArrowDownward, { fontSize: "small" });
+    case "delete":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Delete, { fontSize: "small" });
+    case "add":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Add, { fontSize: "small" });
+    case "edit":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Edit, { fontSize: "small" });
+    case "settings":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Settings, { fontSize: "small" });
+    case "translate":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Translate, { fontSize: "small" });
+    case "close":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Close, { fontSize: "small" });
+    case "dragHandle":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.DragHandle, { fontSize: "small" });
+  }
+}
+var muiBuilderComponents = {
+  Button: MuiButtonAdapter,
+  IconButton: MuiIconButtonAdapter,
+  TextInput: MuiTextInputAdapter,
+  TextArea: MuiTextAreaAdapter,
+  Select: MuiSelectAdapter,
+  Checkbox: MuiCheckboxAdapter,
+  Section: MuiSectionAdapter,
+  Fieldset: MuiFieldsetAdapter,
+  ErrorMessage: MuiErrorMessageAdapter,
+  renderIcon: muiDefaultIconResolver
+};
+function createMuiBuilderComponents(customOverrides = {}) {
+  return { ...muiBuilderComponents, ...customOverrides };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMuiBuilderComponents,
+  muiBuilderComponents,
+  muiDefaultIconResolver
+});

package/dist/index.d.cts

@@ -0,0 +1,8 @@
+import { FormBuilderComponents, BuilderActionIconType } from '@form-engine-ts/react';
+import { ReactNode } from 'react';
+
+declare function muiDefaultIconResolver(actionType: BuilderActionIconType): ReactNode;
+declare const muiBuilderComponents: FormBuilderComponents;
+declare function createMuiBuilderComponents(customOverrides?: Partial<FormBuilderComponents>): FormBuilderComponents;
+
+export { createMuiBuilderComponents, muiBuilderComponents, muiDefaultIconResolver };

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { FormBuilderComponents, BuilderActionIconType } from '@form-engine-ts/react';
+import { ReactNode } from 'react';
+
+declare function muiDefaultIconResolver(actionType: BuilderActionIconType): ReactNode;
+declare const muiBuilderComponents: FormBuilderComponents;
+declare function createMuiBuilderComponents(customOverrides?: Partial<FormBuilderComponents>): FormBuilderComponents;
+
+export { createMuiBuilderComponents, muiBuilderComponents, muiDefaultIconResolver };

package/dist/index.js

@@ -0,0 +1,333 @@
+// src/index.tsx
+import {
+  Add,
+  ArrowDownward,
+  ArrowUpward,
+  Close,
+  Delete,
+  DragHandle,
+  Edit,
+  Settings,
+  Translate
+} from "@mui/icons-material";
+import {
+  Alert,
+  Box,
+  Button,
+  Checkbox,
+  FormControl,
+  FormControlLabel,
+  FormHelperText,
+  IconButton,
+  InputLabel,
+  MenuItem,
+  Paper,
+  Select,
+  TextField,
+  Typography
+} from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MuiButtonAdapter({
+  id,
+  className,
+  disabled,
+  "aria-label": ariaLabel,
+  onClick,
+  children,
+  title,
+  variant = "secondary",
+  action,
+  targetId
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      id,
+      className,
+      type: "button",
+      disabled,
+      "aria-label": ariaLabel,
+      title,
+      "data-builder-action": action,
+      "data-target-id": targetId,
+      onClick,
+      color: variant === "danger" ? "error" : "primary",
+      variant: variant === "primary" ? "contained" : "outlined",
+      children
+    }
+  );
+}
+function MuiIconButtonAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  onClick,
+  icon,
+  title
+}) {
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      id,
+      className,
+      component: "button",
+      type: "button",
+      disabled: disabled || readOnly,
+      "aria-label": ariaLabel ?? title,
+      "aria-describedby": ariaDescribedBy,
+      "aria-labelledby": ariaLabelledBy,
+      title,
+      onClick,
+      sx: { minWidth: 0, padding: 0.5 },
+      children: icon
+    }
+  );
+}
+function MuiTextInputAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  name,
+  label,
+  required,
+  error,
+  helperText,
+  value,
+  onChange,
+  placeholder,
+  maxLength,
+  inputMode,
+  type = "text",
+  min,
+  max,
+  step
+}) {
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      id,
+      className,
+      name,
+      label,
+      required,
+      error,
+      helperText,
+      value,
+      disabled,
+      slotProps: {
+        htmlInput: { maxLength, min, max, step, inputMode },
+        input: { readOnly },
+        formHelperText: { id: ariaDescribedBy }
+      },
+      type,
+      placeholder,
+      "aria-label": ariaLabel,
+      "aria-describedby": ariaDescribedBy,
+      "aria-labelledby": ariaLabelledBy,
+      fullWidth: true,
+      variant: "outlined",
+      onChange: (event) => onChange(event.currentTarget.value)
+    }
+  );
+}
+function MuiTextAreaAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  name,
+  label,
+  required,
+  error,
+  helperText,
+  value,
+  onChange,
+  placeholder,
+  maxLength,
+  rows
+}) {
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      id,
+      className,
+      name,
+      label,
+      required,
+      error,
+      helperText,
+      value,
+      disabled,
+      slotProps: {
+        htmlInput: { maxLength },
+        input: { readOnly },
+        formHelperText: { id: ariaDescribedBy }
+      },
+      multiline: true,
+      rows,
+      placeholder,
+      "aria-label": ariaLabel,
+      "aria-describedby": ariaDescribedBy,
+      "aria-labelledby": ariaLabelledBy,
+      fullWidth: true,
+      variant: "outlined",
+      onChange: (event) => onChange(event.currentTarget.value)
+    }
+  );
+}
+function MuiSelectAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  name,
+  label,
+  required,
+  error,
+  helperText,
+  value,
+  onChange,
+  options
+}) {
+  const labelId = id === void 0 ? void 0 : `${id}-label`;
+  const handleChange = (event) => onChange(event.target.value);
+  return /* @__PURE__ */ jsxs(FormControl, { className, fullWidth: true, error, required, disabled, children: [
+    label === void 0 ? null : /* @__PURE__ */ jsx(InputLabel, { id: labelId, children: label }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        id,
+        labelId,
+        name,
+        label,
+        value,
+        onChange: handleChange,
+        readOnly,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        "aria-labelledby": ariaLabelledBy,
+        variant: "outlined",
+        children: options.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ jsx(FormHelperText, { id: ariaDescribedBy, children: helperText })
+  ] });
+}
+function MuiCheckboxAdapter({
+  id,
+  className,
+  disabled,
+  readOnly,
+  "aria-label": ariaLabel,
+  checked,
+  onChange,
+  label
+}) {
+  return /* @__PURE__ */ jsx(
+    FormControlLabel,
+    {
+      className,
+      label,
+      control: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id,
+          checked,
+          disabled: disabled || readOnly,
+          inputProps: { "aria-label": ariaLabel },
+          onChange: (event) => onChange(event.target.checked)
+        }
+      )
+    }
+  );
+}
+function MuiSectionAdapter({
+  id,
+  className,
+  title,
+  description,
+  headingId,
+  "aria-label": ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      id,
+      className,
+      "aria-label": ariaLabel,
+      "aria-labelledby": title === void 0 ? void 0 : headingId,
+      sx: { p: 2, mb: 2 },
+      children: [
+        title === void 0 ? null : /* @__PURE__ */ jsx(Typography, { id: headingId, variant: "h6", children: title }),
+        description === void 0 ? null : /* @__PURE__ */ jsx(Typography, { variant: "body2", children: description }),
+        children
+      ]
+    }
+  );
+}
+function MuiFieldsetAdapter({ className, legend, disabled, children }) {
+  return /* @__PURE__ */ jsxs(Box, { component: "fieldset", className, disabled, sx: { border: 0, m: 0, p: 0 }, children: [
+    legend === void 0 ? null : /* @__PURE__ */ jsx(Typography, { component: "legend", variant: "subtitle1", children: legend }),
+    children
+  ] });
+}
+function MuiErrorMessageAdapter({ className, message }) {
+  return /* @__PURE__ */ jsx(Alert, { className, severity: "error", children: message });
+}
+function muiDefaultIconResolver(actionType) {
+  switch (actionType) {
+    case "moveUp":
+      return /* @__PURE__ */ jsx(ArrowUpward, { fontSize: "small" });
+    case "moveDown":
+      return /* @__PURE__ */ jsx(ArrowDownward, { fontSize: "small" });
+    case "delete":
+      return /* @__PURE__ */ jsx(Delete, { fontSize: "small" });
+    case "add":
+      return /* @__PURE__ */ jsx(Add, { fontSize: "small" });
+    case "edit":
+      return /* @__PURE__ */ jsx(Edit, { fontSize: "small" });
+    case "settings":
+      return /* @__PURE__ */ jsx(Settings, { fontSize: "small" });
+    case "translate":
+      return /* @__PURE__ */ jsx(Translate, { fontSize: "small" });
+    case "close":
+      return /* @__PURE__ */ jsx(Close, { fontSize: "small" });
+    case "dragHandle":
+      return /* @__PURE__ */ jsx(DragHandle, { fontSize: "small" });
+  }
+}
+var muiBuilderComponents = {
+  Button: MuiButtonAdapter,
+  IconButton: MuiIconButtonAdapter,
+  TextInput: MuiTextInputAdapter,
+  TextArea: MuiTextAreaAdapter,
+  Select: MuiSelectAdapter,
+  Checkbox: MuiCheckboxAdapter,
+  Section: MuiSectionAdapter,
+  Fieldset: MuiFieldsetAdapter,
+  ErrorMessage: MuiErrorMessageAdapter,
+  renderIcon: muiDefaultIconResolver
+};
+function createMuiBuilderComponents(customOverrides = {}) {
+  return { ...muiBuilderComponents, ...customOverrides };
+}
+export {
+  createMuiBuilderComponents,
+  muiBuilderComponents,
+  muiDefaultIconResolver
+};

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@form-engine-ts/mui",
+  "version": "2.9.2",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nitta-a/form-engine-ts.git",
+    "directory": "packages/mui"
+  },
+  "bugs": {
+    "url": "https://github.com/nitta-a/form-engine-ts/issues"
+  },
+  "homepage": "https://github.com/nitta-a/form-engine-ts#readme",
+  "keywords": [
+    "form",
+    "react",
+    "mui",
+    "material-ui",
+    "form-builder",
+    "typescript"
+  ],
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@mui/icons-material": "^6.0.0 || ^7.0.0",
+    "@mui/material": "^6.0.0 || ^7.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@form-engine-ts/core": "2.9.2",
+    "@form-engine-ts/react": "2.9.2"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^7.3.2",
+    "@mui/material": "^7.3.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "@form-engine-ts/core": "2.9.2",
+    "@form-engine-ts/react": "2.9.2"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --clean --external @emotion/react --external @emotion/styled --external @form-engine-ts/core --external @form-engine-ts/react --external @mui/icons-material --external @mui/material --external react --external react-dom",
+    "check": "biome check . && tsc --noEmit",
+    "test": "vitest run --globals",
+    "typecheck": "tsc --noEmit"
+  }
+}