@flowgram.ai/form-materials 0.4.18 → 0.5.0

package/dist/esm/components/code-editor/editor-ts.mjs

@@ -0,0 +1,22 @@
+import { languages } from "@flowgram.ai/coze-editor/preset-code";
+import { CodeEditorFactory } from "./factory.mjs";
+const loadTypescriptLanguage = ()=>import("@flowgram.ai/coze-editor/language-typescript").then((module)=>{
+        languages.register("typescript", module.typescript);
+        const tsWorker = new Worker(new URL("@flowgram.ai/coze-editor/language-typescript/worker", import.meta.url), {
+            type: 'module'
+        });
+        module.typescript.languageService.initialize(tsWorker, {
+            compilerOptions: {
+                lib: [
+                    'es2015',
+                    'dom'
+                ],
+                noImplicitAny: false
+            }
+        });
+    });
+const TypeScriptCodeEditor = CodeEditorFactory(loadTypescriptLanguage, {
+    displayName: 'TypeScriptCodeEditor',
+    fixLanguageId: "typescript"
+});
+export { TypeScriptCodeEditor, loadTypescriptLanguage };

package/dist/esm/components/code-editor/editor.mjs

@@ -1,11 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
+import styled_components, { css } from "styled-components";
 import { ActiveLinePlaceholder, EditorProvider, createRenderer } from "@flowgram.ai/coze-editor/react";
 import preset_code from "@flowgram.ai/coze-editor/preset-code";
-import { Skeleton } from "@douyinfe/semi-ui";
 import { EditorView } from "@codemirror/view";
 import { getSuffixByLanguageId } from "./utils.mjs";
