@mittwald/flow-react-components 0.2.0-alpha.781 → 0.2.0-alpha.782

package/dist/js/packages/components/src/components/CodeEditor/hooks/useCodeEditorExtensions.mjs

@@ -1,52 +1,34 @@
 "use client"
 /* */
-import { lineNumbers } from '@uiw/react-codemirror';
-import { lintGutter } from '@codemirror/lint';
-import supportedCodeEditorLanguages from '../languages/index.mjs';
-import { indentationMarkers } from '@replit/codemirror-indentation-markers';
-import { foldGutter } from '@codemirror/language';
-import { gutterSpacer } from '../extensions/gutterSpacer.mjs';
-
-const useCodeEditorExtensions = (language, extensions = [], options = {
-  showCodeFolding: true,
-  showCodeIndentationMakers: true,
-  showLineNumbers: true,
-  showLinterMarkers: true
+import supportedCodeEditorLanguages from "../languages/index.mjs";
+import { gutterSpacer } from "../extensions/gutterSpacer.mjs";
+import { lineNumbers } from "@uiw/react-codemirror";
+import { foldGutter } from "@codemirror/language";
+import { lintGutter } from "@codemirror/lint";
+import { indentationMarkers } from "@replit/codemirror-indentation-markers";
+//#region src/components/CodeEditor/hooks/useCodeEditorExtensions.tsx
+/** @internal */
+var useCodeEditorExtensions = (language, extensions = [], options = {
+	showCodeFolding: true,
+	showCodeIndentationMakers: true,
+	showLineNumbers: true,
+	showLinterMarkers: true
 }) => {
-  if (options.showLineNumbers) {
-    extensions.push(lineNumbers());
-  }
-  if (options.showCodeFolding) {
-    extensions.push(
-      foldGutter({
-        markerDOM: (open) => {
-          const element = document.createElement("span");
-          element.classList.add("cm-foldGutter");
-          element.classList.add(
-            open ? "cm-foldGutter-open" : "cm-foldGutter-closed"
-          );
-          element.innerText = open ? "⌄" : "›";
-          return element;
-        }
-      })
-    );
-  }
-  if (options.showLinterMarkers) {
-    extensions.push(lintGutter());
-  }
-  if (options.showLineNumbers && (!options.showCodeFolding || !options.showLinterMarkers)) {
-    extensions.push(gutterSpacer());
-  }
-  if (options.showCodeIndentationMakers) {
-    extensions.push(indentationMarkers());
-  }
-  if (language) {
-    supportedCodeEditorLanguages[language]?.map(
-      (loader) => extensions.push(loader())
-    );
-  }
-  return extensions;
+	if (options.showLineNumbers) extensions.push(lineNumbers());
+	if (options.showCodeFolding) extensions.push(foldGutter({ markerDOM: (open) => {
+		const element = document.createElement("span");
+		element.classList.add("cm-foldGutter");
+		element.classList.add(open ? "cm-foldGutter-open" : "cm-foldGutter-closed");
+		element.innerText = open ? "⌄" : "›";
+		return element;
+	} }));
+	if (options.showLinterMarkers) extensions.push(lintGutter());
+	if (options.showLineNumbers && (!options.showCodeFolding || !options.showLinterMarkers)) extensions.push(gutterSpacer());
+	if (options.showCodeIndentationMakers) extensions.push(indentationMarkers());
+	if (language) supportedCodeEditorLanguages[language]?.map((loader) => extensions.push(loader()));
+	return extensions;
 };
-
+//#endregion
 export { useCodeEditorExtensions };
-//# sourceMappingURL=useCodeEditorExtensions.mjs.map
+
+//# sourceMappingURL=useCodeEditorExtensions.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/hooks/useCodeEditorExtensions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCodeEditorExtensions.mjs","sources":["../../../../../../../../src/components/CodeEditor/hooks/useCodeEditorExtensions.tsx"],"sourcesContent":["import { type Extension, lineNumbers } from \"@uiw/react-codemirror\";\nimport { lintGutter } from \"@codemirror/lint\";\nimport supportedCodeEditorLanguages, {\n  type CodeEditorLanguage,\n} from \"@/components/CodeEditor/languages\";\nimport { indentationMarkers } from \"@replit/codemirror-indentation-markers\";\nimport { foldGutter } from \"@codemirror/language\";\nimport { gutterSpacer } from \"@/components/CodeEditor/extensions/gutterSpacer\";\n\n/** @internal */\nexport interface CodeEditorSetup {\n  showActiveLineMarker?: boolean;\n  showCodeFolding?: boolean;\n  showCodeIndentationMakers?: boolean;\n  showLineNumbers?: boolean;\n  showLinterMarkers?: boolean;\n}\n\n/** @internal */\nexport const useCodeEditorExtensions = (\n  language?: CodeEditorLanguage,\n  extensions: Extension[] = [],\n  options: CodeEditorSetup = {\n    showCodeFolding: true,\n    showCodeIndentationMakers: true,\n    showLineNumbers: true,\n    showLinterMarkers: true,\n  },\n) => {\n  if (options.showLineNumbers) {\n    extensions.push(lineNumbers());\n  }\n\n  if (options.showCodeFolding) {\n    extensions.push(\n      foldGutter({\n        markerDOM: (open) => {\n          const element = document.createElement(\"span\");\n          element.classList.add(\"cm-foldGutter\");\n          element.classList.add(\n            open ? \"cm-foldGutter-open\" : \"cm-foldGutter-closed\",\n          );\n          element.innerText = open ? \"⌄\" : \"›\";\n          return element;\n        },\n      }),\n    );\n  }\n\n  if (options.showLinterMarkers) {\n    extensions.push(lintGutter());\n  }\n\n  if (\n    options.showLineNumbers &&\n    (!options.showCodeFolding || !options.showLinterMarkers)\n  ) {\n    extensions.push(gutterSpacer());\n  }\n\n  if (options.showCodeIndentationMakers) {\n    extensions.push(indentationMarkers());\n  }\n\n  if (language) {\n    supportedCodeEditorLanguages[language]?.map((loader) =>\n      extensions.push(loader()),\n    );\n  }\n\n  return extensions;\n};\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,0BAA0B,CACrC,QAAA,EACA,UAAA,GAA0B,IAC1B,OAAA,GAA2B;AAAA,EACzB,eAAA,EAAiB,IAAA;AAAA,EACjB,yBAAA,EAA2B,IAAA;AAAA,EAC3B,eAAA,EAAiB,IAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB,CAAA,KACG;AACH,EAAA,IAAI,QAAQ,eAAA,EAAiB;AAC3B,IAAA,UAAA,CAAW,IAAA,CAAK,aAAa,CAAA;AAAA,EAC/B;AAEA,EAAA,IAAI,QAAQ,eAAA,EAAiB;AAC3B,IAAA,UAAA,CAAW,IAAA;AAAA,MACT,UAAA,CAAW;AAAA,QACT,SAAA,EAAW,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,OAAA,GAAU,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA;AAC7C,UAAA,OAAA,CAAQ,SAAA,CAAU,IAAI,eAAe,CAAA;AACrC,UAAA,OAAA,CAAQ,SAAA,CAAU,GAAA;AAAA,YAChB,OAAO,oBAAA,GAAuB;AAAA,WAChC;AACA,UAAA,OAAA,CAAQ,SAAA,GAAY,OAAO,GAAA,GAAM,GAAA;AACjC,UAAA,OAAO,OAAA;AAAA,QACT;AAAA,OACD;AAAA,KACH;AAAA,EACF;AAEA,EAAA,IAAI,QAAQ,iBAAA,EAAmB;AAC7B,IAAA,UAAA,CAAW,IAAA,CAAK,YAAY,CAAA;AAAA,EAC9B;AAEA,EAAA,IACE,QAAQ,eAAA,KACP,CAAC,QAAQ,eAAA,IAAmB,CAAC,QAAQ,iBAAA,CAAA,EACtC;AACA,IAAA,UAAA,CAAW,IAAA,CAAK,cAAc,CAAA;AAAA,EAChC;AAEA,EAAA,IAAI,QAAQ,yBAAA,EAA2B;AACrC,IAAA,UAAA,CAAW,IAAA,CAAK,oBAAoB,CAAA;AAAA,EACtC;AAEA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,4BAAA,CAA6B,QAAQ,CAAA,EAAG,GAAA;AAAA,MAAI,CAAC,MAAA,KAC3C,UAAA,CAAW,IAAA,CAAK,QAAQ;AAAA,KAC1B;AAAA,EACF;AAEA,EAAA,OAAO,UAAA;AACT;;;;"}
+{"version":3,"file":"useCodeEditorExtensions.mjs","names":[],"sources":["../../../../../../../../src/components/CodeEditor/hooks/useCodeEditorExtensions.tsx"],"sourcesContent":["import { type Extension, lineNumbers } from \"@uiw/react-codemirror\";\nimport { lintGutter } from \"@codemirror/lint\";\nimport supportedCodeEditorLanguages, {\n  type CodeEditorLanguage,\n} from \"@/components/CodeEditor/languages\";\nimport { indentationMarkers } from \"@replit/codemirror-indentation-markers\";\nimport { foldGutter } from \"@codemirror/language\";\nimport { gutterSpacer } from \"@/components/CodeEditor/extensions/gutterSpacer\";\n\n/** @internal */\nexport interface CodeEditorSetup {\n  showActiveLineMarker?: boolean;\n  showCodeFolding?: boolean;\n  showCodeIndentationMakers?: boolean;\n  showLineNumbers?: boolean;\n  showLinterMarkers?: boolean;\n}\n\n/** @internal */\nexport const useCodeEditorExtensions = (\n  language?: CodeEditorLanguage,\n  extensions: Extension[] = [],\n  options: CodeEditorSetup = {\n    showCodeFolding: true,\n    showCodeIndentationMakers: true,\n    showLineNumbers: true,\n    showLinterMarkers: true,\n  },\n) => {\n  if (options.showLineNumbers) {\n    extensions.push(lineNumbers());\n  }\n\n  if (options.showCodeFolding) {\n    extensions.push(\n      foldGutter({\n        markerDOM: (open) => {\n          const element = document.createElement(\"span\");\n          element.classList.add(\"cm-foldGutter\");\n          element.classList.add(\n            open ? \"cm-foldGutter-open\" : \"cm-foldGutter-closed\",\n          );\n          element.innerText = open ? \"⌄\" : \"›\";\n          return element;\n        },\n      }),\n    );\n  }\n\n  if (options.showLinterMarkers) {\n    extensions.push(lintGutter());\n  }\n\n  if (\n    options.showLineNumbers &&\n    (!options.showCodeFolding || !options.showLinterMarkers)\n  ) {\n    extensions.push(gutterSpacer());\n  }\n\n  if (options.showCodeIndentationMakers) {\n    extensions.push(indentationMarkers());\n  }\n\n  if (language) {\n    supportedCodeEditorLanguages[language]?.map((loader) =>\n      extensions.push(loader()),\n    );\n  }\n\n  return extensions;\n};\n"],"mappings":";;;;;;;;AAmBA,IAAa,2BACX,UACA,aAA0B,EAAE,EAC5B,UAA2B;CACzB,iBAAiB;CACjB,2BAA2B;CAC3B,iBAAiB;CACjB,mBAAmB;CACpB,KACE;AACH,KAAI,QAAQ,gBACV,YAAW,KAAK,aAAa,CAAC;AAGhC,KAAI,QAAQ,gBACV,YAAW,KACT,WAAW,EACT,YAAY,SAAS;EACnB,MAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,UAAQ,UAAU,IAAI,gBAAgB;AACtC,UAAQ,UAAU,IAChB,OAAO,uBAAuB,uBAC/B;AACD,UAAQ,YAAY,OAAO,MAAM;AACjC,SAAO;IAEV,CAAC,CACH;AAGH,KAAI,QAAQ,kBACV,YAAW,KAAK,YAAY,CAAC;AAG/B,KACE,QAAQ,oBACP,CAAC,QAAQ,mBAAmB,CAAC,QAAQ,mBAEtC,YAAW,KAAK,cAAc,CAAC;AAGjC,KAAI,QAAQ,0BACV,YAAW,KAAK,oBAAoB,CAAC;AAGvC,KAAI,SACF,8BAA6B,WAAW,KAAK,WAC3C,WAAW,KAAK,QAAQ,CAAC,CAC1B;AAGH,QAAO"}

package/dist/js/packages/components/src/components/CodeEditor/index.mjs

@@ -0,0 +1 @@
+import "./CodeEditor.mjs";

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/dotEnv.mjs

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import { LRParser } from "../../../../../../../node_modules/.pnpm/@lezer_lr@1.4.8/node_modules/@lezer/lr/dist/index.mjs";
+//#region src/components/CodeEditor/languages/dotEnv/dotEnv.grammar
+var parser = LRParser.deserialize({
+	version: 14,
+	states: "!vOVQPOOOeQPO'#C`OOQO'#Ci'#CiOjQPO'#C_OOQO'#Cm'#CmOoQPO'#C^QOQPOOO}QQO,58zOOQO,58y,58yOOQO-E6k-E6kOOQO'#Cd'#CdOOQO'#Cg'#CgOOQO'#Cc'#CcOOQO1G.f1G.f",
+	stateData: "!]~OdOS~OTPO^QO`_PbQP~OUVO~O`WO~OTPO^QO`_PbQX~OXYOYYO[ZO`Sa~O",
+	goto: "zbPPcfjPPnqPPqPjPjPtRUOTSOTTROTR]VR[VQTORXT",
+	nodeNames: "⚠ DotenvFile Document Line EnvVarAssignment Identifier Equal Value StringValue SQString DQString BareValue BareValueToken Comment CommentToken BlankLine Newline",
+	maxTerm: 20,
+	skippedNodes: [0],
+	repeatNodeCount: 1,
+	tokenData: "&}~RbXY!ZYZ!f]^!kpq!Zrs!sst#}wx$]{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!_!`&R!b!c%^!c!}&W#R#S&W#T#o&W~!`Qd~XY!Zpq!Z~!kO`~~!pP`~YZ!f~!vYpq!srs#f}!O!s!O!P!s!P!Q!s!Q![!s!c!}!s#O#P#k#R#S!s#T#o!s~#kOY~~#nTrs!s#O#P!s#b#c!s#f#g!s#h#i!s~$SR^~YZ#}]^#}#Q#R#}~$`Ypq$]wx%O}!O$]!O!P$]!P!Q$]!Q![$]!c!}$]#O#P%T#R#S$]#T#o$]~%TOX~~%WQwx$]#O#P$]Q%cY[Q{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!b!c%^!c!}%^#R#S%^#T#o%^~&WOU~R&_Y[QTP{|%^}!O%^!O!P&W!P!Q%^!Q![&W![!]%^!b!c%^!c!}&W#R#S&W#T#o&W",
+	tokenizers: [0, 1],
+	topRules: { "DotenvFile": [0, 1] },
+	tokenPrec: 0
+});
+//#endregion
+export { parser };
+
+//# sourceMappingURL=dotEnv.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/dotEnv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotEnv.mjs","names":[],"sources":["../../../../../../../../../src/components/CodeEditor/languages/dotEnv/dotEnv.grammar"],"sourcesContent":["// This file was generated by lezer-generator. You probably shouldn't edit it.\nimport {LRParser} from \"@lezer/lr\"\nexport const parser = LRParser.deserialize({\n  version: 14,\n  states: \"!vOVQPOOOeQPO'#C`OOQO'#Ci'#CiOjQPO'#C_OOQO'#Cm'#CmOoQPO'#C^QOQPOOO}QQO,58zOOQO,58y,58yOOQO-E6k-E6kOOQO'#Cd'#CdOOQO'#Cg'#CgOOQO'#Cc'#CcOOQO1G.f1G.f\",\n  stateData: \"!]~OdOS~OTPO^QO`_PbQP~OUVO~O`WO~OTPO^QO`_PbQX~OXYOYYO[ZO`Sa~O\",\n  goto: \"zbPPcfjPPnqPPqPjPjPtRUOTSOTTROTR]VR[VQTORXT\",\n  nodeNames: \"⚠ DotenvFile Document Line EnvVarAssignment Identifier Equal Value StringValue SQString DQString BareValue BareValueToken Comment CommentToken BlankLine Newline\",\n  maxTerm: 20,\n  skippedNodes: [0],\n  repeatNodeCount: 1,\n  tokenData: \"&}~RbXY!ZYZ!f]^!kpq!Zrs!sst#}wx$]{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!_!`&R!b!c%^!c!}&W#R#S&W#T#o&W~!`Qd~XY!Zpq!Z~!kO`~~!pP`~YZ!f~!vYpq!srs#f}!O!s!O!P!s!P!Q!s!Q![!s!c!}!s#O#P#k#R#S!s#T#o!s~#kOY~~#nTrs!s#O#P!s#b#c!s#f#g!s#h#i!s~$SR^~YZ#}]^#}#Q#R#}~$`Ypq$]wx%O}!O$]!O!P$]!P!Q$]!Q![$]!c!}$]#O#P%T#R#S$]#T#o$]~%TOX~~%WQwx$]#O#P$]Q%cY[Q{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!b!c%^!c!}%^#R#S%^#T#o%^~&WOU~R&_Y[QTP{|%^}!O%^!O!P&W!P!Q%^!Q![&W![!]%^!b!c%^!c!}&W#R#S&W#T#o&W\",\n  tokenizers: [0, 1],\n  topRules: {\"DotenvFile\":[0,1]},\n  tokenPrec: 0\n})\n"],"mappings":";;AAEA,IAAa,SAAS,SAAS,YAAY;CACzC,SAAS;CACT,QAAQ;CACR,WAAW;CACX,MAAM;CACN,WAAW;CACX,SAAS;CACT,cAAc,CAAC,EAAE;CACjB,iBAAiB;CACjB,WAAW;CACX,YAAY,CAAC,GAAG,EAAE;CAClB,UAAU,EAAC,cAAa,CAAC,GAAE,EAAE,EAAC;CAC9B,WAAW;CACZ,CAAC"}

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/index.mjs

@@ -1,93 +1,83 @@
-import { HighlightStyle, LRLanguage, LanguageSupport, syntaxHighlighting, syntaxTree } from '@codemirror/language';
-import { linter } from '@codemirror/lint';
-import { tags, styleTags } from '@lezer/highlight';
-import { parser } from './dotEnv.grammar.mjs';
-
-const definedStyle = HighlightStyle.define([
-  { tag: tags.variableName, fontWeight: "bold" },
-  { tag: tags.lineComment, fontStyle: "italic" }
-]);
-const envHighlighting = styleTags({
-  Identifier: tags.variableName,
-  Equal: tags.operator,
-  SQString: tags.string,
-  DQString: tags.string,
-  BareValueToken: tags.string,
-  Comment: tags.lineComment,
-  Hash: tags.lineComment
+import { parser } from "./dotEnv.mjs";
+import { HighlightStyle, LRLanguage, LanguageSupport, syntaxHighlighting, syntaxTree } from "@codemirror/language";
+import { linter } from "@codemirror/lint";
+import { styleTags, tags } from "@lezer/highlight";
+//#region src/components/CodeEditor/languages/dotEnv/index.tsx
+var definedStyle = HighlightStyle.define([{
+	tag: tags.variableName,
+	fontWeight: "bold"
+}, {
+	tag: tags.lineComment,
+	fontStyle: "italic"
+}]);
+var envHighlighting = styleTags({
+	Identifier: tags.variableName,
+	Equal: tags.operator,
+	SQString: tags.string,
+	DQString: tags.string,
+	BareValueToken: tags.string,
+	Comment: tags.lineComment,
+	Hash: tags.lineComment
 });
-const lrLanguage = LRLanguage.define({
-  parser: parser.configure({
-    props: [envHighlighting]
-  }),
-  languageData: {
-    commentTokens: { line: "#" }
-  }
+var lrLanguage = LRLanguage.define({
+	parser: parser.configure({ props: [envHighlighting] }),
+	languageData: { commentTokens: { line: "#" } }
 });
-const language = [
-  () => syntaxHighlighting(definedStyle),
-  () => new LanguageSupport(lrLanguage),
-  () => linter((view) => {
-    const diagnostics = [];
-    const doc = view.state.doc;
-    const seenIdentifiers = /* @__PURE__ */ new Set();
-    const errorNodes = [];
-    syntaxTree(view.state).iterate({
-      enter: (node) => {
-        const from = node.from;
-        const to = node.to;
-        if (node.type.isError) {
-          errorNodes.push({ from, to });
-        }
-        if (node.name === "Identifier") {
-          const identifier = doc.sliceString(from, to);
-          if (seenIdentifiers.has(identifier)) {
-            diagnostics.push({
-              from,
-              to: from + identifier.length,
-              severity: "error",
-              message: `Duplicate key "${identifier}" found.`
-            });
-          }
-          seenIdentifiers.add(identifier);
-          if (identifier !== identifier.toUpperCase()) {
-            diagnostics.push({
-              from,
-              to,
-              severity: "warning",
-              message: "Variable names are usually uppercase (e.g. DATABASE_URL)"
-            });
-          }
-        }
-      }
-    });
-    if (errorNodes.length) {
-      const lastError = errorNodes[errorNodes.length - 1];
-      const docText = doc.toString();
-      const docEnd = doc.length;
-      const isLastErrorAtEOF = lastError?.from === docEnd && lastError?.to === docEnd;
-      const hasNoFinalNewline = !docText.endsWith("\n");
-      if (isLastErrorAtEOF && hasNoFinalNewline) {
-        diagnostics.push({
-          from: docEnd,
-          to: docEnd,
-          severity: "error",
-          message: "Must end with a newline."
-        });
-      } else {
-        errorNodes.forEach(
-          (node) => diagnostics.push({
-            from: node.from,
-            to: node.to,
-            severity: "error",
-            message: "Syntax error: Unexpected character or malformed assignment"
-          })
-        );
-      }
-    }
-    return diagnostics;
-  })
+var language = [
+	() => syntaxHighlighting(definedStyle),
+	() => new LanguageSupport(lrLanguage),
+	() => linter((view) => {
+		const diagnostics = [];
+		const doc = view.state.doc;
+		const seenIdentifiers = /* @__PURE__ */ new Set();
+		const errorNodes = [];
+		syntaxTree(view.state).iterate({ enter: (node) => {
+			const from = node.from;
+			const to = node.to;
+			if (node.type.isError) errorNodes.push({
+				from,
+				to
+			});
+			if (node.name === "Identifier") {
+				const identifier = doc.sliceString(from, to);
+				if (seenIdentifiers.has(identifier)) diagnostics.push({
+					from,
+					to: from + identifier.length,
+					severity: "error",
+					message: `Duplicate key "${identifier}" found.`
+				});
+				seenIdentifiers.add(identifier);
+				if (identifier !== identifier.toUpperCase()) diagnostics.push({
+					from,
+					to,
+					severity: "warning",
+					message: "Variable names are usually uppercase (e.g. DATABASE_URL)"
+				});
+			}
+		} });
+		if (errorNodes.length) {
+			const lastError = errorNodes[errorNodes.length - 1];
+			const docText = doc.toString();
+			const docEnd = doc.length;
+			const isLastErrorAtEOF = lastError?.from === docEnd && lastError?.to === docEnd;
+			const hasNoFinalNewline = !docText.endsWith("\n");
+			if (isLastErrorAtEOF && hasNoFinalNewline) diagnostics.push({
+				from: docEnd,
+				to: docEnd,
+				severity: "error",
+				message: "Must end with a newline."
+			});
+			else errorNodes.forEach((node) => diagnostics.push({
+				from: node.from,
+				to: node.to,
+				severity: "error",
+				message: "Syntax error: Unexpected character or malformed assignment"
+			}));
+		}
+		return diagnostics;
+	})
 ];
-
+//#endregion
 export { language as default };
-//# sourceMappingURL=index.mjs.map
+
+//# sourceMappingURL=index.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../../../../src/components/CodeEditor/languages/dotEnv/index.tsx"],"sourcesContent":["import {\n  HighlightStyle,\n  LanguageSupport,\n  LRLanguage,\n  syntaxHighlighting,\n  syntaxTree,\n} from \"@codemirror/language\";\nimport type { Diagnostic } from \"@codemirror/lint\";\nimport { linter } from \"@codemirror/lint\";\nimport { styleTags, tags as t } from \"@lezer/highlight\";\nimport * as dotEnvGrammar from \"./dotEnv.grammar\";\nimport type { LanguageContainer } from \"@/components/CodeEditor/languages\";\n\nconst definedStyle = HighlightStyle.define([\n  { tag: t.variableName, fontWeight: \"bold\" },\n  { tag: t.lineComment, fontStyle: \"italic\" },\n]);\n\nconst envHighlighting = styleTags({\n  Identifier: t.variableName,\n  Equal: t.operator,\n  SQString: t.string,\n  DQString: t.string,\n  BareValueToken: t.string,\n  Comment: t.lineComment,\n  Hash: t.lineComment,\n});\n\nconst lrLanguage = LRLanguage.define({\n  parser: dotEnvGrammar.parser.configure({\n    props: [envHighlighting],\n  }),\n  languageData: {\n    commentTokens: { line: \"#\" },\n  },\n});\n\nexport const validator = (input: string) => {\n  let isValid = true;\n  lrLanguage.parser.parse(input).iterate({\n    enter: (node) => {\n      if (node.type.isError) {\n        isValid = false;\n      }\n    },\n  });\n\n  return isValid;\n};\n\nconst language: LanguageContainer = [\n  () => syntaxHighlighting(definedStyle),\n  () => new LanguageSupport(lrLanguage),\n  () =>\n    linter((view) => {\n      const diagnostics: Diagnostic[] = [];\n      const doc = view.state.doc;\n      const seenIdentifiers = new Set<string>();\n\n      const errorNodes: { from: number; to: number }[] = [];\n\n      syntaxTree(view.state).iterate({\n        enter: (node) => {\n          const from = node.from;\n          const to = node.to;\n\n          if (node.type.isError) {\n            errorNodes.push({ from, to });\n          }\n\n          if (node.name === \"Identifier\") {\n            const identifier = doc.sliceString(from, to);\n\n            if (seenIdentifiers.has(identifier)) {\n              diagnostics.push({\n                from,\n                to: from + identifier.length,\n                severity: \"error\",\n                message: `Duplicate key \"${identifier}\" found.`,\n              });\n            }\n            seenIdentifiers.add(identifier);\n\n            if (identifier !== identifier.toUpperCase()) {\n              diagnostics.push({\n                from,\n                to,\n                severity: \"warning\",\n                message:\n                  \"Variable names are usually uppercase (e.g. DATABASE_URL)\",\n              });\n            }\n          }\n        },\n      });\n\n      if (errorNodes.length) {\n        const lastError = errorNodes[errorNodes.length - 1];\n        const docText = doc.toString();\n        const docEnd = doc.length;\n\n        const isLastErrorAtEOF =\n          lastError?.from === docEnd && lastError?.to === docEnd;\n\n        const hasNoFinalNewline = !docText.endsWith(\"\\n\");\n\n        if (isLastErrorAtEOF && hasNoFinalNewline) {\n          diagnostics.push({\n            from: docEnd,\n            to: docEnd,\n            severity: \"error\",\n            message: \"Must end with a newline.\",\n          });\n        } else {\n          errorNodes.forEach((node) =>\n            diagnostics.push({\n              from: node.from,\n              to: node.to,\n              severity: \"error\",\n              message:\n                \"Syntax error: Unexpected character or malformed assignment\",\n            }),\n          );\n        }\n      }\n\n      return diagnostics;\n    }),\n];\n\nexport default language;\n"],"names":["t","dotEnvGrammar.parser"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../../../src/components/CodeEditor/languages/dotEnv/index.tsx"],"sourcesContent":["import {\n  HighlightStyle,\n  LanguageSupport,\n  LRLanguage,\n  syntaxHighlighting,\n  syntaxTree,\n} from \"@codemirror/language\";\nimport type { Diagnostic } from \"@codemirror/lint\";\nimport { linter } from \"@codemirror/lint\";\nimport { styleTags, tags as t } from \"@lezer/highlight\";\nimport * as dotEnvGrammar from \"./dotEnv.grammar\";\nimport type { LanguageContainer } from \"@/components/CodeEditor/languages\";\n\nconst definedStyle = HighlightStyle.define([\n  { tag: t.variableName, fontWeight: \"bold\" },\n  { tag: t.lineComment, fontStyle: \"italic\" },\n]);\n\nconst envHighlighting = styleTags({\n  Identifier: t.variableName,\n  Equal: t.operator,\n  SQString: t.string,\n  DQString: t.string,\n  BareValueToken: t.string,\n  Comment: t.lineComment,\n  Hash: t.lineComment,\n});\n\nconst lrLanguage = LRLanguage.define({\n  parser: dotEnvGrammar.parser.configure({\n    props: [envHighlighting],\n  }),\n  languageData: {\n    commentTokens: { line: \"#\" },\n  },\n});\n\nexport const validator = (input: string) => {\n  let isValid = true;\n  lrLanguage.parser.parse(input).iterate({\n    enter: (node) => {\n      if (node.type.isError) {\n        isValid = false;\n      }\n    },\n  });\n\n  return isValid;\n};\n\nconst language: LanguageContainer = [\n  () => syntaxHighlighting(definedStyle),\n  () => new LanguageSupport(lrLanguage),\n  () =>\n    linter((view) => {\n      const diagnostics: Diagnostic[] = [];\n      const doc = view.state.doc;\n      const seenIdentifiers = new Set<string>();\n\n      const errorNodes: { from: number; to: number }[] = [];\n\n      syntaxTree(view.state).iterate({\n        enter: (node) => {\n          const from = node.from;\n          const to = node.to;\n\n          if (node.type.isError) {\n            errorNodes.push({ from, to });\n          }\n\n          if (node.name === \"Identifier\") {\n            const identifier = doc.sliceString(from, to);\n\n            if (seenIdentifiers.has(identifier)) {\n              diagnostics.push({\n                from,\n                to: from + identifier.length,\n                severity: \"error\",\n                message: `Duplicate key \"${identifier}\" found.`,\n              });\n            }\n            seenIdentifiers.add(identifier);\n\n            if (identifier !== identifier.toUpperCase()) {\n              diagnostics.push({\n                from,\n                to,\n                severity: \"warning\",\n                message:\n                  \"Variable names are usually uppercase (e.g. DATABASE_URL)\",\n              });\n            }\n          }\n        },\n      });\n\n      if (errorNodes.length) {\n        const lastError = errorNodes[errorNodes.length - 1];\n        const docText = doc.toString();\n        const docEnd = doc.length;\n\n        const isLastErrorAtEOF =\n          lastError?.from === docEnd && lastError?.to === docEnd;\n\n        const hasNoFinalNewline = !docText.endsWith(\"\\n\");\n\n        if (isLastErrorAtEOF && hasNoFinalNewline) {\n          diagnostics.push({\n            from: docEnd,\n            to: docEnd,\n            severity: \"error\",\n            message: \"Must end with a newline.\",\n          });\n        } else {\n          errorNodes.forEach((node) =>\n            diagnostics.push({\n              from: node.from,\n              to: node.to,\n              severity: \"error\",\n              message:\n                \"Syntax error: Unexpected character or malformed assignment\",\n            }),\n          );\n        }\n      }\n\n      return diagnostics;\n    }),\n];\n\nexport default language;\n"],"mappings":";;;;;AAaA,IAAM,eAAe,eAAe,OAAO,CACzC;CAAE,KAAK,KAAE;CAAc,YAAY;CAAQ,EAC3C;CAAE,KAAK,KAAE;CAAa,WAAW;CAAU,CAC5C,CAAC;AAEF,IAAM,kBAAkB,UAAU;CAChC,YAAY,KAAE;CACd,OAAO,KAAE;CACT,UAAU,KAAE;CACZ,UAAU,KAAE;CACZ,gBAAgB,KAAE;CAClB,SAAS,KAAE;CACX,MAAM,KAAE;CACT,CAAC;AAEF,IAAM,aAAa,WAAW,OAAO;CACnC,QAAA,OAA6B,UAAU,EACrC,OAAO,CAAC,gBAAgB,EACzB,CAAC;CACF,cAAc,EACZ,eAAe,EAAE,MAAM,KAAK,EAC7B;CACF,CAAC;AAeF,IAAM,WAA8B;OAC5B,mBAAmB,aAAa;OAChC,IAAI,gBAAgB,WAAW;OAEnC,QAAQ,SAAS;EACf,MAAM,cAA4B,EAAE;EACpC,MAAM,MAAM,KAAK,MAAM;EACvB,MAAM,kCAAkB,IAAI,KAAa;EAEzC,MAAM,aAA6C,EAAE;AAErD,aAAW,KAAK,MAAM,CAAC,QAAQ,EAC7B,QAAQ,SAAS;GACf,MAAM,OAAO,KAAK;GAClB,MAAM,KAAK,KAAK;AAEhB,OAAI,KAAK,KAAK,QACZ,YAAW,KAAK;IAAE;IAAM;IAAI,CAAC;AAG/B,OAAI,KAAK,SAAS,cAAc;IAC9B,MAAM,aAAa,IAAI,YAAY,MAAM,GAAG;AAE5C,QAAI,gBAAgB,IAAI,WAAW,CACjC,aAAY,KAAK;KACf;KACA,IAAI,OAAO,WAAW;KACtB,UAAU;KACV,SAAS,kBAAkB,WAAW;KACvC,CAAC;AAEJ,oBAAgB,IAAI,WAAW;AAE/B,QAAI,eAAe,WAAW,aAAa,CACzC,aAAY,KAAK;KACf;KACA;KACA,UAAU;KACV,SACE;KACH,CAAC;;KAIT,CAAC;AAEF,MAAI,WAAW,QAAQ;GACrB,MAAM,YAAY,WAAW,WAAW,SAAS;GACjD,MAAM,UAAU,IAAI,UAAU;GAC9B,MAAM,SAAS,IAAI;GAEnB,MAAM,mBACJ,WAAW,SAAS,UAAU,WAAW,OAAO;GAElD,MAAM,oBAAoB,CAAC,QAAQ,SAAS,KAAK;AAEjD,OAAI,oBAAoB,kBACtB,aAAY,KAAK;IACf,MAAM;IACN,IAAI;IACJ,UAAU;IACV,SAAS;IACV,CAAC;OAEF,YAAW,SAAS,SAClB,YAAY,KAAK;IACf,MAAM,KAAK;IACX,IAAI,KAAK;IACT,UAAU;IACV,SACE;IACH,CAAC,CACH;;AAIL,SAAO;GACP;CACL"}

package/dist/js/packages/components/src/components/CodeEditor/languages/index.mjs

@@ -1,15 +1,14 @@
-import { langs } from '@uiw/codemirror-extensions-langs';
-import '@codemirror/language';
-import language from './dotEnv/index.mjs';
-
-const supportedCodeEditorLanguages = {};
+import language from "./dotEnv/index.mjs";
+import { langs } from "@uiw/codemirror-extensions-langs";
+import "@codemirror/language";
+//#region src/components/CodeEditor/languages/index.ts
+var supportedCodeEditorLanguages = {};
 Object.keys(langs).forEach((key) => {
-  const languageKey = key;
-  supportedCodeEditorLanguages[languageKey] = [
-    langs[languageKey]
-  ];
+	const languageKey = key;
+	supportedCodeEditorLanguages[languageKey] = [langs[languageKey]];
 });
 supportedCodeEditorLanguages.dotEnv = language;
-
+//#endregion
 export { supportedCodeEditorLanguages as default };
-//# sourceMappingURL=index.mjs.map
+
+//# sourceMappingURL=index.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/languages/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../../../src/components/CodeEditor/languages/index.ts"],"sourcesContent":["import { langs, type LanguageName } from \"@uiw/codemirror-extensions-langs\";\nimport {\n  type LanguageSupport,\n  type StreamLanguage,\n} from \"@codemirror/language\";\nimport type { linter } from \"@codemirror/lint\";\nimport type { Extension } from \"@uiw/react-codemirror\";\nimport DotEnvLanguage from \"@/components/CodeEditor/languages/dotEnv\";\nimport type { ALL_LANGUAGES } from \"@/components/CodeEditor/languages/all\";\n\nexport type CodeEditorLanguage = (typeof ALL_LANGUAGES)[number];\n\nexport type LanguageFactory = Record<\n  CodeEditorLanguage,\n  (() =>\n    | StreamLanguage<unknown>\n    | LanguageSupport\n    | Extension\n    | ReturnType<typeof linter>)[]\n>;\n\nexport type LanguageContainer = [\n  () => Extension,\n  () => LanguageSupport,\n  () => ReturnType<typeof linter>,\n];\n\nconst supportedCodeEditorLanguages: LanguageFactory = {} as never;\nObject.keys(langs).forEach((key) => {\n  const languageKey = key as CodeEditorLanguage;\n  supportedCodeEditorLanguages[languageKey] = [\n    langs[languageKey as LanguageName],\n  ];\n});\n\nsupportedCodeEditorLanguages.dotEnv = DotEnvLanguage;\n\nexport default supportedCodeEditorLanguages;\n"],"names":["DotEnvLanguage"],"mappings":";;;;AA2BA,MAAM,+BAAgD;AACtD,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,CAAE,OAAA,CAAQ,CAAC,GAAA,KAAQ;AAClC,EAAA,MAAM,WAAA,GAAc,GAAA;AACpB,EAAA,4BAAA,CAA6B,WAAW,CAAA,GAAI;AAAA,IAC1C,MAAM,WAA2B;AAAA,GACnC;AACF,CAAC,CAAA;AAED,4BAAA,CAA6B,MAAA,GAASA,QAAA;;;;"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../../src/components/CodeEditor/languages/index.ts"],"sourcesContent":["import { langs, type LanguageName } from \"@uiw/codemirror-extensions-langs\";\nimport {\n  type LanguageSupport,\n  type StreamLanguage,\n} from \"@codemirror/language\";\nimport type { linter } from \"@codemirror/lint\";\nimport type { Extension } from \"@uiw/react-codemirror\";\nimport DotEnvLanguage from \"@/components/CodeEditor/languages/dotEnv\";\nimport type { ALL_LANGUAGES } from \"@/components/CodeEditor/languages/all\";\n\nexport type CodeEditorLanguage = (typeof ALL_LANGUAGES)[number];\n\nexport type LanguageFactory = Record<\n  CodeEditorLanguage,\n  (() =>\n    | StreamLanguage<unknown>\n    | LanguageSupport\n    | Extension\n    | ReturnType<typeof linter>)[]\n>;\n\nexport type LanguageContainer = [\n  () => Extension,\n  () => LanguageSupport,\n  () => ReturnType<typeof linter>,\n];\n\nconst supportedCodeEditorLanguages: LanguageFactory = {} as never;\nObject.keys(langs).forEach((key) => {\n  const languageKey = key as CodeEditorLanguage;\n  supportedCodeEditorLanguages[languageKey] = [\n    langs[languageKey as LanguageName],\n  ];\n});\n\nsupportedCodeEditorLanguages.dotEnv = DotEnvLanguage;\n\nexport default supportedCodeEditorLanguages;\n"],"mappings":";;;;AA2BA,IAAM,+BAAgD,EAAE;AACxD,OAAO,KAAK,MAAM,CAAC,SAAS,QAAQ;CAClC,MAAM,cAAc;AACpB,8BAA6B,eAAe,CAC1C,MAAM,aACP;EACD;AAEF,6BAA6B,SAAS"}

package/dist/js/packages/components/src/components/CodeEditor/themes/defaultEditorTheme.mjs

@@ -1,43 +1,62 @@
 "use client"
 /* */
-import { githubLightInit } from '@uiw/codemirror-theme-github';
-import { tags } from '@lezer/highlight';
-
-const defaultLightTheme = githubLightInit({
-  theme: "light",
-  settings: {
-    fontSize: "var(--code-editor--font-size);",
-    fontFamily: "var(--code-editor--font-family);",
-    foreground: "var(--color--code-syntax--title)",
-    background: "transparent",
-    gutterBackground: "var(--form-control--background-color--default)",
-    gutterForeground: "var(--color--code-syntax--title)"
-  },
-  styles: [
-    { tag: tags.keyword, color: "var(--color--code-syntax--keyword)" },
-    {
-      tag: [tags.typeName, tags.className],
-      color: "var(--color--code-syntax--type)"
-    },
-    { tag: tags.variableName, color: "var(--color--code-syntax--variable)" },
-    {
-      tag: [tags.propertyName, tags.attributeName],
-      color: "var(--color--code-syntax--property)"
-    },
-    { tag: [tags.string, tags.regexp], color: "var(--color--code-syntax--string)" },
-    { tag: tags.number, color: "var(--color--code-syntax--number)" },
-    { tag: tags.comment, color: "var(--color--code-syntax--comment)" },
-    {
-      tag: [tags.function(tags.variableName), tags.function(tags.propertyName)],
-      color: "var(--color--code-syntax--function)"
-    },
-    {
-      tag: [tags.operator, tags.typeOperator],
-      color: "var(--color--code-syntax--operator)"
-    },
-    { tag: tags.invalid, color: "var(--color--code-syntax--invalid)" }
-  ]
+import { tags } from "@lezer/highlight";
+import { githubLightInit } from "@uiw/codemirror-theme-github";
+//#region src/components/CodeEditor/themes/defaultEditorTheme.ts
+var defaultLightTheme = githubLightInit({
+	theme: "light",
+	settings: {
+		fontSize: "var(--code-editor--font-size);",
+		fontFamily: "var(--code-editor--font-family);",
+		foreground: "var(--color--code-syntax--title)",
+		background: "transparent",
+		gutterBackground: "var(--form-control--background-color--default)",
+		gutterForeground: "var(--color--code-syntax--title)"
+	},
+	styles: [
+		{
+			tag: tags.keyword,
+			color: "var(--color--code-syntax--keyword)"
+		},
+		{
+			tag: [tags.typeName, tags.className],
+			color: "var(--color--code-syntax--type)"
+		},
+		{
+			tag: tags.variableName,
+			color: "var(--color--code-syntax--variable)"
+		},
+		{
+			tag: [tags.propertyName, tags.attributeName],
+			color: "var(--color--code-syntax--property)"
+		},
+		{
+			tag: [tags.string, tags.regexp],
+			color: "var(--color--code-syntax--string)"
+		},
+		{
+			tag: tags.number,
+			color: "var(--color--code-syntax--number)"
+		},
+		{
+			tag: tags.comment,
+			color: "var(--color--code-syntax--comment)"
+		},
+		{
+			tag: [tags.function(tags.variableName), tags.function(tags.propertyName)],
+			color: "var(--color--code-syntax--function)"
+		},
+		{
+			tag: [tags.operator, tags.typeOperator],
+			color: "var(--color--code-syntax--operator)"
+		},
+		{
+			tag: tags.invalid,
+			color: "var(--color--code-syntax--invalid)"
+		}
+	]
 });
-
+//#endregion
 export { defaultLightTheme };
-//# sourceMappingURL=defaultEditorTheme.mjs.map
+
+//# sourceMappingURL=defaultEditorTheme.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/themes/defaultEditorTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaultEditorTheme.mjs","sources":["../../../../../../../../src/components/CodeEditor/themes/defaultEditorTheme.ts"],"sourcesContent":["import { githubLightInit } from \"@uiw/codemirror-theme-github\";\nimport { tags as t } from \"@lezer/highlight\";\n\nexport const defaultLightTheme = githubLightInit({\n  theme: \"light\",\n  settings: {\n    fontSize: \"var(--code-editor--font-size);\",\n    fontFamily: \"var(--code-editor--font-family);\",\n    foreground: \"var(--color--code-syntax--title)\",\n    background: \"transparent\",\n    gutterBackground: \"var(--form-control--background-color--default)\",\n    gutterForeground: \"var(--color--code-syntax--title)\",\n  },\n  styles: [\n    { tag: t.keyword, color: \"var(--color--code-syntax--keyword)\" },\n    {\n      tag: [t.typeName, t.className],\n      color: \"var(--color--code-syntax--type)\",\n    },\n    { tag: t.variableName, color: \"var(--color--code-syntax--variable)\" },\n    {\n      tag: [t.propertyName, t.attributeName],\n      color: \"var(--color--code-syntax--property)\",\n    },\n    { tag: [t.string, t.regexp], color: \"var(--color--code-syntax--string)\" },\n    { tag: t.number, color: \"var(--color--code-syntax--number)\" },\n    { tag: t.comment, color: \"var(--color--code-syntax--comment)\" },\n    {\n      tag: [t.function(t.variableName), t.function(t.propertyName)],\n      color: \"var(--color--code-syntax--function)\",\n    },\n    {\n      tag: [t.operator, t.typeOperator],\n      color: \"var(--color--code-syntax--operator)\",\n    },\n    { tag: t.invalid, color: \"var(--color--code-syntax--invalid)\" },\n  ],\n});\n"],"names":["t"],"mappings":";;;AAGO,MAAM,oBAAoB,eAAA,CAAgB;AAAA,EAC/C,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU;AAAA,IACR,QAAA,EAAU,gCAAA;AAAA,IACV,UAAA,EAAY,kCAAA;AAAA,IACZ,UAAA,EAAY,kCAAA;AAAA,IACZ,UAAA,EAAY,aAAA;AAAA,IACZ,gBAAA,EAAkB,gDAAA;AAAA,IAClB,gBAAA,EAAkB;AAAA,GACpB;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,EAAE,GAAA,EAAKA,IAAA,CAAE,OAAA,EAAS,OAAO,oCAAA,EAAqC;AAAA,IAC9D;AAAA,MACE,GAAA,EAAK,CAACA,IAAA,CAAE,QAAA,EAAUA,KAAE,SAAS,CAAA;AAAA,MAC7B,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,GAAA,EAAKA,IAAA,CAAE,YAAA,EAAc,OAAO,qCAAA,EAAsC;AAAA,IACpE;AAAA,MACE,GAAA,EAAK,CAACA,IAAA,CAAE,YAAA,EAAcA,KAAE,aAAa,CAAA;AAAA,MACrC,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,KAAK,CAACA,IAAA,CAAE,QAAQA,IAAA,CAAE,MAAM,CAAA,EAAG,KAAA,EAAO,mCAAA,EAAoC;AAAA,IACxE,EAAE,GAAA,EAAKA,IAAA,CAAE,MAAA,EAAQ,OAAO,mCAAA,EAAoC;AAAA,IAC5D,EAAE,GAAA,EAAKA,IAAA,CAAE,OAAA,EAAS,OAAO,oCAAA,EAAqC;AAAA,IAC9D;AAAA,MACE,GAAA,EAAK,CAACA,IAAA,CAAE,QAAA,CAASA,IAAA,CAAE,YAAY,CAAA,EAAGA,IAAA,CAAE,QAAA,CAASA,IAAA,CAAE,YAAY,CAAC,CAAA;AAAA,MAC5D,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,GAAA,EAAK,CAACA,IAAA,CAAE,QAAA,EAAUA,KAAE,YAAY,CAAA;AAAA,MAChC,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,GAAA,EAAKA,IAAA,CAAE,OAAA,EAAS,OAAO,oCAAA;AAAqC;AAElE,CAAC;;;;"}
+{"version":3,"file":"defaultEditorTheme.mjs","names":[],"sources":["../../../../../../../../src/components/CodeEditor/themes/defaultEditorTheme.ts"],"sourcesContent":["import { githubLightInit } from \"@uiw/codemirror-theme-github\";\nimport { tags as t } from \"@lezer/highlight\";\n\nexport const defaultLightTheme = githubLightInit({\n  theme: \"light\",\n  settings: {\n    fontSize: \"var(--code-editor--font-size);\",\n    fontFamily: \"var(--code-editor--font-family);\",\n    foreground: \"var(--color--code-syntax--title)\",\n    background: \"transparent\",\n    gutterBackground: \"var(--form-control--background-color--default)\",\n    gutterForeground: \"var(--color--code-syntax--title)\",\n  },\n  styles: [\n    { tag: t.keyword, color: \"var(--color--code-syntax--keyword)\" },\n    {\n      tag: [t.typeName, t.className],\n      color: \"var(--color--code-syntax--type)\",\n    },\n    { tag: t.variableName, color: \"var(--color--code-syntax--variable)\" },\n    {\n      tag: [t.propertyName, t.attributeName],\n      color: \"var(--color--code-syntax--property)\",\n    },\n    { tag: [t.string, t.regexp], color: \"var(--color--code-syntax--string)\" },\n    { tag: t.number, color: \"var(--color--code-syntax--number)\" },\n    { tag: t.comment, color: \"var(--color--code-syntax--comment)\" },\n    {\n      tag: [t.function(t.variableName), t.function(t.propertyName)],\n      color: \"var(--color--code-syntax--function)\",\n    },\n    {\n      tag: [t.operator, t.typeOperator],\n      color: \"var(--color--code-syntax--operator)\",\n    },\n    { tag: t.invalid, color: \"var(--color--code-syntax--invalid)\" },\n  ],\n});\n"],"mappings":";;;AAGA,IAAa,oBAAoB,gBAAgB;CAC/C,OAAO;CACP,UAAU;EACR,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,kBAAkB;EAClB,kBAAkB;EACnB;CACD,QAAQ;EACN;GAAE,KAAK,KAAE;GAAS,OAAO;GAAsC;EAC/D;GACE,KAAK,CAAC,KAAE,UAAU,KAAE,UAAU;GAC9B,OAAO;GACR;EACD;GAAE,KAAK,KAAE;GAAc,OAAO;GAAuC;EACrE;GACE,KAAK,CAAC,KAAE,cAAc,KAAE,cAAc;GACtC,OAAO;GACR;EACD;GAAE,KAAK,CAAC,KAAE,QAAQ,KAAE,OAAO;GAAE,OAAO;GAAqC;EACzE;GAAE,KAAK,KAAE;GAAQ,OAAO;GAAqC;EAC7D;GAAE,KAAK,KAAE;GAAS,OAAO;GAAsC;EAC/D;GACE,KAAK,CAAC,KAAE,SAAS,KAAE,aAAa,EAAE,KAAE,SAAS,KAAE,aAAa,CAAC;GAC7D,OAAO;GACR;EACD;GACE,KAAK,CAAC,KAAE,UAAU,KAAE,aAAa;GACjC,OAAO;GACR;EACD;GAAE,KAAK,KAAE;GAAS,OAAO;GAAsC;EAChE;CACF,CAAC"}

package/dist/js/packages/components/src/components/Color/Color.mjs

@@ -1,21 +1,30 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from './Color.module.scss.mjs';
-import { statusTypes } from '../../lib/types/props.mjs';
-
-const flowColors = ["blue", "violet", "teal", "lilac", ...statusTypes];
+import { statusTypes } from "../../lib/types/props.mjs";
+import Color_module_default from "./Color.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Color/Color.tsx
+var flowColors = [
+	"blue",
+	"violet",
+	"teal",
+	"lilac",
+	...statusTypes
+];
 function isFlowColor(something) {
-  const anyFlowColors = flowColors;
-  return typeof something === "string" && anyFlowColors.includes(something);
+	return typeof something === "string" && flowColors.includes(something);
 }
-const Color = (props) => {
-  const { children, color = "blue" } = props;
-  const isAFlowColor = isFlowColor(color);
-  const className = isAFlowColor ? styles[color] : void 0;
-  const style = !isAFlowColor ? { color } : void 0;
-  return /* @__PURE__ */ jsx("span", { className, style, children });
+/** @flr-generate all */
+var Color = (props) => {
+	const { children, color = "blue" } = props;
+	const isAFlowColor = isFlowColor(color);
+	return /* @__PURE__ */ jsx("span", {
+		className: isAFlowColor ? Color_module_default[color] : void 0,
+		style: !isAFlowColor ? { color } : void 0,
+		children
+	});
 };
+//#endregion
+export { Color as default };
 
-export { Color };
-//# sourceMappingURL=Color.mjs.map
+//# sourceMappingURL=Color.mjs.map

package/dist/js/packages/components/src/components/Color/Color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Color.mjs","sources":["../../../../../../../src/components/Color/Color.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Color.module.scss\";\nimport { statusTypes } from \"@/lib/types/props\";\n\nconst flowColors = [\"blue\", \"violet\", \"teal\", \"lilac\", ...statusTypes] as const;\n\ntype FlowColor = (typeof flowColors)[number];\ntype FlowWithCustomColor = FlowColor | (string & {});\n\nfunction isFlowColor(something: unknown): something is FlowColor {\n  const anyFlowColors = flowColors as readonly string[];\n  return typeof something === \"string\" && anyFlowColors.includes(something);\n}\n\nexport interface ColorProps extends PropsWithChildren {\n  /** The color of the element. @default \"blue\" */\n  color?: FlowWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Color: FC<ColorProps> = (props) => {\n  const { children, color = \"blue\" } = props;\n\n  const isAFlowColor = isFlowColor(color);\n  const className = isAFlowColor ? styles[color] : undefined;\n  const style = !isAFlowColor ? { color } : undefined;\n\n  return (\n    <span className={className} style={style}>\n      {children}\n    </span>\n  );\n};\n\nexport default Color;\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAa,CAAC,MAAA,EAAQ,UAAU,MAAA,EAAQ,OAAA,EAAS,GAAG,WAAW,CAAA;AAKrE,SAAS,YAAY,SAAA,EAA4C;AAC/D,EAAA,MAAM,aAAA,GAAgB,UAAA;AACtB,EAAA,OAAO,OAAO,SAAA,KAAc,QAAA,IAAY,aAAA,CAAc,SAAS,SAAS,CAAA;AAC1E;AAQO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,GAAQ,MAAA,EAAO,GAAI,KAAA;AAErC,EAAA,MAAM,YAAA,GAAe,YAAY,KAAK,CAAA;AACtC,EAAA,MAAM,SAAA,GAAY,YAAA,GAAe,MAAA,CAAO,KAAK,CAAA,GAAI,MAAA;AACjD,EAAA,MAAM,KAAA,GAAQ,CAAC,YAAA,GAAe,EAAE,OAAM,GAAI,MAAA;AAE1C,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAsB,KAAA,EACzB,QAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Color.mjs","names":[],"sources":["../../../../../../../src/components/Color/Color.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Color.module.scss\";\nimport { statusTypes } from \"@/lib/types/props\";\n\nconst flowColors = [\"blue\", \"violet\", \"teal\", \"lilac\", ...statusTypes] as const;\n\ntype FlowColor = (typeof flowColors)[number];\ntype FlowWithCustomColor = FlowColor | (string & {});\n\nfunction isFlowColor(something: unknown): something is FlowColor {\n  const anyFlowColors = flowColors as readonly string[];\n  return typeof something === \"string\" && anyFlowColors.includes(something);\n}\n\nexport interface ColorProps extends PropsWithChildren {\n  /** The color of the element. @default \"blue\" */\n  color?: FlowWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Color: FC<ColorProps> = (props) => {\n  const { children, color = \"blue\" } = props;\n\n  const isAFlowColor = isFlowColor(color);\n  const className = isAFlowColor ? styles[color] : undefined;\n  const style = !isAFlowColor ? { color } : undefined;\n\n  return (\n    <span className={className} style={style}>\n      {children}\n    </span>\n  );\n};\n\nexport default Color;\n"],"mappings":";;;;AAIA,IAAM,aAAa;CAAC;CAAQ;CAAU;CAAQ;CAAS,GAAG;CAAY;AAKtE,SAAS,YAAY,WAA4C;AAE/D,QAAO,OAAO,cAAc,YADN,WACgC,SAAS,UAAU;;;AAS3E,IAAa,SAAyB,UAAU;CAC9C,MAAM,EAAE,UAAU,QAAQ,WAAW;CAErC,MAAM,eAAe,YAAY,MAAM;AAIvC,QACE,oBAAC,QAAD;EAAiB,WAJD,eAAe,qBAAO,SAAS,KAAA;EAIZ,OAHvB,CAAC,eAAe,EAAE,OAAO,GAAG,KAAA;EAIrC;EACI,CAAA"}

package/dist/js/packages/components/src/components/Color/Color.module.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+var Color_module_default = {
+	blue: "flow--color--blue",
+	violet: "flow--color--violet",
+	teal: "flow--color--teal",
+	lilac: "flow--color--lilac",
+	danger: "flow--color--danger",
+	warning: "flow--color--warning",
+	success: "flow--color--success",
+	info: "flow--color--info",
+	unavailable: "flow--color--unavailable"
+};
+//#endregion
+export { Color_module_default as default };
+
+//# sourceMappingURL=Color.module.mjs.map

package/dist/js/packages/components/src/components/Color/Color.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.module.mjs","names":[],"sources":["../../../../../../../src/components/Color/Color.module.scss"],"sourcesContent":[".blue {\n  color: var(--color--blue);\n}\n\n.violet {\n  color: var(--color--violet);\n}\n\n.teal {\n  color: var(--color--teal);\n}\n\n.lilac {\n  color: var(--color--lilac);\n}\n\n.danger {\n  color: var(--danger-plain-content-color);\n}\n\n.warning {\n  color: var(--warning-plain-content-color);\n}\n\n.success {\n  color: var(--success-plain-content-color);\n}\n\n.info {\n  color: var(--info-plain-content-color);\n}\n\n.unavailable {\n  color: var(--unavailable-plain-content-color);\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Color/index.mjs

@@ -0,0 +1 @@
+import "./Color.mjs";