@pingux/astro 2.81.0 → 2.82.0-alpha.1

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -117,8 +117,19 @@ _forEachInstanceProperty(_context10 = _Object$keys(_checkboxField)).call(_contex
     }
   });
 });
+var _codeEditor = require("./codeEditor");
+_forEachInstanceProperty(_context11 = _Object$keys(_codeEditor)).call(_context11, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _codeEditor[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _codeEditor[key];
+    }
+  });
+});
 var _collapsiblePanel = require("./collapsiblePanel");
-_forEachInstanceProperty(_context11 = _Object$keys(_collapsiblePanel)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_collapsiblePanel)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _collapsiblePanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_collapsiblePanel)).call(_con
   });
 });
 var _colorField = require("./colorField");
-_forEachInstanceProperty(_context12 = _Object$keys(_colorField)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_colorField)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _colorField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_colorField)).call(_context12
   });
 });
 var _copyText = require("./copyText");
-_forEachInstanceProperty(_context13 = _Object$keys(_copyText)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_copyText)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _copyText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_copyText)).call(_context13,
   });
 });
 var _dataTable = require("./dataTable");
-_forEachInstanceProperty(_context14 = _Object$keys(_dataTable)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_dataTable)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _dataTable[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_dataTable)).call(_context14,
   });
 });
 var _environmentBreadcrumb = require("./environmentBreadcrumb");
-_forEachInstanceProperty(_context15 = _Object$keys(_environmentBreadcrumb)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_environmentBreadcrumb)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _environmentBreadcrumb[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_environmentBreadcrumb)).call
   });
 });
 var _fieldHelperText = require("./fieldHelperText");
-_forEachInstanceProperty(_context16 = _Object$keys(_fieldHelperText)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_fieldHelperText)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _fieldHelperText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_fieldHelperText)).call(_cont
   });
 });
 var _grid = require("./grid");
-_forEachInstanceProperty(_context17 = _Object$keys(_grid)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_grid)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _grid[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_grid)).call(_context17, func
   });
 });
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context18 = _Object$keys(_helpHint)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_helpHint)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_helpHint)).call(_context18,
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context19 = _Object$keys(_icon)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_icon)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_icon)).call(_context19, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context20 = _Object$keys(_iconBadge)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_iconBadge)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_iconBadge)).call(_context20,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context21 = _Object$keys(_iconButton)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_iconButton)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_iconButton)).call(_context21
   });
 });
 var _iconButtonToggle = require("./iconButtonToggle");
-_forEachInstanceProperty(_context22 = _Object$keys(_iconButtonToggle)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_iconButtonToggle)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButtonToggle[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_iconButtonToggle)).call(_con
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context23 = _Object$keys(_input)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_input)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_input)).call(_context23, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context24 = _Object$keys(_item)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_item)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_item)).call(_context24, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context25 = _Object$keys(_label)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_label)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_label)).call(_context25, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context26 = _Object$keys(_link)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_link)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_link)).call(_context26, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context27 = _Object$keys(_listBox)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_listBox)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_listBox)).call(_context27, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context28 = _Object$keys(_listItem)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_listItem)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_listItem)).call(_context28,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context29 = _Object$keys(_loader)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_loader)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_loader)).call(_context29, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context30 = _Object$keys(_menu)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_menu)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_menu)).call(_context30, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context31 = _Object$keys(_menuItem)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_menuItem)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_menuItem)).call(_context31,
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context32 = _Object$keys(_messages)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_messages)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_messages)).call(_context32,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context33 = _Object$keys(_Modal)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_Modal)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_Modal)).call(_context33, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context34 = _Object$keys(_navBar)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_navBar)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_navBar)).call(_context34, fu
   });
 });
 var _navSideBar = require("./navSideBar");
