@mittwald/flow-react-components 0.2.0-alpha.1032 → 0.2.0-alpha.1034

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

@@ -1,93 +1,84 @@
-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;AAAO,GAC1C;CAAE,KAAK,KAAE;CAAa,WAAW;AAAS,CAC5C,CAAC;AAED,IAAM,kBAAkB,UAAU;CAChC,YAAY,KAAE;CACd,OAAO,KAAE;CACT,UAAU,KAAE;CACZ,UAAU,KAAE;CACZ,gBAAgB,KAAE;CAClB,SAAS,KAAE;CACX,MAAM,KAAE;AACV,CAAC;AAED,IAAM,aAAa,WAAW,OAAO;CACnC,QAAA,OAA6B,UAAU,EACrC,OAAO,CAAC,eAAe,EACzB,CAAC;CACD,cAAc,EACZ,eAAe,EAAE,MAAM,IAAI,EAC7B;AACF,CAAC;AAeD,IAAM,WAA8B;OAC5B,mBAAmB,YAAY;OAC/B,IAAI,gBAAgB,UAAU;OAElC,QAAQ,SAAS;EACf,MAAM,cAA4B,CAAC;EACnC,MAAM,MAAM,KAAK,MAAM;EACvB,MAAM,kCAAkB,IAAI,IAAY;EAExC,MAAM,aAA6C,CAAC;EAEpD,WAAW,KAAK,KAAK,CAAC,CAAC,QAAQ,EAC7B,QAAQ,SAAS;GACf,MAAM,OAAO,KAAK;GAClB,MAAM,KAAK,KAAK;GAEhB,IAAI,KAAK,KAAK,SACZ,WAAW,KAAK;IAAE;IAAM;GAAG,CAAC;GAG9B,IAAI,KAAK,SAAS,cAAc;IAC9B,MAAM,aAAa,IAAI,YAAY,MAAM,EAAE;IAE3C,IAAI,gBAAgB,IAAI,UAAU,GAChC,YAAY,KAAK;KACf;KACA,IAAI,OAAO,WAAW;KACtB,UAAU;KACV,SAAS,kBAAkB,WAAW;IACxC,CAAC;IAEH,gBAAgB,IAAI,UAAU;IAE9B,IAAI,eAAe,WAAW,YAAY,GACxC,YAAY,KAAK;KACf;KACA;KACA,UAAU;KACV,SACE;IACJ,CAAC;GAEL;EACF,EACF,CAAC;EAED,IAAI,WAAW,QAAQ;GACrB,MAAM,YAAY,WAAW,WAAW,SAAS;GACjD,MAAM,UAAU,IAAI,SAAS;GAC7B,MAAM,SAAS,IAAI;GAEnB,MAAM,mBACJ,WAAW,SAAS,UAAU,WAAW,OAAO;GAElD,MAAM,oBAAoB,CAAC,QAAQ,SAAS,IAAI;GAEhD,IAAI,oBAAoB,mBACtB,YAAY,KAAK;IACf,MAAM;IACN,IAAI;IACJ,UAAU;IACV,SAAS;GACX,CAAC;QAED,WAAW,SAAS,SAClB,YAAY,KAAK;IACf,MAAM,KAAK;IACX,IAAI,KAAK;IACT,UAAU;IACV,SACE;GACJ,CAAC,CACH;EAEJ;EAEA,OAAO;CACT,CAAC;AACL"}

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

@@ -1,15 +1,15 @@
-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,CAAC;AACvD,OAAO,KAAK,KAAK,CAAC,CAAC,SAAS,QAAQ;CAClC,MAAM,cAAc;CACpB,6BAA6B,eAAe,CAC1C,MAAM,YACR;AACF,CAAC;AAED,6BAA6B,SAAS"}

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

@@ -1,43 +1,66 @@
 "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(--form-control--content-color--default)",
