@onereach/ui-components 4.10.3 → 4.10.4-beta.2951.0

package/dist/bundled/v3/{lang-0fb8f78b.js → index-e1560755.js}

@@ -1,5 +1,4 @@
-import { s as syntaxTree, E as EditorView, o as codePointSize, n as codePointAt, a as EditorSelection, q as CharCategory, P as Prec, Y as keymap, F as Facet, c as combineConfig, S as StateField, _ as showTooltip, $ as getTooltip, V as ViewPlugin, x as logException, j as StateEffect, a0 as MapMode, a1 as RangeValue, a2 as RangeSet, r as fromCodePoint, A as Annotation, d as Text, e as indentUnit, l as Decoration, D as Direction, W as WidgetType, a3 as Parser, a4 as NodeSet, a5 as NodeType, a6 as DefaultBufferLength, N as NodeProp, a7 as Tree, a8 as IterMode, a9 as styleTags, aa as tags$1, ab as parseMixed, ac as LanguageSupport, ad as LRLanguage, ae as indentNodeProp, af as continuedIndent, ag as foldNodeProp, ah as foldInside, ai as flatIndent, aj as delimitedIndent, ak as NodeWeakMap, al as Tag, am as Language, an as defineLanguageFacet, ao as languageDataProp, ap as LanguageDescription, aq as ParseContext } from './index-cf2c3c27.js';
-import { OrCodeLanguages } from './components/OrCode/constants.js';
+import { s as syntaxTree, E as EditorView, q as codePointSize, p as codePointAt, b as EditorSelection, t as CharCategory, P as Prec, k as keymap, F as Facet, c as combineConfig, S as StateField, a0 as showTooltip, a1 as getTooltip, V as ViewPlugin, y as logException, l as StateEffect, a2 as MapMode, a3 as RangeValue, a4 as RangeSet, u as fromCodePoint, A as Annotation, e as Text, f as indentUnit, o as Decoration, D as Direction, W as WidgetType, a5 as Parser, a6 as NodeSet, a7 as NodeType, a8 as DefaultBufferLength, N as NodeProp, a9 as Tree, aa as IterMode, ab as styleTags, $ as tags$1, ac as parseMixed, ad as LanguageSupport, ae as LRLanguage, af as indentNodeProp, ag as continuedIndent, ah as foldNodeProp, ai as foldInside, aj as NodeWeakMap, ak as flatIndent, al as delimitedIndent, am as sublanguageProp, an as defineLanguageFacet, ao as bracketMatchingHandle, ap as Tag, aq as Language, ar as languageDataProp, as as foldService, at as LanguageDescription, au as ParseContext } from './index-bd861a5f.js';
 
 /**
 An instance of this is passed to completion source functions.
@@ -1702,7 +1701,7 @@ function handleSame(state, token, allowTriple, config) {
         next = nextChar(state.doc, pos),
         start;
       if (next == token) {
-        if (nodeStart$1(state, pos)) {
+        if (nodeStart(state, pos)) {
           return {
             changes: {
               insert: token + token,
@@ -1718,7 +1717,7 @@ function handleSame(state, token, allowTriple, config) {
             effects: skipBracketEffect.of(pos)
           };
         }
-      } else if (allowTriple && state.sliceDoc(pos - 2 * token.length, pos) == token + token && (start = canStartStringAt(state, pos - 2 * token.length, stringPrefixes)) > -1 && nodeStart$1(state, start)) {
+      } else if (allowTriple && state.sliceDoc(pos - 2 * token.length, pos) == token + token && (start = canStartStringAt(state, pos - 2 * token.length, stringPrefixes)) > -1 && nodeStart(state, start)) {
         return {
           changes: {
             insert: token + token + token + token,
@@ -1746,7 +1745,7 @@ function handleSame(state, token, allowTriple, config) {
     userEvent: "input.type"
   });
 }
-function nodeStart$1(state, pos) {
+function nodeStart(state, pos) {
   let tree = syntaxTree(state).resolveInner(pos + 1);
   return tree.parent && tree.from == pos;
 }
@@ -3453,7 +3452,7 @@ const scriptText = 54,
 
 /* Hand-written tokenizers for HTML. */
 