-_forEachInstanceProperty(_context35 = _Object$keys(_navSideBar)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_navSideBar)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navSideBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_navSideBar)).call(_context35
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context36 = _Object$keys(_overlayPanel)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_overlayPanel)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context37 = _Object$keys(_popoverContainer)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_popoverContainer)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context38 = _Object$keys(_popoverMenu)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_popoverMenu)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_popoverMenu)).call(_context3
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context39 = _Object$keys(_progressBar)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_progressBar)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_progressBar)).call(_context3
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context40 = _Object$keys(_requirementsList)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_requirementsList)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context41 = _Object$keys(_rockerButtonGroup)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_rockerButtonGroup)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context42 = _Object$keys(_scrollBox)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_scrollBox)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +481,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_scrollBox)).call(_context42,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context43 = _Object$keys(_separator)).call(_context43, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_separator)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -481,7 +492,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_separator)).call(_context43,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context44 = _Object$keys(_shared)).call(_context44, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_shared)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -492,7 +503,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_shared)).call(_context44, fu
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context45 = _Object$keys(_tab)).call(_context45, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_tab)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -503,7 +514,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_tab)).call(_context45, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context46 = _Object$keys(_table)).call(_context46, function (key) {
+_forEachInstanceProperty(_context47 = _Object$keys(_table)).call(_context47, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -514,7 +525,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_table)).call(_context46, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context47 = _Object$keys(_tabs)).call(_context47, function (key) {
+_forEachInstanceProperty(_context48 = _Object$keys(_tabs)).call(_context48, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -525,7 +536,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_tabs)).call(_context47, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context48 = _Object$keys(_text)).call(_context48, function (key) {
+_forEachInstanceProperty(_context49 = _Object$keys(_text)).call(_context49, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -536,7 +547,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_text)).call(_context48, func
   });
 });
 var _textField = require("./textField");
-_forEachInstanceProperty(_context49 = _Object$keys(_textField)).call(_context49, function (key) {
+_forEachInstanceProperty(_context50 = _Object$keys(_textField)).call(_context50, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _textField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -547,7 +558,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_textField)).call(_context49,
   });
 });
 var _timefield = require("./timefield");