-    background: "transparent",
-    gutterBackground: "var(--form-control--background-color--default)",
-    gutterForeground: "var(--form-control--content-color--default)"
-  },
-  styles: [
-    { tag: tags.keyword, color: "var(--color--code-syntax--keyword)" },
-    {
-      tag: [tags.typeName, tags.className, tags.tagName],
-      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(--form-control--content-color--default)",
+		background: "transparent",
+		gutterBackground: "var(--form-control--background-color--default)",
+		gutterForeground: "var(--form-control--content-color--default)"
+	},
+	styles: [
+		{
+			tag: tags.keyword,
+			color: "var(--color--code-syntax--keyword)"
+		},
+		{
+			tag: [
+				tags.typeName,
+				tags.className,
+				tags.tagName
+			],
+			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(--form-control--content-color--default)\",\n    background: \"transparent\",\n    gutterBackground: \"var(--form-control--background-color--default)\",\n    gutterForeground: \"var(--form-control--content-color--default)\",\n  },\n  styles: [\n    { tag: t.keyword, color: \"var(--color--code-syntax--keyword)\" },\n    {\n      tag: [t.typeName, t.className, t.tagName],\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,+BAAA;AAAA,IACV,UAAA,EAAY,iCAAA;AAAA,IACZ,UAAA,EAAY,6CAAA;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,KAAK,CAACA,IAAA,CAAE,UAAUA,IAAA,CAAE,SAAA,EAAWA,KAAE,OAAO,CAAA;AAAA,MACxC,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(--form-control--content-color--default)\",\n    background: \"transparent\",\n    gutterBackground: \"var(--form-control--background-color--default)\",\n    gutterForeground: \"var(--form-control--content-color--default)\",\n  },\n  styles: [\n    { tag: t.keyword, color: \"var(--color--code-syntax--keyword)\" },\n    {\n      tag: [t.typeName, t.className, t.tagName],\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;CACpB;CACA,QAAQ;EACN;GAAE,KAAK,KAAE;GAAS,OAAO;EAAqC;EAC9D;GACE,KAAK;IAAC,KAAE;IAAU,KAAE;IAAW,KAAE;GAAO;GACxC,OAAO;EACT;EACA;GAAE,KAAK,KAAE;GAAc,OAAO;EAAsC;EACpE;GACE,KAAK,CAAC,KAAE,cAAc,KAAE,aAAa;GACrC,OAAO;EACT;EACA;GAAE,KAAK,CAAC,KAAE,QAAQ,KAAE,MAAM;GAAG,OAAO;EAAoC;EACxE;GAAE,KAAK,KAAE;GAAQ,OAAO;EAAoC;EAC5D;GAAE,KAAK,KAAE;GAAS,OAAO;EAAqC;EAC9D;GACE,KAAK,CAAC,KAAE,SAAS,KAAE,YAAY,GAAG,KAAE,SAAS,KAAE,YAAY,CAAC;GAC5D,OAAO;EACT;EACA;GACE,KAAK,CAAC,KAAE,UAAU,KAAE,YAAY;GAChC,OAAO;EACT;EACA;GAAE,KAAK,KAAE;GAAS,OAAO;EAAqC;CAChE;AACF,CAAC"}

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

@@ -1,29 +1,33 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from './Color.module.scss.mjs';
-import { statusTypes, alphaColors } from '../../lib/types/props.mjs';
-import clsx from 'clsx';
-
-const flowColors = [
-  "blue",
-  "violet",
-  "teal",
-  "lilac",
-  ...statusTypes,
-  ...alphaColors
+import { alphaColors, statusTypes } from "../../lib/types/props.mjs";
+import Color_module_default from "./Color.module.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Color/Color.tsx
+var flowColors = [
+	"blue",
+	"violet",
+	"teal",
+	"lilac",
+	...statusTypes,
+	...alphaColors
 ];
 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, className, color = "blue" } = props;
-  const isAFlowColor = isFlowColor(color);
-  const rootClassName = clsx(isAFlowColor && styles[color], className);
-  const style = !isAFlowColor ? { color } : void 0;
-  return /* @__PURE__ */ jsx("span", { className: rootClassName, style, children });
+/** @flr-generate all */
+var Color = (props) => {
+	const { children, className, color = "blue" } = props;
+	const isAFlowColor = isFlowColor(color);
+	const rootClassName = clsx(isAFlowColor && Color_module_default[color], className);
+	return /* @__PURE__ */ jsx("span", {
+		className: rootClassName,
+		style: !isAFlowColor ? { color } : void 0,
+		children
+	});
 };
+//#endregion
+export { Color, 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 {\n  alphaColors,\n  type PropsWithClassName,\n  statusTypes,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\n\nconst flowColors = [\n  \"blue\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  ...statusTypes,\n  ...alphaColors,\n] 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, PropsWithClassName {\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, className, color = \"blue\" } = props;\n\n  const isAFlowColor = isFlowColor(color);\n  const rootClassName = clsx(isAFlowColor && styles[color], className);\n  const style = !isAFlowColor ? { color } : undefined;\n\n  return (\n    <span className={rootClassName} style={style}>\n      {children}\n    </span>\n  );\n};\n\nexport default Color;\n"],"names":[],"mappings":";;;;;AASA,MAAM,UAAA,GAAa;AAAA,EACjB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,WAAA;AAAA,EACH,GAAG;AACL,CAAA;AAKA,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,SAAA,EAAW,KAAA,GAAQ,QAAO,GAAI,KAAA;AAEhD,EAAA,MAAM,YAAA,GAAe,YAAY,KAAK,CAAA;AACtC,EAAA,MAAM,gBAAgB,IAAA,CAAK,YAAA,IAAgB,MAAA,CAAO,KAAK,GAAG,SAAS,CAAA;AACnE,EAAA,MAAM,KAAA,GAAQ,CAAC,YAAA,GAAe,EAAE,OAAM,GAAI,MAAA;AAE1C,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EAAe,OAC7B,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 {\n  alphaColors,\n  type PropsWithClassName,\n  statusTypes,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\n\nconst flowColors = [\n  \"blue\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  ...statusTypes,\n  ...alphaColors,\n] 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, PropsWithClassName {\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, className, color = \"blue\" } = props;\n\n  const isAFlowColor = isFlowColor(color);\n  const rootClassName = clsx(isAFlowColor && styles[color], className);\n  const style = !isAFlowColor ? { color } : undefined;\n\n  return (\n    <span className={rootClassName} style={style}>\n      {children}\n    </span>\n  );\n};\n\nexport default Color;\n"],"mappings":";;;;;;;AASA,IAAM,aAAa;CACjB;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;AACL;AAKA,SAAS,YAAY,WAA4C;CAE/D,OAAO,OAAO,cAAc,YAAY,WAAc,SAAS,SAAS;AAC1E;;AAQA,IAAa,SAAyB,UAAU;CAC9C,MAAM,EAAE,UAAU,WAAW,QAAQ,WAAW;CAEhD,MAAM,eAAe,YAAY,KAAK;CACtC,MAAM,gBAAgB,KAAK,gBAAgB,qBAAO,QAAQ,SAAS;CAGnE,OACE,oBAAC,QAAD;EAAM,WAAW;EAAsB,OAH3B,CAAC,eAAe,EAAE,MAAM,IAAI,KAAA;EAIrC;CACG,CAAA;AAEV"}

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

@@ -0,0 +1,33 @@
+"use client"
+/* */
+//#region src/components/Color/Color.module.scss
+var blue = "flow--color--blue";
+var violet = "flow--color--violet";
+var teal = "flow--color--teal";
+var lilac = "flow--color--lilac";
+var danger = "flow--color--danger";
+var warning = "flow--color--warning";
+var success = "flow--color--success";
+var info = "flow--color--info";
+var unavailable = "flow--color--unavailable";
+var light = "flow--color--light";
+var dark = "flow--color--dark";
+var Color_module_default = {
+	blue,
+	violet,
+	teal,
+	lilac,
+	danger,
+	warning,
+	success,
+	info,
+	unavailable,
+	light,
+	dark,
+	"light-static": "flow--color--light-static",
+	"dark-static": "flow--color--dark-static"
+};
+//#endregion
+export { blue, danger, dark, Color_module_default as default, info, light, lilac, success, teal, unavailable, violet, warning };
+
+//# 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(--primary--color--1000);\n}\n\n.violet {\n  color: var(--color--soft-contrast-violet--800);\n}\n\n.teal {\n  color: var(--color--super-teal--800);\n}\n\n.lilac {\n  color: var(--color--bright-lilac--800);\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\n.light {\n  color: var(--light-plain-content-color);\n}\n\n.dark {\n  color: var(--dark-plain-content-color);\n}\n\n.light-static {\n  color: var(--light-static-plain-content-color);\n}\n\n.dark-static {\n  color: var(--dark-static-plain-content-color);\n}\n"],"mappings":""}

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

@@ -1,87 +1,53 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from './ColumnLayout.module.scss.mjs';
-import { styleClassname } from '../../lib/scss/selectors.mjs';
-import { getColumns } from './lib/getColumns.mjs';
-import clsx from 'clsx';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { styleClassname } from "../../lib/scss/selectors.mjs";
+import ColumnLayout_module_default from "./ColumnLayout.module.mjs";
+import { getColumns } from "./lib/getColumns.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ColumnLayout/ColumnLayout.tsx
+/** @flr-generate all */
+var ColumnLayout = flowComponent("ColumnLayout", (props) => {
+	const { children, className, s, m, l, gap = "m", rowGap = gap, columnGap = gap, elementType = "div", "aria-label": ariaLabel, ref, style: styleFromProps } = props;
+	let elementClassName = ColumnLayout_module_default.columnLayout;
+	s?.map((v, i) => {
+		if (v === null) elementClassName = clsx(elementClassName, styleClassname(ColumnLayout_module_default, `hide-s-${i + 1}`));
+	});
+	m?.map((v, i) => {
+		if (v === null) elementClassName = clsx(elementClassName, styleClassname(ColumnLayout_module_default, `hide-m-${i + 1}`));
+	});
+	l?.map((v, i) => {
+		if (v === null) elementClassName = clsx(elementClassName, styleClassname(ColumnLayout_module_default, `hide-l-${i + 1}`));
+	});
+	const columnsS = s ? getColumns(s) : "1fr";
+	const columnsM = m ? getColumns(m) : s ? columnsS : "1fr 1fr";
+	const columnsL = l ? getColumns(l) : m || s ? columnsM : "1fr 1fr 1fr";
+	const style = {
+		...styleFromProps,
+		"--column-layout--columns-s": columnsS,
+		"--column-layout--columns-m": columnsM,
+		"--column-layout--columns-l": columnsL,
+		"--column-layout--row-gap": `var(--column-layout--gap--${rowGap})`,
+		"--column-layout--column-gap": `var(--column-layout--gap--${columnGap})`
+	};
+	const rootClassName = clsx(ColumnLayout_module_default.columnLayoutContainer, className);
+	return /* @__PURE__ */ jsx("div", {
+		className: rootClassName,
+		style,
+		children: /* @__PURE__ */ jsx(elementType, {
+			ref,
+			"aria-label": ariaLabel,
+			className: elementClassName,
+			children: /* @__PURE__ */ jsx(PropsContextProvider, {
+				props: { Section: { hideSeparator: true } },
+				children
+			})
+		})
+	});
+}, { type: "layout" });
+//#endregion
+export { ColumnLayout, ColumnLayout as default };
 
-const ColumnLayout = flowComponent(
-  "ColumnLayout",
-  (props) => {
-    const {
-      children,
-      className,
-      s,
-      m,
-      l,
-      gap = "m",
-      rowGap = gap,
-      columnGap = gap,
-      elementType = "div",
-      "aria-label": ariaLabel,
-      ref,
-      style: styleFromProps
-    } = props;
-    let elementClassName = styles.columnLayout;
-    s?.map((v, i) => {
-      if (v === null) {
-        elementClassName = clsx(
-          elementClassName,
-          styleClassname(styles, `hide-s-${i + 1}`)
-        );
-      }
-    });
-    m?.map((v, i) => {
-      if (v === null) {
-        elementClassName = clsx(
-          elementClassName,
-          styleClassname(styles, `hide-m-${i + 1}`)
-        );
-      }
-    });
-    l?.map((v, i) => {
-      if (v === null) {
-        elementClassName = clsx(
-          elementClassName,
-          styleClassname(styles, `hide-l-${i + 1}`)
-        );
-      }
-    });
-    const columnsS = s ? getColumns(s) : "1fr";
-    const columnsM = m ? getColumns(m) : s ? columnsS : "1fr 1fr";
-    const columnsL = l ? getColumns(l) : m || s ? columnsM : "1fr 1fr 1fr";
-    const style = {
-      ...styleFromProps,
-      "--column-layout--columns-s": columnsS,
-      "--column-layout--columns-m": columnsM,
-      "--column-layout--columns-l": columnsL,
-      "--column-layout--row-gap": `var(--column-layout--gap--${rowGap})`,
-      "--column-layout--column-gap": `var(--column-layout--gap--${columnGap})`
-    };
-    const rootClassName = clsx(styles.columnLayoutContainer, className);
-    const Element = elementType;
-    const propsContext = {
-      Section: {
-        hideSeparator: true
-      }
-    };
-    return /* @__PURE__ */ jsx("div", { className: rootClassName, style, children: /* @__PURE__ */ jsx(
-      Element,
-      {
-        ref,
-        "aria-label": ariaLabel,
-        className: elementClassName,
-        children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
-      }
-    ) });
-  },
-  {
-    type: "layout"
-  }
-);
-
-export { ColumnLayout };
-//# sourceMappingURL=ColumnLayout.mjs.map
+//# sourceMappingURL=ColumnLayout.mjs.map