-import { useDynamicLoadLanguage } from "./language-features.mjs";
 const OriginCodeEditor = createRenderer(preset_code, [
     EditorView.theme({
         '&.cm-focused': {
@@ -13,38 +12,49 @@ const OriginCodeEditor = createRenderer(preset_code, [
         }
     })
 ]);
-function CodeEditor({ value, onChange, languageId = 'python', theme = 'light', children, placeholder, activeLinePlaceholder, options, readonly }) {
-    const { loaded } = useDynamicLoadLanguage(languageId);
+const UIContainer = styled_components.div`
+  ${({ $mini })=>$mini && css`
+      height: 24px;
+    `}
+`;
+function BaseCodeEditor({ value, onChange, languageId = 'python', theme = 'light', children, placeholder, activeLinePlaceholder, options, readonly, mini }) {
     const editorRef = useRef(null);
     useEffect(()=>{
         if (editorRef.current?.getValue() !== value) editorRef.current?.setValue(String(value || ''));
     }, [
         value
     ]);
-    if (!loaded) return /*#__PURE__*/ jsx(Skeleton, {});
-    return /*#__PURE__*/ jsx(EditorProvider, {
-        children: /*#__PURE__*/ jsxs(OriginCodeEditor, {
-            defaultValue: String(value || ''),
-            options: {
-                uri: `file:///untitled${getSuffixByLanguageId(languageId)}`,
-                languageId,
-                theme,
-                placeholder,
-                readOnly: readonly,
-                editable: !readonly,
-                ...options || {}
-            },
-            didMount: (editor)=>{
-                editorRef.current = editor;
-            },
-            onChange: (e)=>onChange?.(e.value),
-            children: [
-                activeLinePlaceholder && /*#__PURE__*/ jsx(ActiveLinePlaceholder, {
-                    children: activeLinePlaceholder
-                }),
-                children
-            ]
+    return /*#__PURE__*/ jsx(UIContainer, {
+        $mini: mini,
+        children: /*#__PURE__*/ jsx(EditorProvider, {
+            children: /*#__PURE__*/ jsxs(OriginCodeEditor, {
+                defaultValue: String(value || ''),
+                options: {
+                    uri: `file:///untitled${getSuffixByLanguageId(languageId)}`,
+                    languageId,
+                    theme,
+                    placeholder,
+                    readOnly: readonly,
+                    editable: !readonly,
+                    ...mini ? {
+                        lineNumbersGutter: false,
+                        foldGutter: false,
+                        minHeight: 24
+                    } : {},
+                    ...options || {}
+                },
+                didMount: (editor)=>{
+                    editorRef.current = editor;
+                },
+                onChange: (e)=>onChange?.(e.value),
+                children: [
+                    activeLinePlaceholder && /*#__PURE__*/ jsx(ActiveLinePlaceholder, {
+                        children: activeLinePlaceholder
+                    }),
+                    children
+                ]
+            })
         })
     });
 }
-export { CodeEditor };
+export { BaseCodeEditor };

package/dist/esm/components/code-editor/factory.mjs

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { languages } from "@flowgram.ai/coze-editor/preset-code";
+import { Skeleton } from "@douyinfe/semi-ui";
+import { lazySuspense } from "../../shared/index.mjs";
+const BaseCodeEditor = lazySuspense(()=>Promise.all([
+        import("./editor.mjs"),
+        import("./theme/index.mjs")
+    ]).then(([editorModule])=>({
+            default: editorModule.BaseCodeEditor
+        })));
+const CodeEditorFactory = (loadLanguage, { displayName, fixLanguageId })=>{
+    const EditorWithLoad = (props)=>{
+        const { languageId = fixLanguageId } = props;
+        if (!languageId) throw new Error('CodeEditorFactory: languageId is required');
+        const [loaded, setLoaded] = useState(useMemo(()=>!!languages.get(languageId), [
+            languageId
+        ]));
+        useEffect(()=>{
+            if (!loaded && loadLanguage) loadLanguage(languageId).then(()=>{
+                setLoaded(true);
+            });
+        }, [
+            languageId,
+            loaded
+        ]);
+        if (!loaded) return /*#__PURE__*/ jsx(Skeleton, {});
+        return /*#__PURE__*/ jsx(BaseCodeEditor, {
+            ...props,
+            languageId: fixLanguageId || languageId
+        });
+    };
+    EditorWithLoad.displayName = displayName;
+    return EditorWithLoad;
+};
+export { BaseCodeEditor, CodeEditorFactory };

package/dist/esm/components/code-editor/index.mjs

@@ -1,8 +1,8 @@
-import { lazySuspense } from "../../shared/index.mjs";
-const CodeEditor = lazySuspense(()=>Promise.all([
-        import("./editor.mjs"),
-        import("./theme/index.mjs")
-    ]).then(([editorModule])=>({
-            default: editorModule.CodeEditor
-        })));
-export { CodeEditor };
+import { CodeEditor } from "./editor-all.mjs";
+import { TypeScriptCodeEditor } from "./editor-ts.mjs";
+import { ShellCodeEditor } from "./editor-shell.mjs";
+import { JsonCodeEditor } from "./editor-json.mjs";
+import { SQLCodeEditor } from "./editor-sql.mjs";
+import { PythonCodeEditor } from "./editor-python.mjs";
+import { BaseCodeEditor } from "./editor.mjs";
+export { BaseCodeEditor, CodeEditor, JsonCodeEditor, PythonCodeEditor, SQLCodeEditor, ShellCodeEditor, TypeScriptCodeEditor };

package/dist/esm/components/code-editor/theme/dark.mjs

@@ -39,7 +39,7 @@ const darkTheme = createTheme({
         gutterForeground: colors.foreground,
         gutterBorderColor: 'transparent',
         gutterBorderWidth: 0,
-        lineHighlight: '#21262D',
+        lineHighlight: 'transparent',
         bracketColors: [
             '#FBBF24',
             '#A78BFA',

package/dist/esm/components/code-editor/theme/light.mjs

@@ -34,7 +34,7 @@ const lightTheme = createTheme({
         gutterForeground: colors.foreground,
         gutterBorderColor: 'transparent',
         gutterBorderWidth: 0,
-        lineHighlight: colors.background,
+        lineHighlight: 'transparent',
         bracketColors: [
             '#F59E0B',
             '#8B5CF6',

package/dist/esm/components/code-editor/utils.mjs

@@ -3,6 +3,7 @@ function getSuffixByLanguageId(languageId) {
     if ("typescript" === languageId) return '.ts';
     if ('shell' === languageId) return '.sh';
     if ('json' === languageId) return '.json';
+    if ('sql' === languageId) return '.sql';
     return '';
 }
 export { getSuffixByLanguageId };

package/dist/esm/components/index.mjs

@@ -3,8 +3,9 @@ import { AssignRows } from "./assign-rows/index.mjs";
 import { BatchOutputs } from "./batch-outputs/index.mjs";
 import { BatchVariableSelector } from "./batch-variable-selector/index.mjs";
 import { BlurInput } from "./blur-input/index.mjs";
-import { CodeEditor } from "./code-editor/index.mjs";
+import { BaseCodeEditor, CodeEditor, JsonCodeEditor, PythonCodeEditor, SQLCodeEditor, ShellCodeEditor, TypeScriptCodeEditor } from "./code-editor/index.mjs";
 import { CodeEditorMini } from "./code-editor-mini/index.mjs";
+import { ConditionPresetOp, ConditionProvider, useCondition, useConditionContext } from "./condition-context/index.mjs";
 import { ConditionRow } from "./condition-row/index.mjs";
 import { ConstantInput } from "./constant-input/index.mjs";
 import { EditorInputsTree, EditorVariableTagInject, EditorVariableTree } from "./coze-editor-extensions/index.mjs";
@@ -22,6 +23,7 @@ import { JsonSchemaEditor } from "./json-schema-editor/index.mjs";
 import { PromptEditor } from "./prompt-editor/index.mjs";
 import { PromptEditorWithInputs } from "./prompt-editor-with-inputs/index.mjs";
 import { PromptEditorWithVariables } from "./prompt-editor-with-variables/index.mjs";
+import { SQLEditorWithVariables } from "./sql-editor-with-variables/index.mjs";
 import { InjectTypeSelector, TypeSelector, getTypeSelectValue, parseTypeSelectValue } from "./type-selector/index.mjs";
 import { InjectVariableSelector, VariableSelector, VariableSelectorProvider, useVariableTree } from "./variable-selector/index.mjs";
-export { AssignRow, AssignRows, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useVariableTree };
+export { AssignRow, AssignRows, BaseCodeEditor, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionPresetOp, ConditionProvider, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonCodeEditor, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, PythonCodeEditor, SQLCodeEditor, SQLEditorWithVariables, ShellCodeEditor, TypeScriptCodeEditor, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useCondition, useConditionContext, useVariableTree };

package/dist/esm/components/json-editor-with-variables/editor.mjs

@@ -3,7 +3,7 @@ import "react";
 import { I18n } from "@flowgram.ai/editor";
 import { transformerCreator } from "@flowgram.ai/coze-editor/preset-code";
 import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
-import { CodeEditor } from "../code-editor/index.mjs";
+import { JsonCodeEditor } from "../code-editor/index.mjs";
 const TRIGGER_CHARACTERS = [
     '@'
 ];
@@ -32,8 +32,7 @@ const transformer = transformerCreator((text)=>{
     return text;
 });
 function JsonEditorWithVariables(props) {
-    return /*#__PURE__*/ jsxs(CodeEditor, {
-        languageId: "json",
+    return /*#__PURE__*/ jsxs(JsonCodeEditor, {
         activeLinePlaceholder: I18n.t("Press '@' to Select variable"),
         ...props,
         options: {

package/dist/esm/components/sql-editor-with-variables/editor.mjs

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { I18n } from "@flowgram.ai/editor";
+import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
+import { SQLCodeEditor } from "../code-editor/index.mjs";
+function SQLEditorWithVariables(props) {
+    return /*#__PURE__*/ jsxs(SQLCodeEditor, {
+        activeLinePlaceholder: I18n.t("Press '@' to Select variable"),
+        ...props,
+        options: {
+            ...props.options || {}
+        },
+        children: [
+            /*#__PURE__*/ jsx(EditorVariableTree, {}),
+            /*#__PURE__*/ jsx(EditorVariableTagInject, {})
+        ]
+    });
+}
+export { SQLEditorWithVariables };

package/dist/esm/components/sql-editor-with-variables/index.mjs

@@ -0,0 +1,5 @@
+import { lazySuspense } from "../../shared/index.mjs";
+const SQLEditorWithVariables = lazySuspense(()=>import("./editor.mjs").then((module)=>({
+            default: module.SQLEditorWithVariables
+        })));
+export { SQLEditorWithVariables };

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
-import { AssignRow, AssignRows, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useVariableTree } from "./components/index.mjs";
+import { AssignRow, AssignRows, BaseCodeEditor, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionPresetOp, ConditionProvider, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonCodeEditor, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, PythonCodeEditor, SQLCodeEditor, SQLEditorWithVariables, ShellCodeEditor, TypeScriptCodeEditor, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useCondition, useConditionContext, useVariableTree } from "./components/index.mjs";
 import { autoRenameRefEffect, listenRefSchemaChange, listenRefValueChange, provideBatchInputEffect, provideJsonSchemaOutputs, syncVariableTitle, validateWhenVariableSync } from "./effects/index.mjs";
 import { createBatchOutputsFormPlugin, createInferAssignPlugin, createInferInputsPlugin, provideBatchOutputsEffect } from "./form-plugins/index.mjs";
 import { useObjectList } from "./hooks/index.mjs";
 import { JsonSchemaTypePresetProvider, JsonSchemaUtils, createDisableDeclarationPlugin, createTypePresetPlugin, useTypeManager } from "./plugins/index.mjs";
 import { FlowValueUtils, createInjectMaterial, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, polyfillCreateRoot, unstableSetCreateRoot, withSuspense } from "./shared/index.mjs";
 import { validateFlowValue } from "./validate/index.mjs";
-export { AssignRow, AssignRows, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, FlowValueUtils, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, JsonSchemaTypePresetProvider, JsonSchemaUtils, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, autoRenameRefEffect, createBatchOutputsFormPlugin, createDisableDeclarationPlugin, createInferAssignPlugin, createInferInputsPlugin, createInjectMaterial, createTypePresetPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, listenRefSchemaChange, listenRefValueChange, parseTypeSelectValue, polyfillCreateRoot, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, unstableSetCreateRoot, useObjectList, useTypeManager, useVariableTree, validateFlowValue, validateWhenVariableSync, withSuspense };
+export { AssignRow, AssignRows, BaseCodeEditor, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionPresetOp, ConditionProvider, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, FlowValueUtils, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonCodeEditor, JsonEditorWithVariables, JsonSchemaEditor, JsonSchemaTypePresetProvider, JsonSchemaUtils, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, PythonCodeEditor, SQLCodeEditor, SQLEditorWithVariables, ShellCodeEditor, TypeScriptCodeEditor, TypeSelector, VariableSelector, VariableSelectorProvider, autoRenameRefEffect, createBatchOutputsFormPlugin, createDisableDeclarationPlugin, createInferAssignPlugin, createInferInputsPlugin, createInjectMaterial, createTypePresetPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, listenRefSchemaChange, listenRefValueChange, parseTypeSelectValue, polyfillCreateRoot, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, unstableSetCreateRoot, useCondition, useConditionContext, useObjectList, useTypeManager, useVariableTree, validateFlowValue, validateWhenVariableSync, withSuspense };

package/dist/esm/plugins/json-schema-preset/type-definition/array.mjs

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { I18n } from "@flowgram.ai/editor";
 import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
-import { CodeEditorMini } from "../../../components/code-editor-mini/index.mjs";
+import { JsonCodeEditor } from "../../../components/code-editor/index.mjs";
 const arrayRegistry = {
     type: 'array',
-    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(CodeEditorMini, {
+    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(JsonCodeEditor, {
+            mini: true,
             value: props.value,
-            languageId: "json",
             onChange: (v)=>props.onChange?.(v),
             placeholder: I18n.t('Please Input Array'),
             readonly: props.readonly

package/dist/esm/plugins/json-schema-preset/type-definition/map.mjs

@@ -2,13 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { I18n } from "@flowgram.ai/editor";
 import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
-import { CodeEditorMini } from "../../../components/code-editor-mini/index.mjs";
+import { JsonCodeEditor } from "../../../components/code-editor/index.mjs";
 const mapRegistry = {
     type: 'map',
-    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(CodeEditorMini, {
+    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(JsonCodeEditor, {
+            mini: true,
             value: props.value,
             onChange: (v)=>props.onChange?.(v),
-            languageId: "json",
             placeholder: I18n.t('Please Input Map'),
             readonly: props.readonly
         }),

package/dist/esm/plugins/json-schema-preset/type-definition/object.mjs

@@ -2,13 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { I18n } from "@flowgram.ai/editor";
 import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
-import { CodeEditorMini } from "../../../components/code-editor-mini/index.mjs";
+import { JsonCodeEditor } from "../../../components/code-editor/index.mjs";
 const objectRegistry = {
     type: 'object',
-    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(CodeEditorMini, {
+    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(JsonCodeEditor, {
+            mini: true,
             value: props.value,
             onChange: (v)=>props.onChange?.(v),
-            languageId: "json",
             placeholder: I18n.t('Please Input Object'),
             readonly: props.readonly
         }),

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/components/index.ts","../src/components/assign-row/index.tsx","../src/components/assign-row/types.ts","../src/components/assign-rows/index.tsx","../src/components/batch-outputs/index.tsx","../src/components/batch-outputs/styles.tsx","../src/components/batch-outputs/types.ts","../src/components/batch-variable-selector/index.tsx","../src/components/blur-input/index.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/index.tsx","../src/components/code-editor/language-features.ts","../src/components/code-editor/utils.ts","../src/components/code-editor/theme/dark.ts","../src/components/code-editor/theme/index.ts","../src/components/code-editor/theme/light.ts","../src/components/code-editor-mini/index.tsx","../src/components/condition-context/context.tsx","../src/components/condition-context/index.tsx","../src/components/condition-context/op.ts","../src/components/condition-context/types.ts","../src/components/condition-context/hooks/use-condition.tsx","../src/components/condition-row/index.tsx","../src/components/condition-row/styles.tsx","../src/components/condition-row/types.ts","../src/components/constant-input/index.tsx","../src/components/constant-input/types.ts","../src/components/coze-editor-extensions/index.tsx","../src/components/coze-editor-extensions/styles.tsx","../src/components/coze-editor-extensions/extensions/inputs-tree.tsx","../src/components/coze-editor-extensions/extensions/variable-tag.tsx","../src/components/coze-editor-extensions/extensions/variable-tree.tsx","../src/components/db-condition-row/index.tsx","../src/components/db-condition-row/styles.tsx","../src/components/db-condition-row/types.ts","../src/components/display-flow-value/index.tsx","../src/components/display-inputs-values/index.tsx","../src/components/display-inputs-values/styles.ts","../src/components/display-outputs/index.tsx","../src/components/display-outputs/styles.ts","../src/components/display-schema-tag/index.tsx","../src/components/display-schema-tag/styles.ts","../src/components/display-schema-tree/index.tsx","../src/components/display-schema-tree/styles.tsx","../src/components/dynamic-value-input/hooks.ts","../src/components/dynamic-value-input/index.tsx","../src/components/dynamic-value-input/styles.tsx","../src/components/inputs-values/index.tsx","../src/components/inputs-values/styles.tsx","../src/components/inputs-values/types.ts","../src/components/inputs-values-tree/index.tsx","../src/components/inputs-values-tree/row.tsx","../src/components/inputs-values-tree/styles.tsx","../src/components/inputs-values-tree/types.ts","../src/components/inputs-values-tree/hooks/use-child-list.tsx","../src/components/json-editor-with-variables/editor.tsx","../src/components/json-editor-with-variables/index.tsx","../src/components/json-schema-editor/default-value.tsx","../src/components/json-schema-editor/hooks.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/styles.tsx","../src/components/json-schema-editor/types.ts","../src/components/prompt-editor/editor.tsx","../src/components/prompt-editor/index.tsx","../src/components/prompt-editor/styles.tsx","../src/components/prompt-editor/types.tsx","../src/components/prompt-editor/extensions/jinja.tsx","../src/components/prompt-editor/extensions/language-support.tsx","../src/components/prompt-editor/extensions/markdown.tsx","../src/components/prompt-editor-with-inputs/editor.tsx","../src/components/prompt-editor-with-inputs/index.tsx","../src/components/prompt-editor-with-variables/editor.tsx","../src/components/prompt-editor-with-variables/index.tsx","../src/components/type-selector/index.tsx","../src/components/variable-selector/context.tsx","../src/components/variable-selector/index.tsx","../src/components/variable-selector/styles.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/effects/index.ts","../src/effects/auto-rename-ref/index.ts","../src/effects/listen-ref-schema-change/index.ts","../src/effects/listen-ref-value-change/index.ts","../src/effects/provide-batch-input/index.ts","../src/effects/provide-json-schema-outputs/index.ts","../src/effects/sync-variable-title/index.ts","../src/effects/validate-when-variable-sync/index.ts","../src/form-plugins/index.ts","../src/form-plugins/batch-outputs-plugin/index.ts","../src/form-plugins/infer-assign-plugin/index.ts","../src/form-plugins/infer-inputs-plugin/index.ts","../src/hooks/index.ts","../src/hooks/use-object-list/index.tsx","../src/plugins/index.ts","../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../src/plugins/disable-declaration-plugin/index.tsx","../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../src/plugins/json-schema-preset/index.tsx","../src/plugins/json-schema-preset/react.tsx","../src/plugins/json-schema-preset/types.ts","../src/plugins/json-schema-preset/type-definition/array.tsx","../src/plugins/json-schema-preset/type-definition/boolean.tsx","../src/plugins/json-schema-preset/type-definition/date-time.tsx","../src/plugins/json-schema-preset/type-definition/index.tsx","../src/plugins/json-schema-preset/type-definition/integer.tsx","../src/plugins/json-schema-preset/type-definition/map.tsx","../src/plugins/json-schema-preset/type-definition/number.tsx","../src/plugins/json-schema-preset/type-definition/object.tsx","../src/plugins/json-schema-preset/type-definition/string.tsx","../src/shared/index.ts","../src/shared/flow-value/index.ts","../src/shared/flow-value/schema.ts","../src/shared/flow-value/types.ts","../src/shared/flow-value/utils.ts","../src/shared/format-legacy-refs/index.ts","../src/shared/inject-material/index.tsx","../src/shared/lazy-suspense/index.tsx","../src/shared/polyfill-create-root/index.tsx","../src/validate/index.ts","../src/validate/validate-flow-value/index.tsx"],"version":"5.9.2"}
+{"root":["../src/index.ts","../src/components/index.ts","../src/components/assign-row/index.tsx","../src/components/assign-row/types.ts","../src/components/assign-rows/index.tsx","../src/components/batch-outputs/index.tsx","../src/components/batch-outputs/styles.tsx","../src/components/batch-outputs/types.ts","../src/components/batch-variable-selector/index.tsx","../src/components/blur-input/index.tsx","../src/components/code-editor/editor-all.tsx","../src/components/code-editor/editor-json.tsx","../src/components/code-editor/editor-python.tsx","../src/components/code-editor/editor-shell.tsx","../src/components/code-editor/editor-sql.tsx","../src/components/code-editor/editor-ts.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/factory.tsx","../src/components/code-editor/index.tsx","../src/components/code-editor/utils.ts","../src/components/code-editor/theme/dark.ts","../src/components/code-editor/theme/index.ts","../src/components/code-editor/theme/light.ts","../src/components/code-editor-mini/index.tsx","../src/components/condition-context/context.tsx","../src/components/condition-context/index.tsx","../src/components/condition-context/op.ts","../src/components/condition-context/types.ts","../src/components/condition-context/hooks/use-condition.tsx","../src/components/condition-row/index.tsx","../src/components/condition-row/styles.tsx","../src/components/condition-row/types.ts","../src/components/constant-input/index.tsx","../src/components/constant-input/types.ts","../src/components/coze-editor-extensions/index.tsx","../src/components/coze-editor-extensions/styles.tsx","../src/components/coze-editor-extensions/extensions/inputs-tree.tsx","../src/components/coze-editor-extensions/extensions/variable-tag.tsx","../src/components/coze-editor-extensions/extensions/variable-tree.tsx","../src/components/db-condition-row/index.tsx","../src/components/db-condition-row/styles.tsx","../src/components/db-condition-row/types.ts","../src/components/display-flow-value/index.tsx","../src/components/display-inputs-values/index.tsx","../src/components/display-inputs-values/styles.ts","../src/components/display-outputs/index.tsx","../src/components/display-outputs/styles.ts","../src/components/display-schema-tag/index.tsx","../src/components/display-schema-tag/styles.ts","../src/components/display-schema-tree/index.tsx","../src/components/display-schema-tree/styles.tsx","../src/components/dynamic-value-input/hooks.ts","../src/components/dynamic-value-input/index.tsx","../src/components/dynamic-value-input/styles.tsx","../src/components/inputs-values/index.tsx","../src/components/inputs-values/styles.tsx","../src/components/inputs-values/types.ts","../src/components/inputs-values-tree/index.tsx","../src/components/inputs-values-tree/row.tsx","../src/components/inputs-values-tree/styles.tsx","../src/components/inputs-values-tree/types.ts","../src/components/inputs-values-tree/hooks/use-child-list.tsx","../src/components/json-editor-with-variables/editor.tsx","../src/components/json-editor-with-variables/index.tsx","../src/components/json-schema-editor/default-value.tsx","../src/components/json-schema-editor/hooks.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/styles.tsx","../src/components/json-schema-editor/types.ts","../src/components/prompt-editor/editor.tsx","../src/components/prompt-editor/index.tsx","../src/components/prompt-editor/styles.tsx","../src/components/prompt-editor/types.tsx","../src/components/prompt-editor/extensions/jinja.tsx","../src/components/prompt-editor/extensions/language-support.tsx","../src/components/prompt-editor/extensions/markdown.tsx","../src/components/prompt-editor-with-inputs/editor.tsx","../src/components/prompt-editor-with-inputs/index.tsx","../src/components/prompt-editor-with-variables/editor.tsx","../src/components/prompt-editor-with-variables/index.tsx","../src/components/sql-editor-with-variables/editor.tsx","../src/components/sql-editor-with-variables/index.tsx","../src/components/type-selector/index.tsx","../src/components/variable-selector/context.tsx","../src/components/variable-selector/index.tsx","../src/components/variable-selector/styles.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/effects/index.ts","../src/effects/auto-rename-ref/index.ts","../src/effects/listen-ref-schema-change/index.ts","../src/effects/listen-ref-value-change/index.ts","../src/effects/provide-batch-input/index.ts","../src/effects/provide-json-schema-outputs/index.ts","../src/effects/sync-variable-title/index.ts","../src/effects/validate-when-variable-sync/index.ts","../src/form-plugins/index.ts","../src/form-plugins/batch-outputs-plugin/index.ts","../src/form-plugins/infer-assign-plugin/index.ts","../src/form-plugins/infer-inputs-plugin/index.ts","../src/hooks/index.ts","../src/hooks/use-object-list/index.tsx","../src/plugins/index.ts","../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../src/plugins/disable-declaration-plugin/index.tsx","../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../src/plugins/json-schema-preset/index.tsx","../src/plugins/json-schema-preset/react.tsx","../src/plugins/json-schema-preset/types.ts","../src/plugins/json-schema-preset/type-definition/array.tsx","../src/plugins/json-schema-preset/type-definition/boolean.tsx","../src/plugins/json-schema-preset/type-definition/date-time.tsx","../src/plugins/json-schema-preset/type-definition/index.tsx","../src/plugins/json-schema-preset/type-definition/integer.tsx","../src/plugins/json-schema-preset/type-definition/map.tsx","../src/plugins/json-schema-preset/type-definition/number.tsx","../src/plugins/json-schema-preset/type-definition/object.tsx","../src/plugins/json-schema-preset/type-definition/string.tsx","../src/shared/index.ts","../src/shared/flow-value/index.ts","../src/shared/flow-value/schema.ts","../src/shared/flow-value/types.ts","../src/shared/flow-value/utils.ts","../src/shared/format-legacy-refs/index.ts","../src/shared/inject-material/index.tsx","../src/shared/lazy-suspense/index.tsx","../src/shared/polyfill-create-root/index.tsx","../src/validate/index.ts","../src/validate/validate-flow-value/index.tsx"],"version":"5.9.2"}

package/dist/types/components/code-editor/editor-all.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * @deprecated CodeEditor will bundle all languages features, use XXXCodeEditor instead for better bundle experience
+ */
+export declare const CodeEditor: import("react").FC<import("./editor").CodeEditorPropsType>;

package/dist/types/components/code-editor/editor-json.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export declare const loadJsonLanguage: () => Promise<void>;
+export declare const JsonCodeEditor: import("react").FC<Omit<import("./editor").CodeEditorPropsType, "languageId">>;

package/dist/types/components/code-editor/editor-python.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export declare const loadPythonLanguage: () => Promise<() => void>;
+export declare const PythonCodeEditor: import("react").FC<Omit<import("./editor").CodeEditorPropsType, "languageId">>;

package/dist/types/components/code-editor/editor-shell.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export declare const loadShellLanguage: () => Promise<() => void>;
+export declare const ShellCodeEditor: import("react").FC<Omit<import("./editor").CodeEditorPropsType, "languageId">>;

package/dist/types/components/code-editor/editor-sql.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export declare const loadSqlLanguage: () => Promise<void>;
+export declare const SQLCodeEditor: import("react").FC<Omit<import("./editor").CodeEditorPropsType, "languageId">>;

package/dist/types/components/code-editor/editor-ts.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export declare const loadTypescriptLanguage: () => Promise<void>;
+export declare const TypeScriptCodeEditor: import("react").FC<Omit<import("./editor").CodeEditorPropsType, "languageId">>;

package/dist/types/components/code-editor/editor.d.ts

@@ -10,12 +10,13 @@ type Options = Partial<InferValues<Preset[number]>>;
 export interface CodeEditorPropsType extends React.PropsWithChildren<{}> {
     value?: string;
     onChange?: (value: string) => void;
-    languageId: 'python' | 'typescript' | 'shell' | 'json';
+    languageId: 'python' | 'typescript' | 'shell' | 'json' | 'sql';
     theme?: 'dark' | 'light';
     placeholder?: string;
     activeLinePlaceholder?: string;
     readonly?: boolean;
     options?: Options;
+    mini?: boolean;
 }
-export declare function CodeEditor({ value, onChange, languageId, theme, children, placeholder, activeLinePlaceholder, options, readonly, }: CodeEditorPropsType): React.JSX.Element;
+export declare function BaseCodeEditor({ value, onChange, languageId, theme, children, placeholder, activeLinePlaceholder, options, readonly, mini, }: CodeEditorPropsType): React.JSX.Element;
 export {};

package/dist/types/components/code-editor/factory.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+import type { CodeEditorPropsType } from './editor';
+export declare const BaseCodeEditor: React.LazyExoticComponent<typeof import("./editor").BaseCodeEditor>;
+interface FactoryParams<FixLanguageId extends boolean> {
+    displayName: string;
+    fixLanguageId: FixLanguageId extends true ? CodeEditorPropsType['languageId'] : undefined;
+}
+export declare const CodeEditorFactory: <FixLanguageId extends boolean>(loadLanguage: (languageId: string) => Promise<any>, { displayName, fixLanguageId }: FactoryParams<FixLanguageId>) => FixLanguageId extends true ? React.FC<Omit<CodeEditorPropsType, "languageId">> : React.FC<CodeEditorPropsType>;
+export {};

package/dist/types/components/code-editor/index.d.ts

@@ -2,5 +2,10 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-export declare const CodeEditor: import("react").LazyExoticComponent<typeof import("./editor").CodeEditor>;
-export type { CodeEditorPropsType } from './editor';
+export { CodeEditor } from './editor-all';
+export { TypeScriptCodeEditor } from './editor-ts';
+export { ShellCodeEditor } from './editor-shell';
+export { JsonCodeEditor } from './editor-json';
+export { SQLCodeEditor } from './editor-sql';
+export { PythonCodeEditor } from './editor-python';
+export { BaseCodeEditor, type CodeEditorPropsType } from './editor';

package/dist/types/components/code-editor/utils.d.ts

@@ -2,4 +2,4 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-export declare function getSuffixByLanguageId(languageId: string): "" | ".py" | ".ts" | ".sh" | ".json";
+export declare function getSuffixByLanguageId(languageId: string): "" | ".py" | ".ts" | ".sh" | ".json" | ".sql";

package/dist/types/components/code-editor-mini/index.d.ts

@@ -4,4 +4,7 @@
  */
 import React from 'react';
 import { type CodeEditorPropsType } from '../code-editor';
+/**
+ * @deprecated use mini in CodeEditorPropsType instead
+ */
 export declare function CodeEditorMini(props: CodeEditorPropsType): React.JSX.Element;

package/dist/types/components/index.d.ts

@@ -7,11 +7,12 @@ export { AssignRows } from './assign-rows';
 export { BatchOutputs } from './batch-outputs';
 export { BatchVariableSelector } from './batch-variable-selector';
 export { BlurInput } from './blur-input';
-export { CodeEditor, type CodeEditorPropsType } from './code-editor';
+export { BaseCodeEditor, CodeEditor, JsonCodeEditor, PythonCodeEditor, SQLCodeEditor, ShellCodeEditor, TypeScriptCodeEditor, type CodeEditorPropsType, } from './code-editor';
 export { CodeEditorMini } from './code-editor-mini';
+export { ConditionPresetOp, ConditionProvider, type ConditionOpConfig, type ConditionOpConfigs, type IConditionRule, type IConditionRuleFactory, useCondition, useConditionContext, } from './condition-context';
 export { ConditionRow, type ConditionRowValueType } from './condition-row';
 export { ConstantInput, type ConstantInputStrategy } from './constant-input';
-export { EditorVariableTagInject, EditorVariableTree, EditorInputsTree, } from './coze-editor-extensions';
+export { EditorInputsTree, EditorVariableTagInject, EditorVariableTree, } from './coze-editor-extensions';
 export { DBConditionRow, type DBConditionOptionType, type DBConditionRowValueType, } from './db-condition-row';
 export { DisplayFlowValue } from './display-flow-value';
 export { DisplayInputsValueAllInTag, DisplayInputsValues } from './display-inputs-values';
@@ -26,5 +27,6 @@ export { JsonSchemaEditor } from './json-schema-editor';
 export { PromptEditor, type PromptEditorPropsType } from './prompt-editor';
 export { PromptEditorWithInputs, type PromptEditorWithInputsProps, } from './prompt-editor-with-inputs';
 export { PromptEditorWithVariables, type PromptEditorWithVariablesProps, } from './prompt-editor-with-variables';
+export { SQLEditorWithVariables, type SQLEditorWithVariablesProps, } from './sql-editor-with-variables';
 export { InjectTypeSelector, TypeSelector, getTypeSelectValue, parseTypeSelectValue, type TypeSelectorProps, } from './type-selector';
 export { InjectVariableSelector, VariableSelector, VariableSelectorProvider, useVariableTree, type VariableSelectorProps, } from './variable-selector';

package/dist/types/components/sql-editor-with-variables/editor.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+import { type CodeEditorPropsType } from '../code-editor';
+export interface SQLEditorWithVariablesProps extends Omit<CodeEditorPropsType, 'languageId'> {
+}
+export declare function SQLEditorWithVariables(props: SQLEditorWithVariablesProps): React.JSX.Element;

package/dist/types/components/sql-editor-with-variables/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export declare const SQLEditorWithVariables: import("react").LazyExoticComponent<typeof import("./editor").SQLEditorWithVariables>;
+export type { SQLEditorWithVariablesProps } from './editor';

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-export { AssignRow, AssignRows, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, EditorVariableTagInject, EditorVariableTree, EditorInputsTree, getTypeSelectValue, parseTypeSelectValue, type AssignValueType, type CodeEditorPropsType, type ConditionRowValueType, type ConstantInputStrategy, type DBConditionOptionType, type DBConditionRowValueType, type JsonEditorWithVariablesProps, type PromptEditorPropsType, type PromptEditorWithInputsProps, type PromptEditorWithVariablesProps, type TypeSelectorProps, type VariableSelectorProps, useVariableTree, } from './components';
+export { AssignRow, AssignRows, BaseCodeEditor, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionPresetOp, ConditionProvider, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonCodeEditor, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, PythonCodeEditor, SQLCodeEditor, SQLEditorWithVariables, ShellCodeEditor, TypeScriptCodeEditor, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, type AssignValueType, type CodeEditorPropsType, type ConditionOpConfig, type ConditionOpConfigs, type ConditionRowValueType, type ConstantInputStrategy, type DBConditionOptionType, type DBConditionRowValueType, type IConditionRule, type IConditionRuleFactory, type JsonEditorWithVariablesProps, type PromptEditorPropsType, type PromptEditorWithInputsProps, type PromptEditorWithVariablesProps, type SQLEditorWithVariablesProps, type TypeSelectorProps, type VariableSelectorProps, useCondition, useConditionContext, useVariableTree, } from './components';
 export { autoRenameRefEffect, listenRefSchemaChange, listenRefValueChange, provideBatchInputEffect, provideJsonSchemaOutputs, syncVariableTitle, validateWhenVariableSync, } from './effects';
 export { createBatchOutputsFormPlugin, createInferAssignPlugin, createInferInputsPlugin, provideBatchOutputsEffect, } from './form-plugins';
 export { useObjectList } from './hooks';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/form-materials",
-  "version": "0.4.18",
+  "version": "0.5.0",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
@@ -60,7 +60,6 @@
   ],
   "dependencies": {
     "@douyinfe/semi-icons": "^2.80.0",
-    "@douyinfe/semi-illustrations": "^2.80.0",
     "@douyinfe/semi-ui": "^2.80.0",
     "lodash-es": "^4.17.21",
     "nanoid": "^5.0.9",
@@ -68,9 +67,9 @@
     "@codemirror/view": "~6.38.0",
     "@codemirror/state": "~6.5.2",
     "zod": "^3.24.4",
-    "@flowgram.ai/json-schema": "0.4.18",
-    "@flowgram.ai/editor": "0.4.18",
-    "@flowgram.ai/coze-editor": "0.4.18"
+    "@flowgram.ai/json-schema": "0.5.0",
+    "@flowgram.ai/editor": "0.5.0",
+    "@flowgram.ai/coze-editor": "0.5.0"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -89,13 +88,13 @@
     "cross-env": "~7.0.3",
     "@rsbuild/plugin-react": "^1.1.1",
     "date-fns": "~4.1.0",
-    "@flowgram.ai/ts-config": "0.4.18",
-    "@flowgram.ai/eslint-config": "0.4.18"
+    "@flowgram.ai/eslint-config": "0.5.0",
+    "@flowgram.ai/ts-config": "0.5.0"
   },
   "peerDependencies": {
     "react": ">=16.8",
     "react-dom": ">=16.8",
-    "styled-components": ">=4"
+    "styled-components": ">=5"
   },
   "publishConfig": {
     "access": "public",