-_forEachInstanceProperty(_context50 = _Object$keys(_timefield)).call(_context50, function (key) {
+_forEachInstanceProperty(_context51 = _Object$keys(_timefield)).call(_context51, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _timefield[key]) return;
   _Object$defineProperty(exports, key, {
@@ -558,7 +569,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_timefield)).call(_context50,
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context51 = _Object$keys(_tooltipTrigger)).call(_context51, function (key) {
+_forEachInstanceProperty(_context52 = _Object$keys(_tooltipTrigger)).call(_context52, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/CodeEditor/CodeEditor.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React, { forwardRef } from 'react';
+import { esLint, javascript, tsxLanguage } from '@codemirror/lang-javascript';
+import { jsonLanguage, jsonParseLinter } from '@codemirror/lang-json';
+import * as eslint from 'eslint-linter-browserify';
+import useTsEnvironment from '../../hooks/useTsLinter/useTsLinter';
+import DefaultEditor from './DefaultEditor';
+import eslintConfig from './eslintConfig';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var CodeEditor = /*#__PURE__*/forwardRef(function (props, ref) {
+  var supportedLanguage = props.supportedLanguage,
+    customEslintConfig = props.customEslintConfig;
+  var tsLinter = useTsEnvironment();
+  switch (supportedLanguage) {
+    case 'typescript':
+      return ___EmotionJSX(DefaultEditor, _extends({
+        ref: ref
+      }, props, {
+        editorLanguage: tsxLanguage,
+        linterExtension: tsLinter
+      }));
+    case 'javascript':
+      return ___EmotionJSX(DefaultEditor, _extends({
+        ref: ref
+      }, props, {
+        editorLanguage: javascript(),
+        linterExtension: esLint(new eslint.Linter(), customEslintConfig || eslintConfig)
+      }));
+    case 'json':
+      return ___EmotionJSX(DefaultEditor, _extends({
+        ref: ref
+      }, props, {
+        editorLanguage: jsonLanguage,
+        linterExtension: jsonParseLinter()
+      }));
+    default:
+      return ___EmotionJSX(DefaultEditor, _extends({
+        ref: ref
+      }, props));
+  }
+});
+export default CodeEditor;

package/lib/components/CodeEditor/CodeEditor.mdx

@@ -0,0 +1,33 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Components/CodeEditor/CodeEditor" />
+
+# CodeEditor
+
+The Code Editor component is a tool for editing and displaying code snippets in an application. 
+It provides syntax highlighting, shows line numbers, and validates errors in the code.
+In addition, it supports standard IDE keyboard interactions like tab-to-indent.
+
+The CodeEditor component should be used for complex use cases that require an interactive environment, support for various programming languages, functionalities like linting, keyboard interactions, and real-time updates. 
+When code snippets need to be presented in a read-only format, use [CodeView](./?path=/docs/components-codeview--docs).
+
+
+### Required Components
+
+This component can be used independently and does not require additional components. 
+
+### Accessibility
+
+#### Keyboard Navigation
+
+These keys provide additional functionality to the component. 
+
+| Keys | Functions |
+| ---- | --------- |
+| Enter | Inserts a new line of code |
+| Arrow keys | Move the cursor within the code in the set direction |
+
+#### Screen Readers
+
+The **`aria-live`** attribute is used to announce content changes in a live region.
+

package/lib/components/CodeEditor/CodeEditor.stories.js

@@ -0,0 +1,94 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { javascript } from '@codemirror/lang-javascript';
+import { syntaxTree } from '@codemirror/language';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import { CodeEditor } from '../../index';
+import CodeEditorReadme from './CodeEditor.mdx';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export default {
+  title: 'Experimental/CodeEditor',
+  component: CodeEditor,
+  parameters: {
+    docs: {
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CodeEditorReadme, null), ___EmotionJSX(DocsLayout, null));
+      },
+      source: {
+        type: 'code'
+      }
+    },
+    a11y: {
+      config: {
+        rules: [{
+          id: 'color-contrast',
+          enabled: false
+        }]
+      }
+    }
+  }
+};
+var jsonCode = "{\n  \"name\": \"Luke Skywalker\", \n  \"height\": \"172\", \n  \"mass\": \"77\", \n  \"hair_color\": \"blond\", \n  \"skin_color\": \"fair\", \n  \"eye_color\": \"blue\", \n  \"birth_year\": \"19BBY\", \n  \"gender\": \"male\", \n  \"homeworld\": \"https://swapi.dev/api/planets/1/\", \n  \"films\": [\n      \"https://swapi.dev/api/films/1/\", \n      \"https://swapi.dev/api/films/2/\", \n      \"https://swapi.dev/api/films/3/\", \n      \"https://swapi.dev/api/films/6/\"\n  ],\n  \"starships\": [\n      \"https://swapi.dev/api/starships/12/\", \n      \"https://swapi.dev/api/starships/22/\"\n  ]\n}";
+var tsCode = "\nconst stringValue: string = 15;\n\nfunction addOne(integer: number) {\n  return integer + 1;\n}\n\naddOne('I am a string');\n";
+var jsCode = "\nfunction factorial(n) {\n  if (n === 0 || n === 1) {\n    return 1;\n  } else {\n    return n * factorial(n - 1);\n  }\n}\n\nconsole.log(factorial(5));\n\n(a) => {};\n";
+var regexCode = "\nfunction isNumber(string) {\n  return /^\\d+(\\.\\d*)?$/.test(string)\n}\n";
+export var TypescriptEditor = function TypescriptEditor() {
+  return ___EmotionJSX(CodeEditor, {
+    initialCode: tsCode,
+    supportedLanguage: "typescript"
+  });
+};
+export var JavascriptEditor = function JavascriptEditor(args) {
+  return ___EmotionJSX(CodeEditor, _extends({}, args, {
+    initialCode: jsCode,
+    supportedLanguage: "javascript"
+  }));
+};
+export var JavascriptEditorCustomEslint = function JavascriptEditorCustomEslint(args) {
+  var eslintConfig = {
+    languageOptions: {
+      parserOptions: {
+        ecmaVersion: 2022,
+        ecmaFeatures: {
+          'jsx': true
+        },
+        sourceType: 'module'
+      }
+    },
+    rules: {
+      semi: ['error', 'never']
+    }
+  };
+  return ___EmotionJSX(CodeEditor, _extends({}, args, {
+    initialCode: jsCode,
+    supportedLanguage: "javascript",
+    customEslintConfig: eslintConfig
+  }));
+};
+export var JsonEditor = function JsonEditor() {
+  return ___EmotionJSX(CodeEditor, {
+    initialCode: jsonCode,
+    supportedLanguage: "json"
+  });
+};
+export var CustomRules = function CustomRules() {
+  var regexpLinter = function regexpLinter(view) {
+    var diagnostics = [];
+    syntaxTree(view.state).cursor().iterate(function (node) {
+      if (node.name === 'RegExp') {
+        diagnostics.push({
+          from: node.from,
+          to: node.to,
+          severity: 'warning',
+          message: 'Regular expressions are FORBIDDEN'
+        });
+      }
+    });
+    return diagnostics;
+  };
+  return ___EmotionJSX(CodeEditor, {
+    initialCode: regexCode,
+    editorLanguage: javascript(),
+    customRules: regexpLinter
+  });
+};

package/lib/components/CodeEditor/CodeEditor.styles.js

@@ -0,0 +1,22 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { input } from '../Input/Input.styles';
+var wrapper = _objectSpread(_objectSpread({}, input.fieldControlWrapper), {}, {
+  borderColor: 'neutral.80',
+  borderRadius: '3px 4px 4px 3px',
+  borderStyle: 'solid',
+  borderWidth: '1px 1px 1px 0px',
+  width: '100%'
+});
+export default {
+  wrapper: wrapper
+};