-const selfClosers = {
+const selfClosers$1 = {
   area: true,
   base: true,
   br: true,
@@ -3644,7 +3643,7 @@ const tagStart = new ExternalTokenizer((input, stack) => {
     if (name == "script") return input.acceptToken(StartScriptTag);
     if (name == "style") return input.acceptToken(StartStyleTag);
     if (name == "textarea") return input.acceptToken(StartTextareaTag);
-    if (selfClosers.hasOwnProperty(name)) return input.acceptToken(StartSelfClosingTag);
+    if (selfClosers$1.hasOwnProperty(name)) return input.acceptToken(StartSelfClosingTag);
     if (parent && closeOnOpen[parent] && closeOnOpen[parent][name]) input.acceptToken(missingCloseTag, -1);else input.acceptToken(StartTag);
   }
 }, {
@@ -4022,9 +4021,19 @@ const parser$3 = LRParser.deserialize({
 let _properties = null;
 function properties() {
   if (!_properties && typeof document == "object" && document.body) {
-    let names = [];
-    for (let prop in document.body.style) {
-      if (!/[A-Z]|^-|^(item|length)$/.test(prop)) names.push(prop);
+    let {
+        style
+      } = document.body,
+      names = [],
+      seen = new Set();
+    for (let prop in style) if (prop != "cssText" && prop != "cssFloat") {
+      if (typeof style[prop] == "string") {
+        if (/[A-Z]/.test(prop)) prop = prop.replace(/[A-Z]/g, ch => "-" + ch.toLowerCase());
+        if (!seen.has(prop)) {
+          names.push(prop);
+          seen.add(prop);
+        }
+      }
     }
     _properties = names.sort().map(name => ({
       type: "property",
@@ -4033,7 +4042,7 @@ function properties() {
   }
   return _properties || [];
 }
-const pseudoClasses = /*@__PURE__*/["active", "after", "before", "checked", "default", "disabled", "empty", "enabled", "first-child", "first-letter", "first-line", "first-of-type", "focus", "hover", "in-range", "indeterminate", "invalid", "lang", "last-child", "last-of-type", "link", "not", "nth-child", "nth-last-child", "nth-last-of-type", "nth-of-type", "only-of-type", "only-child", "optional", "out-of-range", "placeholder", "read-only", "read-write", "required", "root", "selection", "target", "valid", "visited"].map(name => ({
+const pseudoClasses = /*@__PURE__*/["active", "after", "any-link", "autofill", "backdrop", "before", "checked", "cue", "default", "defined", "disabled", "empty", "enabled", "file-selector-button", "first", "first-child", "first-letter", "first-line", "first-of-type", "focus", "focus-visible", "focus-within", "fullscreen", "has", "host", "host-context", "hover", "in-range", "indeterminate", "invalid", "is", "lang", "last-child", "last-of-type", "left", "link", "marker", "modal", "not", "nth-child", "nth-last-child", "nth-last-of-type", "nth-of-type", "only-child", "only-of-type", "optional", "out-of-range", "part", "placeholder", "placeholder-shown", "read-only", "read-write", "required", "right", "root", "scope", "selection", "slotted", "target", "target-text", "valid", "visited", "where"].map(name => ({
   type: "class",
   label: name
 }));
@@ -4048,17 +4057,72 @@ const tags = /*@__PURE__*/["a", "abbr", "address", "article", "aside", "b", "bdi
   type: "type",
   label: name
 }));
-const identifier$1 = /^[\w-]*/;
+const identifier$1 = /^(\w[\w-]*|-\w[\w-]*|)$/,
+  variable = /^-(-[\w-]*)?$/;
+function isVarArg(node, doc) {
+  var _a;
+  if (node.name == "(" || node.type.isError) node = node.parent || node;
+  if (node.name != "ArgList") return false;
+  let callee = (_a = node.parent) === null || _a === void 0 ? void 0 : _a.firstChild;
+  if ((callee === null || callee === void 0 ? void 0 : callee.name) != "Callee") return false;
+  return doc.sliceString(callee.from, callee.to) == "var";
+}
+const VariablesByNode = /*@__PURE__*/new NodeWeakMap();
+const declSelector = ["Declaration"];
+function astTop(node) {
+  for (let cur = node;;) {
+    if (cur.type.isTop) return cur;
+    if (!(cur = cur.parent)) return node;
+  }
+}
+function variableNames(doc, node, isVariable) {
+  if (node.to - node.from > 4096) {
+    let known = VariablesByNode.get(node);
+    if (known) return known;
+    let result = [],
+      seen = new Set(),
+      cursor = node.cursor(IterMode.IncludeAnonymous);
+    if (cursor.firstChild()) do {
+      for (let option of variableNames(doc, cursor.node, isVariable)) if (!seen.has(option.label)) {
+        seen.add(option.label);
+        result.push(option);
+      }
+    } while (cursor.nextSibling());
+    VariablesByNode.set(node, result);
+    return result;
+  } else {
+    let result = [],
+      seen = new Set();
+    node.cursor().iterate(node => {
+      var _a;
+      if (isVariable(node) && node.matchContext(declSelector) && ((_a = node.node.nextSibling) === null || _a === void 0 ? void 0 : _a.name) == ":") {
+        let name = doc.sliceString(node.from, node.to);
+        if (!seen.has(name)) {
+          seen.add(name);
+          result.push({
+            label: name,
+            type: "variable"
+          });
+        }
+      }
+    });
+    return result;
+  }
+}
 /**
-CSS property and value keyword completion source.
+Create a completion source for a CSS dialect, providing a
+predicate for determining what kind of syntax node can act as a
+completable variable. This is used by language modes like Sass and
+Less to reuse this package's completion logic.
 */
-const cssCompletionSource = context => {
+const defineCSSCompletionSource = isVariable => context => {
   let {
       state,
       pos
     } = context,
     node = syntaxTree(state).resolveInner(pos, -1);
-  if (node.name == "PropertyName") return {
+  let isDash = node.type.isError && node.from == node.to - 1 && state.doc.sliceString(node.from, node.to) == "-";
+  if (node.name == "PropertyName" || (isDash || node.name == "TagName") && /^(Block|Styles)$/.test(node.resolve(node.to).name)) return {
     from: node.from,
     options: properties(),
     validFor: identifier$1
@@ -4073,6 +4137,11 @@ const cssCompletionSource = context => {
     options: pseudoClasses,
     validFor: identifier$1
   };
+  if (isVariable(node) || (context.explicit || isDash) && isVarArg(node, state.doc)) return {
+    from: isVariable(node) || isDash ? node.from : pos,
+    options: variableNames(state.doc, astTop(node), isVariable),
+    validFor: variable
+  };
   if (node.name == "TagName") {
     for (let {
       parent
@@ -4100,13 +4169,17 @@ const cssCompletionSource = context => {
     options: values,
     validFor: identifier$1
   };
-  if (above.name == "Block") return {
+  if (above.name == "Block" || above.name == "Styles") return {
     from: pos,
     options: properties(),
     validFor: identifier$1
   };
   return null;
 };
+/**
+CSS property, variable, and value keyword completion source.
+*/
+const cssCompletionSource = /*@__PURE__*/defineCSSCompletionSource(n => n.name == "VariableName");
 
 /**
 A language provider based on the [Lezer CSS
@@ -4114,6 +4187,7 @@ parser](https://github.com/lezer-parser/css), extended with
 highlighting and indentation information.
 */
 const cssLanguage = /*@__PURE__*/LRLanguage.define({
+  name: "css",
   parser: /*@__PURE__*/parser$3.configure({
     props: [/*@__PURE__*/indentNodeProp.add({
       Declaration: /*@__PURE__*/continuedIndent()
@@ -4489,7 +4563,7 @@ function getScope(doc, node) {
   return completions;
 }
 const Identifier = /^[\w$\xa1-\uffff][\w$\d\xa1-\uffff]*$/;
-const dontComplete = ["TemplateString", "String", "RegExp", "LineComment", "BlockComment", "VariableDefinition", "TypeDefinition", "Label", "PropertyDefinition", "PropertyName", "PrivatePropertyDefinition", "PrivatePropertyName"];
+const dontComplete = ["TemplateString", "String", "RegExp", "LineComment", "BlockComment", "VariableDefinition", "TypeDefinition", "Label", "PropertyDefinition", "PropertyName", "PrivatePropertyDefinition", "PrivatePropertyName", ".", "?."];
 /**
 Completion source that looks up locally defined names in
 JavaScript code.
@@ -4497,7 +4571,7 @@ JavaScript code.
 function localCompletionSource(context) {
   let inner = syntaxTree(context.state).resolveInner(context.pos, -1);
   if (dontComplete.indexOf(inner.name) > -1) return null;
-  let isWord = inner.to - inner.from < 20 && Identifier.test(context.state.sliceDoc(inner.from, inner.to));
+  let isWord = inner.name == "VariableName" || inner.to - inner.from < 20 && Identifier.test(context.state.sliceDoc(inner.from, inner.to));
   if (!isWord && !context.explicit) return null;
   let options = [];
   for (let pos = inner; pos; pos = pos.parent) {
@@ -4516,6 +4590,7 @@ parser](https://github.com/lezer-parser/javascript), extended with
 highlighting and indentation information.
 */
 const javascriptLanguage = /*@__PURE__*/LRLanguage.define({
+  name: "javascript",
   parser: /*@__PURE__*/parser$2.configure({
     props: [/*@__PURE__*/indentNodeProp.add({
       IfStatement: /*@__PURE__*/continuedIndent({
@@ -4551,7 +4626,7 @@ const javascriptLanguage = /*@__PURE__*/LRLanguage.define({
         return context.column(context.node.from) + context.unit;
       }
     }), /*@__PURE__*/foldNodeProp.add({
-      "Block ClassBody SwitchBody EnumBody ObjectExpression ArrayExpression": foldInside,
+      "Block ClassBody SwitchBody EnumBody ObjectExpression ArrayExpression ObjectType": foldInside,
       BlockComment(tree) {
         return {
           from: tree.from + 2,
@@ -4575,24 +4650,37 @@ const javascriptLanguage = /*@__PURE__*/LRLanguage.define({
     wordChars: "$"
   }
 });
+const jsxSublanguage = {
+  test: node => /^JSX/.test(node.name),
+  facet: /*@__PURE__*/defineLanguageFacet({
+    commentTokens: {
+      block: {
+        open: "{/*",
+        close: "*/}"
+      }
+    }
+  })
+};
 /**
 A language provider for TypeScript.
 */
 const typescriptLanguage = /*@__PURE__*/javascriptLanguage.configure({
   dialect: "ts"
-});
+}, "typescript");
 /**
 Language provider for JSX.
 */
 const jsxLanguage = /*@__PURE__*/javascriptLanguage.configure({
-  dialect: "jsx"
+  dialect: "jsx",
+  props: [/*@__PURE__*/sublanguageProp.add(n => n.isTop ? [jsxSublanguage] : undefined)]
 });
 /**
 Language provider for JSX + TypeScript.
 */
 const tsxLanguage = /*@__PURE__*/javascriptLanguage.configure({
-  dialect: "jsx ts"
-});
+  dialect: "jsx ts",
+  props: [/*@__PURE__*/sublanguageProp.add(n => n.isTop ? [jsxSublanguage] : undefined)]
+}, "typescript");
 const keywords = /*@__PURE__*/"break case const continue default delete export extends false finally in instanceof let new return static super switch this throw true typeof var yield".split(" ").map(kw => ({
   label: kw,
   type: "keyword"
@@ -4610,11 +4698,22 @@ function javascript() {
     autocomplete: localCompletionSource
   }), config.jsx ? autoCloseTags$1 : []]);
 }
+function findOpenTag(node) {
+  for (;;) {
+    if (node.name == "JSXOpenTag" || node.name == "JSXSelfClosingTag" || node.name == "JSXFragmentTag") return node;
+    if (node.name == "JSXEscape" || !node.parent) return null;
+    node = node.parent;
+  }
+}
 function elementName$1(doc, tree) {
   let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : doc.length;
-  if (!tree) return "";
-  let name = tree.getChild("JSXIdentifier");
-  return name ? doc.sliceString(name.from, Math.min(name.to, max)) : "";
+  for (let ch = tree === null || tree === void 0 ? void 0 : tree.firstChild; ch; ch = ch.nextSibling) {
+    if (ch.name == "JSXIdentifier" || ch.name == "JSXBuiltin" || ch.name == "JSXNamespacedName" || ch.name == "JSXMemberExpression") return doc.sliceString(ch.from, Math.min(ch.to, max));
+  }
+  return "";
+}
+function isEndTag(node) {
+  return node && (node.name == "JSXEndTag" || node.name == "JSXSelfCloseEndTag");
 }
 const android = typeof navigator == "object" && /*@__PURE__*/ /Android\b/.test(navigator.userAgent);
 /**
@@ -4627,33 +4726,25 @@ const autoCloseTags$1 = /*@__PURE__*/EditorView.inputHandler.of((view, from, to,
     state
   } = view;
   let changes = state.changeByRange(range => {
-    var _a, _b, _c;
+    var _a;
     let {
         head
       } = range,
       around = syntaxTree(state).resolveInner(head, -1),
       name;
     if (around.name == "JSXStartTag") around = around.parent;
-    if (text == ">" && around.name == "JSXFragmentTag") {
+    if (around.name == "JSXAttributeValue" && around.to > head) ;else if (text == ">" && around.name == "JSXFragmentTag") {
       return {
         range: EditorSelection.cursor(head + 1),
         changes: {
           from: head,
-          insert: `><>`
-        }
-      };
-    } else if (text == ">" && around.name == "JSXIdentifier") {
-      if (((_b = (_a = around.parent) === null || _a === void 0 ? void 0 : _a.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "JSXEndTag" && (name = elementName$1(state.doc, around.parent, head))) return {
-        range: EditorSelection.cursor(head + 1),
-        changes: {
-          from: head,
-          insert: `></${name}>`
+          insert: `></>`
         }
       };
     } else if (text == "/" && around.name == "JSXFragmentTag") {
       let empty = around.parent,
         base = empty === null || empty === void 0 ? void 0 : empty.parent;
-      if (empty.from == head - 1 && ((_c = base.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "JSXEndTag" && (name = elementName$1(state.doc, base === null || base === void 0 ? void 0 : base.firstChild, head))) {
+      if (empty.from == head - 1 && ((_a = base.lastChild) === null || _a === void 0 ? void 0 : _a.name) != "JSXEndTag" && (name = elementName$1(state.doc, base === null || base === void 0 ? void 0 : base.firstChild, head))) {
         let insert = `/${name}>`;
         return {
           range: EditorSelection.cursor(head + insert.length),
@@ -4663,6 +4754,15 @@ const autoCloseTags$1 = /*@__PURE__*/EditorView.inputHandler.of((view, from, to,
           }
         };
       }
+    } else if (text == ">") {
+      let openTag = findOpenTag(around);
+      if (openTag && !isEndTag(openTag.lastChild) && state.sliceDoc(head, head + 2) != "</" && (name = elementName$1(state.doc, openTag, head))) return {
+        range: EditorSelection.cursor(head + 1),
+        changes: {
+          from: head,
+          insert: `></${name}>`
+        }
+      };
     }
     return {
       range
@@ -4694,9 +4794,7 @@ const Tags = {
     }
   },
   abbr: S,
-  acronym: S,
   address: S,
-  applet: S,
   area: {
     attrs: {
       alt: null,
@@ -4730,10 +4828,8 @@ const Tags = {
       target: Targets
     }
   },
-  basefont: S,
   bdi: S,
   bdo: S,
-  big: S,
   blockquote: {
     attrs: {
       cite: null
@@ -4817,7 +4913,6 @@ const Tags = {
     }
   },
   dfn: S,
-  dir: S,
   div: S,
   dl: S,
   dt: S,
@@ -4844,7 +4939,6 @@ const Tags = {
   },
   figcaption: S,
   figure: S,
-  font: S,
   footer: S,
   form: {
     attrs: {
@@ -4858,8 +4952,6 @@ const Tags = {
       target: Targets
     }
   },
-  frame: S,
-  frameset: S,
   h1: S,
   h2: S,
   h3: S,
@@ -5003,7 +5095,6 @@ const Tags = {
     }
   },
   nav: S,
-  noframes: S,
   noscript: S,
   object: {
     attrs: {
@@ -5068,7 +5159,6 @@ const Tags = {
   rp: S,
   rt: S,
   ruby: S,
-  s: S,
   samp: S,
   script: {
     attrs: {
@@ -5104,7 +5194,6 @@ const Tags = {
     }
   },
   span: S,
-  strike: S,
   strong: S,
   style: {
     attrs: {
@@ -5168,8 +5257,6 @@ const Tags = {
       srclang: null
     }
   },
-  tt: S,
-  u: S,
   ul: {
     children: ["li", "script", "template", "ul", "ol"]
   },
@@ -5214,7 +5301,6 @@ const GlobalAttrs = {
   tabindex: null,
   title: null,
   translate: ["yes", "no"],
-  onclick: null,
   rel: ["stylesheet", "alternate", "author", "bookmark", "help", "license", "next", "nofollow", "noreferrer", "prefetch", "prev", "search", "tag"],
   role: /*@__PURE__*/"alert application article banner button cell checkbox complementary contentinfo dialog document feed figure form grid gridcell heading img list listbox listitem main navigation region row rowgroup search switch tab table tabpanel textbox timer".split(" "),
   "aria-activedescendant": null,
@@ -5252,6 +5338,8 @@ const GlobalAttrs = {
   "aria-valuenow": null,
   "aria-valuetext": null
 };
+const eventAttributes = /*@__PURE__*/("beforeunload copy cut dragstart dragover dragleave dragenter dragend " + "drag paste focus blur change click load mousedown mouseenter mouseleave " + "mouseup keydown keyup resize scroll unload").split(" ").map(n => "on" + n);
+for (let a of eventAttributes) GlobalAttrs[a] = null;
 class Schema {
   constructor(extraTags, extraAttrs) {
     this.tags = Object.assign(Object.assign({}, Tags), extraTags);
@@ -5342,7 +5430,8 @@ function completeStartTag(state, schema, tree, pos) {
 function completeAttrName(state, schema, tree, from, to) {
   let elt = findParentElement(tree),
     info = elt ? schema.tags[elementName(state.doc, elt)] : null;
-  let names = info && info.attrs ? Object.keys(info.attrs).concat(schema.globalAttrNames) : schema.globalAttrNames;
+  let localAttrs = info && info.attrs ? Object.keys(info.attrs) : [];
+  let names = info && info.globalAttrs === false ? localAttrs : localAttrs.length ? localAttrs.concat(schema.globalAttrNames) : schema.globalAttrNames;
   return {
     from,
     to,
@@ -5434,14 +5523,48 @@ function htmlCompletionSourceWith(config) {
   let schema = extraAttrs || extraTags ? new Schema(extraTags, extraAttrs) : Schema.default;
   return context => htmlCompletionFor(schema, context);
 }
-
+const defaultNesting = [{
+  tag: "script",
+  attrs: attrs => attrs.type == "text/typescript" || attrs.lang == "ts",
+  parser: typescriptLanguage.parser
+}, {
+  tag: "script",
+  attrs: attrs => attrs.type == "text/babel" || attrs.type == "text/jsx",
+  parser: jsxLanguage.parser
+}, {
+  tag: "script",
+  attrs: attrs => attrs.type == "text/typescript-jsx",
+  parser: tsxLanguage.parser
+}, {
+  tag: "script",
+  attrs(attrs) {
+    return !attrs.type || /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i.test(attrs.type);
+  },
+  parser: javascriptLanguage.parser
+}, {
+  tag: "style",
+  attrs(attrs) {
+    return (!attrs.lang || attrs.lang == "css") && (!attrs.type || /^(text\/)?(x-)?(stylesheet|css)$/i.test(attrs.type));
+  },
+  parser: cssLanguage.parser
+}];
+const defaultAttrs = /*@__PURE__*/[{
+  name: "style",
+  parser: /*@__PURE__*/cssLanguage.parser.configure({
+    top: "Styles"
+  })
+}].concat( /*@__PURE__*/eventAttributes.map(name => ({
+  name,
+  parser: javascriptLanguage.parser
+})));
 /**
 A language provider based on the [Lezer HTML
 parser](https://github.com/lezer-parser/html), extended with the
 JavaScript and CSS parsers to parse the content of `<script>` and
 `<style>` tags.
 */
-const htmlLanguage = /*@__PURE__*/LRLanguage.define({
+const htmlPlain = /*@__PURE__*/LRLanguage.define({
+  name: "html",
   parser: /*@__PURE__*/parser$4.configure({
     props: [/*@__PURE__*/indentNodeProp.add({
       Element(context) {
@@ -5474,20 +5597,9 @@ const htmlLanguage = /*@__PURE__*/LRLanguage.define({
           to: last.name == "CloseTag" ? last.from : node.to
         };
       }
-    })],
-    wrap: /*@__PURE__*/configureNesting([{
-      tag: "script",
-      attrs(attrs) {
-        return !attrs.type || /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i.test(attrs.type);
-      },
-      parser: javascriptLanguage.parser
-    }, {
-      tag: "style",
-      attrs(attrs) {
-        return (!attrs.lang || attrs.lang == "css") && (!attrs.type || /^(text\/)?(x-)?(stylesheet|css)$/i.test(attrs.type));
-      },
-      parser: cssLanguage.parser
-    }])
+    }), /*@__PURE__*/bracketMatchingHandle.add({
+      "OpenTag CloseTag": node => node.getChild("TagName")
+    })]
   }),
   languageData: {
     commentTokens: {
@@ -5501,20 +5613,37 @@ const htmlLanguage = /*@__PURE__*/LRLanguage.define({
   }
 });
 /**
+A language provider based on the [Lezer HTML
+parser](https://github.com/lezer-parser/html), extended with the
+JavaScript and CSS parsers to parse the content of `<script>` and
+`<style>` tags.
+*/
+const htmlLanguage = /*@__PURE__*/htmlPlain.configure({
+  wrap: /*@__PURE__*/configureNesting(defaultNesting, defaultAttrs)
+});
+/**
 Language support for HTML, including
 [`htmlCompletion`](https://codemirror.net/6/docs/ref/#lang-html.htmlCompletion) and JavaScript and
 CSS support extensions.
 */
 function html() {
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let lang = htmlLanguage;
-  if (config.matchClosingTags === false) lang = lang.configure({
-    dialect: "noMatch"
-  });
+  let dialect = "",
+    wrap;
+  if (config.matchClosingTags === false) dialect = "noMatch";
+  if (config.selfClosingTags === true) dialect = (dialect ? dialect + " " : "") + "selfClosing";
+  if (config.nestedLanguages && config.nestedLanguages.length || config.nestedAttributes && config.nestedAttributes.length) wrap = configureNesting((config.nestedLanguages || []).concat(defaultNesting), (config.nestedAttributes || []).concat(defaultAttrs));
+  let lang = wrap ? htmlPlain.configure({
+    wrap,
+    dialect
+  }) : dialect ? htmlLanguage.configure({
+    dialect
+  }) : htmlLanguage;
   return new LanguageSupport(lang, [htmlLanguage.data.of({
     autocomplete: htmlCompletionSourceWith(config)
   }), config.autoCloseTags !== false ? autoCloseTags : [], javascript().support, css().support]);
 }
+const selfClosers = /*@__PURE__*/new Set( /*@__PURE__*/"area base br col command embed frame hr img input keygen link meta param source track wbr menuitem".split(" "));
 /**
 Extension that will automatically insert close tags when a `>` or
 `/` is typed.
@@ -5533,20 +5662,26 @@ const autoCloseTags = /*@__PURE__*/EditorView.inputHandler.of((view, from, to, t
       name;
     if (around.name == "TagName" || around.name == "StartTag") around = around.parent;
     if (text == ">" && around.name == "OpenTag") {
-      if (((_b = (_a = around.parent) === null || _a === void 0 ? void 0 : _a.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" && (name = elementName(state.doc, around.parent, head))) return {
-        range: EditorSelection.cursor(head + 1),
-        changes: {
-          from: head,
-          insert: `></${name}>`
-        }
-      };
+      if (((_b = (_a = around.parent) === null || _a === void 0 ? void 0 : _a.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" && (name = elementName(state.doc, around.parent, head)) && !selfClosers.has(name)) {
+        let hasRightBracket = view.state.doc.sliceString(head, head + 1) === ">";
+        let insert = `${hasRightBracket ? "" : ">"}</${name}>`;
+        return {
+          range: EditorSelection.cursor(head + 1),
+          changes: {
+            from: head + (hasRightBracket ? 1 : 0),
+            insert
+          }
+        };
+      }
     } else if (text == "/" && around.name == "OpenTag") {
       let empty = around.parent,
         base = empty === null || empty === void 0 ? void 0 : empty.parent;
-      if (empty.from == head - 1 && ((_c = base.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" && (name = elementName(state.doc, base, head))) {
-        let insert = `/${name}>`;
+      if (empty.from == head - 1 && ((_c = base.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" && (name = elementName(state.doc, base, head)) && !selfClosers.has(name)) {
+        let hasRightBracket = view.state.doc.sliceString(head, head + 1) === ">";
+        let insert = `/${name}${hasRightBracket ? "" : ">"}`;
+        let pos = head + insert.length + (hasRightBracket ? 1 : 0);
         return {
-          range: EditorSelection.cursor(head + insert.length),
+          range: EditorSelection.cursor(pos),
           changes: {
             from: head,
             insert
@@ -5601,6 +5736,7 @@ const parser$1 = LRParser.deserialize({
 A language provider that provides JSON parsing.
 */
 const jsonLanguage = /*@__PURE__*/LRLanguage.define({
+  name: "json",
   parser: /*@__PURE__*/parser$1.configure({
     props: [/*@__PURE__*/indentNodeProp.add({
       Object: /*@__PURE__*/continuedIndent({
@@ -7477,26 +7613,55 @@ const Emoji = {
 };
 
 const data = /*@__PURE__*/defineLanguageFacet({
-  block: {
-    open: "<!--",
-    close: "-->"
+  commentTokens: {
+    block: {
+      open: "<!--",
+      close: "-->"
+    }
   }
 });
+const headingProp = /*@__PURE__*/new NodeProp();
 const commonmark = /*@__PURE__*/parser.configure({
   props: [/*@__PURE__*/foldNodeProp.add(type => {
-    if (!type.is("Block") || type.is("Document")) return undefined;
-    return (tree, state) => ({
+    return !type.is("Block") || type.is("Document") || isHeading(type) != null ? undefined : (tree, state) => ({
       from: state.doc.lineAt(tree.from).to,
       to: tree.to
     });
-  }), /*@__PURE__*/indentNodeProp.add({
+  }), /*@__PURE__*/headingProp.add(isHeading), /*@__PURE__*/indentNodeProp.add({
     Document: () => null
   }), /*@__PURE__*/languageDataProp.add({
     Document: data
   })]
 });
+function isHeading(type) {
+  let match = /^(?:ATX|Setext)Heading(\d)$/.exec(type.name);
+  return match ? +match[1] : undefined;
+}
+function findSectionEnd(headerNode, level) {
+  let last = headerNode;
+  for (;;) {
+    let next = last.nextSibling,
+      heading;
+    if (!next || (heading = isHeading(next.type)) != null && heading <= level) break;
+    last = next;
+  }
+  return last.to;
+}
+const headerIndent = /*@__PURE__*/foldService.of((state, start, end) => {
+  for (let node = syntaxTree(state).resolveInner(end, -1); node; node = node.parent) {
+    if (node.from < start) break;
+    let heading = node.type.prop(headingProp);
+    if (heading == null) continue;
+    let upto = findSectionEnd(node, heading);
+    if (upto > end) return {
+      from: end,
+      to: upto
+    };
+  }
+  return null;
+});
 function mkLang(parser) {
-  return new Language(data, parser);
+  return new Language(data, parser, [headerIndent], "markdown");
 }
 /**
 Language support for strict CommonMark.
@@ -7520,9 +7685,6 @@ function getCodeParser(languages, defaultLanguage) {
     return defaultLanguage ? defaultLanguage.parser : null;
   };
 }
-function nodeStart(node, doc) {
-  return doc.sliceString(node.from, node.from + 50);
-}
 class Context {
   constructor(node, from, to, spaceBefore, spaceAfter, type, item) {
     this.node = node;
@@ -7533,41 +7695,46 @@ class Context {
     this.type = type;
     this.item = item;
   }
-  blank() {
-    let trailing = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    let result = this.spaceBefore;
-    if (this.node.name == "Blockquote") result += ">";else for (let i = this.to - this.from - result.length - this.spaceAfter.length; i > 0; i--) result += " ";
-    return result + (trailing ? this.spaceAfter : "");
+  blank(maxWidth) {
+    let trailing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let result = this.spaceBefore + (this.node.name == "Blockquote" ? ">" : "");
+    if (maxWidth != null) {
+      while (result.length < maxWidth) result += " ";
+      return result;
+    } else {
+      for (let i = this.to - this.from - result.length - this.spaceAfter.length; i > 0; i--) result += " ";
+      return result + (trailing ? this.spaceAfter : "");
+    }
   }
   marker(doc, add) {
     let number = this.node.name == "OrderedList" ? String(+itemNumber(this.item, doc)[2] + add) : "";
     return this.spaceBefore + number + this.type + this.spaceAfter;
   }
 }
-function getContext(node, line, doc) {
+function getContext(node, doc) {
   let nodes = [];
   for (let cur = node; cur && cur.name != "Document"; cur = cur.parent) {
-    if (cur.name == "ListItem" || cur.name == "Blockquote") nodes.push(cur);
+    if (cur.name == "ListItem" || cur.name == "Blockquote" || cur.name == "FencedCode") nodes.push(cur);
   }
-  let context = [],
-    pos = 0;
+  let context = [];
   for (let i = nodes.length - 1; i >= 0; i--) {
     let node = nodes[i],
-      match,
-      start = pos;
-    if (node.name == "Blockquote" && (match = /^[ \t]*>( ?)/.exec(line.slice(pos)))) {
-      pos += match[0].length;
-      context.push(new Context(node, start, pos, "", match[1], ">", null));
-    } else if (node.name == "ListItem" && node.parent.name == "OrderedList" && (match = /^([ \t]*)\d+([.)])([ \t]*)/.exec(nodeStart(node, doc)))) {
+      match;
+    let line = doc.lineAt(node.from),
+      startPos = node.from - line.from;
+    if (node.name == "FencedCode") {
+      context.push(new Context(node, startPos, startPos, "", "", "", null));
+    } else if (node.name == "Blockquote" && (match = /^[ \t]*>( ?)/.exec(line.text.slice(startPos)))) {
+      context.push(new Context(node, startPos, startPos + match[0].length, "", match[1], ">", null));
+    } else if (node.name == "ListItem" && node.parent.name == "OrderedList" && (match = /^([ \t]*)\d+([.)])([ \t]*)/.exec(line.text.slice(startPos)))) {
       let after = match[3],
         len = match[0].length;
       if (after.length >= 4) {
         after = after.slice(0, after.length - 4);
         len -= 4;
       }
-      pos += len;
-      context.push(new Context(node.parent, start, pos, match[1], after, match[2], node));
-    } else if (node.name == "ListItem" && node.parent.name == "BulletList" && (match = /^([ \t]*)([-+*])([ \t]{1,4}\[[ xX]\])?([ \t]+)/.exec(nodeStart(node, doc)))) {
+      context.push(new Context(node.parent, startPos, startPos + len, match[1], after, match[2], node));
+    } else if (node.name == "ListItem" && node.parent.name == "BulletList" && (match = /^([ \t]*)([-+*])([ \t]{1,4}\[[ xX]\])?([ \t]+)/.exec(line.text.slice(startPos)))) {
       let after = match[4],
         len = match[0].length;
       if (after.length > 4) {
@@ -7576,8 +7743,7 @@ function getContext(node, line, doc) {
       }
       let type = match[2];
       if (match[3]) type += match[3].replace(/[xX]/, ' ');
-      pos += len;
-      context.push(new Context(node.parent, start, pos, match[1], after, type, node));
+      context.push(new Context(node.parent, startPos, startPos + len, match[1], after, type, node));
     }
   }
   return context;
@@ -7633,7 +7799,7 @@ const insertNewlineContinueMarkup = _ref => {
       };
       let pos = range.from,
         line = doc.lineAt(pos);
-      let context = getContext(tree.resolveInner(pos, -1), line.text, doc);
+      let context = getContext(tree.resolveInner(pos, -1), doc);
       while (context.length && context[context.length - 1].from > pos - line.from) context.pop();
       if (!context.length) return dont = {
         range
@@ -7671,7 +7837,9 @@ const insertNewlineContinueMarkup = _ref => {
         } else {
           // Move this line down
           let insert = "";
-          for (let i = 0, e = context.length - 2; i <= e; i++) insert += context[i].blank(i < e);
+          for (let i = 0, e = context.length - 2; i <= e; i++) {
+            insert += context[i].blank(i < e ? context[i + 1].from - insert.length : null, i < e);
+          }
           insert += state.lineBreak;
           return {
             range: EditorSelection.cursor(pos + insert.length),
@@ -7702,14 +7870,17 @@ const insertNewlineContinueMarkup = _ref => {
       }
       let changes = [];
       if (inner.node.name == "OrderedList") renumberList(inner.item, doc, changes);
-      let insert = state.lineBreak;
       let continued = inner.item && inner.item.from < line.from;
+      let insert = "";
       // If not dedented
       if (!continued || /^[\s\d.)\-+*>]*/.exec(line.text)[0].length >= inner.to) {
-        for (let i = 0, e = context.length - 1; i <= e; i++) insert += i == e && !continued ? context[i].marker(doc, 1) : context[i].blank();
+        for (let i = 0, e = context.length - 1; i <= e; i++) {
+          insert += i == e && !continued ? context[i].marker(doc, 1) : context[i].blank(i < e ? context[i + 1].from - insert.length : null);
+        }
       }
       let from = pos;
       while (from > line.from && /\s/.test(line.text.charAt(from - line.from - 1))) from--;
+      insert = state.lineBreak + insert;
       changes.push({
         from,
         to: pos,
@@ -7774,7 +7945,7 @@ const deleteMarkupBackward = _ref2 => {
         } = state;
       if (range.empty && markdownLanguage.isActiveAt(state, range.from)) {
         let line = doc.lineAt(pos);
-        let context = getContext(contextNodeForDelete(tree, pos), line.text, doc);
+        let context = getContext(contextNodeForDelete(tree, pos), doc);
         if (context.length) {
           let inner = context[context.length - 1];
           let spaceEnd = inner.to - inner.spaceAfter.length + (inner.spaceAfter ? 1 : 0);
@@ -7786,7 +7957,11 @@ const deleteMarkupBackward = _ref2 => {
               to: pos
             }
           };
-          if (pos - line.from == spaceEnd) {
+          if (pos - line.from == spaceEnd && (
+          // Only apply this if we're on the line that has the
+          // construct's syntax, or there's only indentation in the
+          // target range
+          !inner.item || line.from <= inner.item.from || !/\S/.test(line.text.slice(0, inner.to)))) {
             let start = line.from + inner.from;
             // Replace a list item marker with blank space
             if (inner.item && inner.node.from < inner.item.from && /\S/.test(line.text.slice(inner.from, inner.to))) return {
@@ -7794,7 +7969,7 @@ const deleteMarkupBackward = _ref2 => {
               changes: {
                 from: start,
                 to: line.from + inner.to,
-                insert: inner.blank()
+                insert: inner.blank(inner.to - inner.from)
               }
             };
             // Delete one level of indentation
@@ -7868,23 +8043,4 @@ function markdown() {
   return new LanguageSupport(mkLang(parser.configure(extensions)), support);
 }
 
-const JS = javascript({
-  typescript: false
-});
-const TS = javascript({
-  typescript: true
-});
-const CSS = css();
-const HTML = html();
-const JSON$1 = json();
-const MD = markdown();
-var languages = {
-  [OrCodeLanguages.JS]: JS,
-  [OrCodeLanguages.TS]: TS,
-  [OrCodeLanguages.CSS]: CSS,
-  [OrCodeLanguages.HTML]: HTML,
-  [OrCodeLanguages.JSON]: JSON$1,
-  [OrCodeLanguages.MD]: MD
-};
-
-export { CSS as C, HTML as H, JS as J, MD as M, TS as T, autocompletion as a, closeBracketsKeymap as b, closeBrackets as c, completionKeymap as d, JSON$1 as e, languages as l };
+export { javascript as a, closeBrackets as b, css as c, autocompletion as d, closeBracketsKeymap as e, completionKeymap as f, html as h, json as j, markdown as m };