@teambit/react 0.0.893 → 0.0.895

package/dist/react.env.js

@@ -324,7 +324,9 @@ class ReactEnv {
    * returns and configures the component formatter.
    */
   getFormatter(context, transformers = []) {
-    return this.prettier.createFormatter(context, {
+    return this.prettier.createFormatter({
+      check: context === null || context === void 0 ? void 0 : context.check
+    }, {
       config: prettierConfig
     }, transformers);
   }

package/dist/react.env.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactEnvType","defaultTsConfig","require","buildTsConfig","eslintConfig","prettierConfig","ReactEnv","constructor","jestAspect","tsAspect","compiler","webpack","workspace","pkg","tester","config","eslint","prettier","dependencyResolver","logger","compilerAspectId","getTsConfig","targetTsConfig","merge","getBuildTsConfig","getCjsJestTester","jestConfigPath","jestModulePath","createCjsJestTester","pathToSource","pathNormalizeToLinux","__dirname","replace","defaultConfig","join","createTester","resolve","getEsmJestTester","createEsmJestTester","getTester","createTsCompilerOptions","mode","tsconfig","cloneDeep","compileJs","compileJsx","types","getTsCjsCompiler","transformers","tsModule","ts","createTsCjsCompiler","tsCompileOptions","createCjsCompiler","getTsEsmCompiler","createTsEsmCompiler","createEsmCompiler","getCompiler","getLinter","context","tsConfig","defaultTransformer","configMutator","addExtensionTypes","setTsConfig","allTransformers","createLinter","pluginPath","getFormatter","createFormatter","getFileMap","components","local","reduce","index","component","state","filesystem","files","forEach","file","path","id","toString","homepage","fullName","ComponentUrl","toUrl","writeFileMap","fileMap","tmpdir","Math","random","slice","outputFileSync","JSON","stringify","getDevEnvId","ReactAspect","getSchemaExtractor","createSchemaExtractor","getDevServer","baseConfig","basePreviewConfigFactory","envDevConfig","envPreviewDevConfigFactory","componentDevConfig","componentPreviewDevConfigFactory","merged","createDevServer","getBundler","createComponentsWebpackBundler","development","baseProdConfig","basePreviewProdConfigFactory","componentProdConfig","componentPreviewProdConfigFactory","mergedTransformers","createWebpackBundler","createTemplateWebpackBundler","templateConfig","templateWebpackConfigFactory","createBundler","getPeerDependenciesList","getPeerDependenciesListFromEnv","getAdditionalHostDependencies","getDocsTemplate","getMounter","getPreviewConfig","strategyName","COMPONENT_PREVIEW_STRATEGY_NAME","splitComponentBundle","isScaling","getPackageJsonProps","getCjsPackageJsonProps","createCjsPackageJsonProps","getEsmPackageJsonProps","createEsmPackageJsonProps","getNpmIgnore","CAPSULE_ARTIFACTS_DIR","getDependencies","dependencies","react","devDependencies","peerDependencies","getBuildPipe","modifiers","tsModifier","createCjsCompilerTask","module","task","getBuildPipeWithoutCompiler","createBuildPipeWithoutCompiler","pipeWithoutCompiler","filter","aspectId","getEsmCompilerTask","createEsmCompilerTask","tsCompiler","createTask","getCjsCompilerTask","__getDescriptor","type"],"sources":["react.env.ts"],"sourcesContent":["import ts, { TsConfigSourceFile } from 'typescript';\nimport { tmpdir } from 'os';\nimport { Component } from '@teambit/component';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { BuildTask, CAPSULE_ARTIFACTS_DIR } from '@teambit/builder';\nimport { merge, cloneDeep } from 'lodash';\nimport { Bundler, BundlerContext, DevServer, DevServerContext } from '@teambit/bundler';\nimport { COMPONENT_PREVIEW_STRATEGY_NAME, PreviewStrategyName } from '@teambit/preview';\nimport { CompilerMain } from '@teambit/compiler';\nimport {\n  BuilderEnv,\n  CompilerEnv,\n  DependenciesEnv,\n  DevEnv,\n  LinterEnv,\n  PackageEnv,\n  TesterEnv,\n  FormatterEnv,\n  PipeServiceModifier,\n  PipeServiceModifiersMap,\n} from '@teambit/envs';\nimport { JestMain } from '@teambit/jest';\nimport { PackageJsonProps, PkgMain } from '@teambit/pkg';\nimport { Tester, TesterMain } from '@teambit/tester';\nimport { TsConfigTransformer, TypescriptMain } from '@teambit/typescript';\nimport type { TypeScriptCompilerOptions } from '@teambit/typescript';\nimport { WebpackConfigTransformer, WebpackMain } from '@teambit/webpack';\nimport { Workspace } from '@teambit/workspace';\nimport { ESLintMain, EslintConfigTransformer } from '@teambit/eslint';\nimport { PrettierConfigTransformer, PrettierMain } from '@teambit/prettier';\nimport { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { Linter, LinterContext } from '@teambit/linter';\nimport { Formatter, FormatterContext } from '@teambit/formatter';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport type { ComponentMeta } from '@teambit/react.ui.highlighter.component-metadata.bit-component-meta';\nimport { SchemaExtractor } from '@teambit/schema';\nimport { join, resolve } from 'path';\nimport { outputFileSync } from 'fs-extra';\nimport { Logger } from '@teambit/logger';\n// ensure reactEnv depends on compositions-app\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CompositionsApp } from '@teambit/react.ui.compositions-app';\n// ensure reactEnv depends on docs-app\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport DocsApps from '@teambit/react.ui.docs-app';\nimport type { ReactMainConfig } from './react.main.runtime';\nimport { ReactAspect } from './react.aspect';\n// webpack configs for both components and envs\nimport basePreviewConfigFactory from './webpack/webpack.config.base';\nimport basePreviewProdConfigFactory from './webpack/webpack.config.base.prod';\n\n// webpack configs for envs only\n// import devPreviewConfigFactory from './webpack/webpack.config.preview.dev';\nimport envPreviewDevConfigFactory from './webpack/webpack.config.env.dev';\nimport { templateWebpackConfigFactory } from './webpack/webpack.config.env.template';\n\n// webpack configs for components only\nimport componentPreviewProdConfigFactory from './webpack/webpack.config.component.prod';\nimport componentPreviewDevConfigFactory from './webpack/webpack.config.component.dev';\n\nexport const ReactEnvType = 'react';\nconst defaultTsConfig = require('./typescript/tsconfig.json');\nconst buildTsConfig = require('./typescript/tsconfig.build.json');\nconst eslintConfig = require('./eslint/eslintrc');\nconst prettierConfig = require('./prettier/prettier.config.js');\n\n// TODO: move to be taken from the key mode of compiler context\ntype CompilerMode = 'build' | 'dev';\n\ntype GetBuildPipeModifiers = PipeServiceModifiersMap & {\n  tsModifier?: PipeServiceModifier;\n};\n\n/**\n * a component environment built for [React](https://reactjs.org) .\n */\nexport class ReactEnv\n  implements TesterEnv, CompilerEnv, LinterEnv, DevEnv, BuilderEnv, DependenciesEnv, PackageEnv, FormatterEnv\n{\n  constructor(\n    /**\n     * jest extension\n     */\n    private jestAspect: JestMain,\n\n    /**\n     * typescript extension.\n     */\n    protected tsAspect: TypescriptMain,\n\n    /**\n     * compiler extension.\n     */\n    private compiler: CompilerMain,\n\n    /**\n     * webpack extension.\n     */\n    private webpack: WebpackMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * pkg extension.\n     */\n    private pkg: PkgMain,\n\n    /**\n     * tester extension\n     */\n    private tester: TesterMain,\n\n    private config: ReactMainConfig,\n\n    private eslint: ESLintMain,\n\n    private prettier: PrettierMain,\n\n    private dependencyResolver: DependencyResolverMain,\n\n    private logger: Logger,\n\n    private compilerAspectId: string\n  ) {}\n\n  getTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, defaultTsConfig, targetTsConfig) : defaultTsConfig;\n  }\n\n  getBuildTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, buildTsConfig, targetTsConfig) : buildTsConfig;\n  }\n\n  /**\n   * @deprecated use createCjsJestTester()\n   */\n  getCjsJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    return this.createCjsJestTester(jestConfigPath, jestModulePath);\n  }\n\n  /**\n   * Get a jest tester instance with react config and cjs configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  createCjsJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.cjs.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * @deprecated use createEsmJestTester()\n   */\n  getEsmJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    return this.createEsmJestTester(jestConfigPath, jestModulePath);\n  }\n\n  /**\n   * Get a jest tester instance with react config and esm configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  createEsmJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.esm.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * returns a component tester.\n   */\n  getTester(jestConfigPath: string, jestModulePath?: string): Tester {\n    // return this.createEsmJestTester(jestConfigPath, jestModulePath);\n    return this.createCjsJestTester(jestConfigPath, jestModulePath);\n  }\n\n  private createTsCompilerOptions(mode: CompilerMode = 'dev'): TypeScriptCompilerOptions {\n    const tsconfig = mode === 'dev' ? cloneDeep(defaultTsConfig) : cloneDeep(buildTsConfig);\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist/', '/src/');\n    const compileJs = true;\n    const compileJsx = true;\n    return {\n      tsconfig,\n      // TODO: @david please remove this line and refactor to be something that makes sense.\n      types: [resolve(pathToSource, './typescript/style.d.ts'), resolve(pathToSource, './typescript/asset.d.ts')],\n      compileJs,\n      compileJsx,\n    };\n  }\n\n  /**\n   * @deprecated use createTsCjsCompiler()\n   */\n  getTsCjsCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.createTsCjsCompiler(mode, transformers, tsModule);\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to cjs module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createTsCjsCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.createTsCompilerOptions(mode);\n    return this.tsAspect.createCjsCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  /**\n   * @deprecated use createTsEsmCompiler()\n   */\n  getTsEsmCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    this.createTsEsmCompiler(mode, transformers, tsModule);\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to esm module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createTsEsmCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.createTsCompilerOptions(mode);\n    return this.tsAspect.createEsmCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  getCompiler(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    // return this.getTsEsmCompiler('dev', transformers, tsModule);\n    return this.createTsCjsCompiler('dev', transformers, tsModule);\n  }\n\n  /**\n   * returns and configures the component linter.\n   */\n  getLinter(context: LinterContext, transformers: EslintConfigTransformer[] = []): Linter {\n    const tsConfig = this.createTsCompilerOptions('dev').tsconfig;\n\n    const defaultTransformer: EslintConfigTransformer = (configMutator) => {\n      configMutator.addExtensionTypes(['.md', '.mdx']);\n      configMutator.setTsConfig(tsConfig);\n      return configMutator;\n    };\n\n    const allTransformers = [defaultTransformer, ...transformers];\n\n    return this.eslint.createLinter(\n      context,\n      {\n        config: eslintConfig,\n        // resolve all plugins from the react environment.\n        pluginPath: __dirname,\n      },\n      allTransformers\n    );\n  }\n\n  /**\n   * returns and configures the component formatter.\n   */\n  getFormatter(context: FormatterContext, transformers: PrettierConfigTransformer[] = []): Formatter {\n    return this.prettier.createFormatter(\n      context,\n      {\n        config: prettierConfig,\n      },\n      transformers\n    );\n  }\n\n  private getFileMap(components: Component[], local = false) {\n    return components.reduce<{ [key: string]: ComponentMeta }>((index, component: Component) => {\n      component.state.filesystem.files.forEach((file) => {\n        index[file.path] = {\n          id: component.id.toString(),\n          homepage: local ? `/${component.id.fullName}` : ComponentUrl.toUrl(component.id),\n        };\n      });\n\n      return index;\n    }, {});\n  }\n\n  private writeFileMap(components: Component[], local?: boolean) {\n    const fileMap = this.getFileMap(components, local);\n    const path = join(tmpdir(), `${Math.random().toString(36).slice(2, 11)}.json`);\n    outputFileSync(path, JSON.stringify(fileMap));\n    return path;\n  }\n\n  /**\n   * required for `bit start`\n   */\n  getDevEnvId(id?: string) {\n    if (typeof id !== 'string') return ReactAspect.id;\n    return id || ReactAspect.id;\n  }\n\n  /**\n   * get a schema generator instance configured with the correct tsconfig.\n   */\n  getSchemaExtractor(tsconfig: TsConfigSourceFile): SchemaExtractor {\n    return this.tsAspect.createSchemaExtractor(this.getTsConfig(tsconfig));\n  }\n\n  /**\n   * returns and configures the React component dev server.\n   * required for `bit start`\n   */\n  getDevServer(context: DevServerContext, transformers: WebpackConfigTransformer[] = []): DevServer {\n    const baseConfig = basePreviewConfigFactory(false);\n    const envDevConfig = envPreviewDevConfigFactory(context.id);\n    const componentDevConfig = componentPreviewDevConfigFactory(this.workspace.path, context.id);\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, envDevConfig, componentDevConfig]);\n      return merged;\n    };\n\n    return this.webpack.createDevServer(context, [defaultTransformer, ...transformers]);\n  }\n\n  async getBundler(context: BundlerContext, transformers: WebpackConfigTransformer[] = []): Promise<Bundler> {\n    return this.createComponentsWebpackBundler(context, transformers);\n  }\n\n  async createComponentsWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const componentProdConfig = componentPreviewProdConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, componentProdConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  async createTemplateWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const templateConfig = templateWebpackConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, templateConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  private async createWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    return this.webpack.createBundler(context, transformers);\n  }\n\n  /**\n   * Get the peers configured by the env on the components + the host deps configured by the env\n   */\n  getPeerDependenciesList() {\n    return this.dependencyResolver.getPeerDependenciesListFromEnv(this);\n  }\n\n  getAdditionalHostDependencies(): string[] {\n    return ['@teambit/mdx.ui.mdx-scope-context', '@mdx-js/react', 'react'];\n  }\n\n  /**\n   * returns a path to a docs template.\n   */\n  getDocsTemplate() {\n    return require.resolve('@teambit/react.ui.docs-app');\n  }\n\n  icon = 'https://static.bit.dev/extensions-icons/react.svg';\n\n  /**\n   * returns the path to the compositions template\n   */\n  getMounter() {\n    return require.resolve('@teambit/react.ui.compositions-app');\n  }\n\n  getPreviewConfig() {\n    return {\n      strategyName: COMPONENT_PREVIEW_STRATEGY_NAME as PreviewStrategyName,\n      splitComponentBundle: true,\n      isScaling: true,\n    };\n  }\n\n  /**\n   * define the package json properties to add to each component.\n   */\n  getPackageJsonProps(): PackageJsonProps {\n    // React compile by default to esm, so uses type module\n    // return this.getEsmPackageJsonProps();\n    return this.getCjsPackageJsonProps();\n  }\n\n  /**\n   * @deprecated use createCjsPackageJsonProps()\n   */\n  getCjsPackageJsonProps(): PackageJsonProps {\n    return this.createCjsPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for a cjs component\n   * @returns\n   */\n  createCjsPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getCjsPackageJsonProps();\n  }\n\n  /**\n   * @deprecated use createEsmPackageJsonProps()\n   */\n  getEsmPackageJsonProps(): PackageJsonProps {\n    return this.createEsmPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for an esm component\n   * @returns\n   */\n  createEsmPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getEsmPackageJsonProps();\n  }\n\n  getNpmIgnore() {\n    // ignores only .ts files in the root directory, so d.ts files inside dists are unaffected.\n    // without this change, the package has \"index.ts\" file in the root, causing typescript to parse it instead of the\n    // d.ts files. (changing the \"types\" prop in the package.json file doesn't help).\n    return [`${CAPSULE_ARTIFACTS_DIR}/`];\n  }\n\n  /**\n   * adds dependencies to all configured components.\n   */\n  getDependencies() {\n    return {\n      dependencies: {\n        react: '-',\n        'react-dom': '-',\n        'core-js': '^3.0.0',\n      },\n      // TODO: add this only if using ts\n      devDependencies: {\n        react: '-',\n        'react-dom': '-',\n        '@types/mocha': '-',\n        '@types/node': '12.20.4',\n        '@types/react': '^17.0.8',\n        '@types/react-dom': '^17.0.5',\n        '@types/jest': '^26.0.0',\n        // This is added as dev dep since our jest file transformer uses babel plugins that require this to be installed\n        '@babel/runtime': '7.20.0',\n        '@types/testing-library__jest-dom': '5.9.5',\n      },\n      peerDependencies: {\n        react: '^16.8.0 || ^17.0.0',\n        'react-dom': '^16.8.0 || ^17.0.0',\n      },\n    };\n  }\n\n  /**\n   * returns the component build pipeline.\n   */\n  getBuildPipe(modifiers: GetBuildPipeModifiers = {}): BuildTask[] {\n    const transformers: Function[] = modifiers?.tsModifier?.transformers || [];\n    return [this.createCjsCompilerTask(transformers, modifiers?.tsModifier?.module || ts), this.tester.task];\n  }\n\n  /**\n   * @deprecated use createBuildPipeWithoutCompiler()\n   */\n  getBuildPipeWithoutCompiler(): BuildTask[] {\n    return this.createBuildPipeWithoutCompiler();\n  }\n\n  /**\n   * Get the react build pipeline without the compilation task.\n   * This help in cases you want to only replace the compilation task with something else\n   * @returns\n   */\n  createBuildPipeWithoutCompiler(): BuildTask[] {\n    const pipeWithoutCompiler = this.getBuildPipe().filter((task) => task.aspectId !== this.compilerAspectId);\n    return pipeWithoutCompiler;\n  }\n\n  /**\n   * @deprecated use createEsmCompilerTask()\n   */\n  getEsmCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.createEsmCompilerTask(transformers as Function[], tsModule);\n  }\n\n  /**\n   * Get a compiler task with react config and set to esm module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createEsmCompilerTask(transformers: Function[] = [], tsModule = ts) {\n    const tsCompiler = this.createTsEsmCompiler('build', transformers as TsConfigTransformer[], tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  /**\n   * @deprecated use createCjsCompilerTask()\n   * */\n  getCjsCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.createCjsCompilerTask(transformers as Function[], tsModule);\n  }\n\n  /**\n   * Get a compiler task with react config and set to cjs module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createCjsCompilerTask(transformers: Function[] = [], tsModule = ts) {\n    const tsCompiler = this.createTsCjsCompiler('build', transformers as TsConfigTransformer[], tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  async __getDescriptor() {\n    return {\n      type: ReactEnvType,\n    };\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["ReactEnvType","defaultTsConfig","require","buildTsConfig","eslintConfig","prettierConfig","ReactEnv","constructor","jestAspect","tsAspect","compiler","webpack","workspace","pkg","tester","config","eslint","prettier","dependencyResolver","logger","compilerAspectId","getTsConfig","targetTsConfig","merge","getBuildTsConfig","getCjsJestTester","jestConfigPath","jestModulePath","createCjsJestTester","pathToSource","pathNormalizeToLinux","__dirname","replace","defaultConfig","join","createTester","resolve","getEsmJestTester","createEsmJestTester","getTester","createTsCompilerOptions","mode","tsconfig","cloneDeep","compileJs","compileJsx","types","getTsCjsCompiler","transformers","tsModule","ts","createTsCjsCompiler","tsCompileOptions","createCjsCompiler","getTsEsmCompiler","createTsEsmCompiler","createEsmCompiler","getCompiler","getLinter","context","tsConfig","defaultTransformer","configMutator","addExtensionTypes","setTsConfig","allTransformers","createLinter","pluginPath","getFormatter","createFormatter","check","getFileMap","components","local","reduce","index","component","state","filesystem","files","forEach","file","path","id","toString","homepage","fullName","ComponentUrl","toUrl","writeFileMap","fileMap","tmpdir","Math","random","slice","outputFileSync","JSON","stringify","getDevEnvId","ReactAspect","getSchemaExtractor","createSchemaExtractor","getDevServer","baseConfig","basePreviewConfigFactory","envDevConfig","envPreviewDevConfigFactory","componentDevConfig","componentPreviewDevConfigFactory","merged","createDevServer","getBundler","createComponentsWebpackBundler","development","baseProdConfig","basePreviewProdConfigFactory","componentProdConfig","componentPreviewProdConfigFactory","mergedTransformers","createWebpackBundler","createTemplateWebpackBundler","templateConfig","templateWebpackConfigFactory","createBundler","getPeerDependenciesList","getPeerDependenciesListFromEnv","getAdditionalHostDependencies","getDocsTemplate","getMounter","getPreviewConfig","strategyName","COMPONENT_PREVIEW_STRATEGY_NAME","splitComponentBundle","isScaling","getPackageJsonProps","getCjsPackageJsonProps","createCjsPackageJsonProps","getEsmPackageJsonProps","createEsmPackageJsonProps","getNpmIgnore","CAPSULE_ARTIFACTS_DIR","getDependencies","dependencies","react","devDependencies","peerDependencies","getBuildPipe","modifiers","tsModifier","createCjsCompilerTask","module","task","getBuildPipeWithoutCompiler","createBuildPipeWithoutCompiler","pipeWithoutCompiler","filter","aspectId","getEsmCompilerTask","createEsmCompilerTask","tsCompiler","createTask","getCjsCompilerTask","__getDescriptor","type"],"sources":["react.env.ts"],"sourcesContent":["import ts, { TsConfigSourceFile } from 'typescript';\nimport { tmpdir } from 'os';\nimport { Component } from '@teambit/component';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { BuildTask, CAPSULE_ARTIFACTS_DIR } from '@teambit/builder';\nimport { merge, cloneDeep } from 'lodash';\nimport { Bundler, BundlerContext, DevServer, DevServerContext } from '@teambit/bundler';\nimport { COMPONENT_PREVIEW_STRATEGY_NAME, PreviewStrategyName } from '@teambit/preview';\nimport { CompilerMain } from '@teambit/compiler';\nimport {\n  BuilderEnv,\n  CompilerEnv,\n  DependenciesEnv,\n  DevEnv,\n  LinterEnv,\n  PackageEnv,\n  TesterEnv,\n  FormatterEnv,\n  PipeServiceModifier,\n  PipeServiceModifiersMap,\n} from '@teambit/envs';\nimport { JestMain } from '@teambit/jest';\nimport { PackageJsonProps, PkgMain } from '@teambit/pkg';\nimport { Tester, TesterMain } from '@teambit/tester';\nimport { TsConfigTransformer, TypescriptMain } from '@teambit/typescript';\nimport type { TypeScriptCompilerOptions } from '@teambit/typescript';\nimport { WebpackConfigTransformer, WebpackMain } from '@teambit/webpack';\nimport { Workspace } from '@teambit/workspace';\nimport { ESLintMain, EslintConfigTransformer } from '@teambit/eslint';\nimport { PrettierConfigTransformer, PrettierMain } from '@teambit/prettier';\nimport { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { Linter, LinterContext } from '@teambit/linter';\nimport { Formatter, FormatterContext } from '@teambit/formatter';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport type { ComponentMeta } from '@teambit/react.ui.highlighter.component-metadata.bit-component-meta';\nimport { SchemaExtractor } from '@teambit/schema';\nimport { join, resolve } from 'path';\nimport { outputFileSync } from 'fs-extra';\nimport { Logger } from '@teambit/logger';\n// ensure reactEnv depends on compositions-app\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CompositionsApp } from '@teambit/react.ui.compositions-app';\n// ensure reactEnv depends on docs-app\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport DocsApps from '@teambit/react.ui.docs-app';\nimport type { ReactMainConfig } from './react.main.runtime';\nimport { ReactAspect } from './react.aspect';\n// webpack configs for both components and envs\nimport basePreviewConfigFactory from './webpack/webpack.config.base';\nimport basePreviewProdConfigFactory from './webpack/webpack.config.base.prod';\n\n// webpack configs for envs only\n// import devPreviewConfigFactory from './webpack/webpack.config.preview.dev';\nimport envPreviewDevConfigFactory from './webpack/webpack.config.env.dev';\nimport { templateWebpackConfigFactory } from './webpack/webpack.config.env.template';\n\n// webpack configs for components only\nimport componentPreviewProdConfigFactory from './webpack/webpack.config.component.prod';\nimport componentPreviewDevConfigFactory from './webpack/webpack.config.component.dev';\n\nexport const ReactEnvType = 'react';\nconst defaultTsConfig = require('./typescript/tsconfig.json');\nconst buildTsConfig = require('./typescript/tsconfig.build.json');\nconst eslintConfig = require('./eslint/eslintrc');\nconst prettierConfig = require('./prettier/prettier.config.js');\n\n// TODO: move to be taken from the key mode of compiler context\ntype CompilerMode = 'build' | 'dev';\n\ntype GetBuildPipeModifiers = PipeServiceModifiersMap & {\n  tsModifier?: PipeServiceModifier;\n};\n\n/**\n * a component environment built for [React](https://reactjs.org) .\n */\nexport class ReactEnv\n  implements TesterEnv, CompilerEnv, LinterEnv, DevEnv, BuilderEnv, DependenciesEnv, PackageEnv, FormatterEnv\n{\n  constructor(\n    /**\n     * jest extension\n     */\n    private jestAspect: JestMain,\n\n    /**\n     * typescript extension.\n     */\n    protected tsAspect: TypescriptMain,\n\n    /**\n     * compiler extension.\n     */\n    private compiler: CompilerMain,\n\n    /**\n     * webpack extension.\n     */\n    private webpack: WebpackMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * pkg extension.\n     */\n    private pkg: PkgMain,\n\n    /**\n     * tester extension\n     */\n    private tester: TesterMain,\n\n    private config: ReactMainConfig,\n\n    private eslint: ESLintMain,\n\n    private prettier: PrettierMain,\n\n    private dependencyResolver: DependencyResolverMain,\n\n    private logger: Logger,\n\n    private compilerAspectId: string\n  ) {}\n\n  getTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, defaultTsConfig, targetTsConfig) : defaultTsConfig;\n  }\n\n  getBuildTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, buildTsConfig, targetTsConfig) : buildTsConfig;\n  }\n\n  /**\n   * @deprecated use createCjsJestTester()\n   */\n  getCjsJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    return this.createCjsJestTester(jestConfigPath, jestModulePath);\n  }\n\n  /**\n   * Get a jest tester instance with react config and cjs configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  createCjsJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.cjs.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * @deprecated use createEsmJestTester()\n   */\n  getEsmJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    return this.createEsmJestTester(jestConfigPath, jestModulePath);\n  }\n\n  /**\n   * Get a jest tester instance with react config and esm configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  createEsmJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.esm.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * returns a component tester.\n   */\n  getTester(jestConfigPath: string, jestModulePath?: string): Tester {\n    // return this.createEsmJestTester(jestConfigPath, jestModulePath);\n    return this.createCjsJestTester(jestConfigPath, jestModulePath);\n  }\n\n  private createTsCompilerOptions(mode: CompilerMode = 'dev'): TypeScriptCompilerOptions {\n    const tsconfig = mode === 'dev' ? cloneDeep(defaultTsConfig) : cloneDeep(buildTsConfig);\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist/', '/src/');\n    const compileJs = true;\n    const compileJsx = true;\n    return {\n      tsconfig,\n      // TODO: @david please remove this line and refactor to be something that makes sense.\n      types: [resolve(pathToSource, './typescript/style.d.ts'), resolve(pathToSource, './typescript/asset.d.ts')],\n      compileJs,\n      compileJsx,\n    };\n  }\n\n  /**\n   * @deprecated use createTsCjsCompiler()\n   */\n  getTsCjsCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.createTsCjsCompiler(mode, transformers, tsModule);\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to cjs module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createTsCjsCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.createTsCompilerOptions(mode);\n    return this.tsAspect.createCjsCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  /**\n   * @deprecated use createTsEsmCompiler()\n   */\n  getTsEsmCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    this.createTsEsmCompiler(mode, transformers, tsModule);\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to esm module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createTsEsmCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.createTsCompilerOptions(mode);\n    return this.tsAspect.createEsmCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  getCompiler(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    // return this.getTsEsmCompiler('dev', transformers, tsModule);\n    return this.createTsCjsCompiler('dev', transformers, tsModule);\n  }\n\n  /**\n   * returns and configures the component linter.\n   */\n  getLinter(context: LinterContext, transformers: EslintConfigTransformer[] = []): Linter {\n    const tsConfig = this.createTsCompilerOptions('dev').tsconfig;\n\n    const defaultTransformer: EslintConfigTransformer = (configMutator) => {\n      configMutator.addExtensionTypes(['.md', '.mdx']);\n      configMutator.setTsConfig(tsConfig);\n      return configMutator;\n    };\n\n    const allTransformers = [defaultTransformer, ...transformers];\n\n    return this.eslint.createLinter(\n      context,\n      {\n        config: eslintConfig,\n        // resolve all plugins from the react environment.\n        pluginPath: __dirname,\n      },\n      allTransformers\n    );\n  }\n\n  /**\n   * returns and configures the component formatter.\n   */\n  getFormatter(context: FormatterContext, transformers: PrettierConfigTransformer[] = []): Formatter {\n    return this.prettier.createFormatter(\n      { check: context?.check },\n      {\n        config: prettierConfig,\n      },\n      transformers\n    );\n  }\n\n  private getFileMap(components: Component[], local = false) {\n    return components.reduce<{ [key: string]: ComponentMeta }>((index, component: Component) => {\n      component.state.filesystem.files.forEach((file) => {\n        index[file.path] = {\n          id: component.id.toString(),\n          homepage: local ? `/${component.id.fullName}` : ComponentUrl.toUrl(component.id),\n        };\n      });\n\n      return index;\n    }, {});\n  }\n\n  private writeFileMap(components: Component[], local?: boolean) {\n    const fileMap = this.getFileMap(components, local);\n    const path = join(tmpdir(), `${Math.random().toString(36).slice(2, 11)}.json`);\n    outputFileSync(path, JSON.stringify(fileMap));\n    return path;\n  }\n\n  /**\n   * required for `bit start`\n   */\n  getDevEnvId(id?: string) {\n    if (typeof id !== 'string') return ReactAspect.id;\n    return id || ReactAspect.id;\n  }\n\n  /**\n   * get a schema generator instance configured with the correct tsconfig.\n   */\n  getSchemaExtractor(tsconfig: TsConfigSourceFile): SchemaExtractor {\n    return this.tsAspect.createSchemaExtractor(this.getTsConfig(tsconfig));\n  }\n\n  /**\n   * returns and configures the React component dev server.\n   * required for `bit start`\n   */\n  getDevServer(context: DevServerContext, transformers: WebpackConfigTransformer[] = []): DevServer {\n    const baseConfig = basePreviewConfigFactory(false);\n    const envDevConfig = envPreviewDevConfigFactory(context.id);\n    const componentDevConfig = componentPreviewDevConfigFactory(this.workspace.path, context.id);\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, envDevConfig, componentDevConfig]);\n      return merged;\n    };\n\n    return this.webpack.createDevServer(context, [defaultTransformer, ...transformers]);\n  }\n\n  async getBundler(context: BundlerContext, transformers: WebpackConfigTransformer[] = []): Promise<Bundler> {\n    return this.createComponentsWebpackBundler(context, transformers);\n  }\n\n  async createComponentsWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const componentProdConfig = componentPreviewProdConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, componentProdConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  async createTemplateWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const templateConfig = templateWebpackConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, templateConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  private async createWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    return this.webpack.createBundler(context, transformers);\n  }\n\n  /**\n   * Get the peers configured by the env on the components + the host deps configured by the env\n   */\n  getPeerDependenciesList() {\n    return this.dependencyResolver.getPeerDependenciesListFromEnv(this);\n  }\n\n  getAdditionalHostDependencies(): string[] {\n    return ['@teambit/mdx.ui.mdx-scope-context', '@mdx-js/react', 'react'];\n  }\n\n  /**\n   * returns a path to a docs template.\n   */\n  getDocsTemplate() {\n    return require.resolve('@teambit/react.ui.docs-app');\n  }\n\n  icon = 'https://static.bit.dev/extensions-icons/react.svg';\n\n  /**\n   * returns the path to the compositions template\n   */\n  getMounter() {\n    return require.resolve('@teambit/react.ui.compositions-app');\n  }\n\n  getPreviewConfig() {\n    return {\n      strategyName: COMPONENT_PREVIEW_STRATEGY_NAME as PreviewStrategyName,\n      splitComponentBundle: true,\n      isScaling: true,\n    };\n  }\n\n  /**\n   * define the package json properties to add to each component.\n   */\n  getPackageJsonProps(): PackageJsonProps {\n    // React compile by default to esm, so uses type module\n    // return this.getEsmPackageJsonProps();\n    return this.getCjsPackageJsonProps();\n  }\n\n  /**\n   * @deprecated use createCjsPackageJsonProps()\n   */\n  getCjsPackageJsonProps(): PackageJsonProps {\n    return this.createCjsPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for a cjs component\n   * @returns\n   */\n  createCjsPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getCjsPackageJsonProps();\n  }\n\n  /**\n   * @deprecated use createEsmPackageJsonProps()\n   */\n  getEsmPackageJsonProps(): PackageJsonProps {\n    return this.createEsmPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for an esm component\n   * @returns\n   */\n  createEsmPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getEsmPackageJsonProps();\n  }\n\n  getNpmIgnore() {\n    // ignores only .ts files in the root directory, so d.ts files inside dists are unaffected.\n    // without this change, the package has \"index.ts\" file in the root, causing typescript to parse it instead of the\n    // d.ts files. (changing the \"types\" prop in the package.json file doesn't help).\n    return [`${CAPSULE_ARTIFACTS_DIR}/`];\n  }\n\n  /**\n   * adds dependencies to all configured components.\n   */\n  getDependencies() {\n    return {\n      dependencies: {\n        react: '-',\n        'react-dom': '-',\n        'core-js': '^3.0.0',\n      },\n      // TODO: add this only if using ts\n      devDependencies: {\n        react: '-',\n        'react-dom': '-',\n        '@types/mocha': '-',\n        '@types/node': '12.20.4',\n        '@types/react': '^17.0.8',\n        '@types/react-dom': '^17.0.5',\n        '@types/jest': '^26.0.0',\n        // This is added as dev dep since our jest file transformer uses babel plugins that require this to be installed\n        '@babel/runtime': '7.20.0',\n        '@types/testing-library__jest-dom': '5.9.5',\n      },\n      peerDependencies: {\n        react: '^16.8.0 || ^17.0.0',\n        'react-dom': '^16.8.0 || ^17.0.0',\n      },\n    };\n  }\n\n  /**\n   * returns the component build pipeline.\n   */\n  getBuildPipe(modifiers: GetBuildPipeModifiers = {}): BuildTask[] {\n    const transformers: Function[] = modifiers?.tsModifier?.transformers || [];\n    return [this.createCjsCompilerTask(transformers, modifiers?.tsModifier?.module || ts), this.tester.task];\n  }\n\n  /**\n   * @deprecated use createBuildPipeWithoutCompiler()\n   */\n  getBuildPipeWithoutCompiler(): BuildTask[] {\n    return this.createBuildPipeWithoutCompiler();\n  }\n\n  /**\n   * Get the react build pipeline without the compilation task.\n   * This help in cases you want to only replace the compilation task with something else\n   * @returns\n   */\n  createBuildPipeWithoutCompiler(): BuildTask[] {\n    const pipeWithoutCompiler = this.getBuildPipe().filter((task) => task.aspectId !== this.compilerAspectId);\n    return pipeWithoutCompiler;\n  }\n\n  /**\n   * @deprecated use createEsmCompilerTask()\n   */\n  getEsmCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.createEsmCompilerTask(transformers as Function[], tsModule);\n  }\n\n  /**\n   * Get a compiler task with react config and set to esm module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createEsmCompilerTask(transformers: Function[] = [], tsModule = ts) {\n    const tsCompiler = this.createTsEsmCompiler('build', transformers as TsConfigTransformer[], tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  /**\n   * @deprecated use createCjsCompilerTask()\n   * */\n  getCjsCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.createCjsCompilerTask(transformers as Function[], tsModule);\n  }\n\n  /**\n   * Get a compiler task with react config and set to cjs module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  createCjsCompilerTask(transformers: Function[] = [], tsModule = ts) {\n    const tsCompiler = this.createTsCjsCompiler('build', transformers as TsConfigTransformer[], tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  async __getDescriptor() {\n    return {\n      type: ReactEnvType,\n    };\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/react",
-  "version": "0.0.893",
+  "version": "0.0.895",
   "homepage": "https://bit.dev/teambit/react/react",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "react",
-    "version": "0.0.893"
+    "version": "0.0.895"
   },
   "dependencies": {
     "fs-extra": "10.0.0",
@@ -84,39 +84,39 @@
     "@teambit/react.rendering.ssr": "0.0.3",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.170",
     "@teambit/design.ui.tooltip": "0.0.359",
-    "@teambit/builder": "0.0.893",
-    "@teambit/bundler": "0.0.893",
-    "@teambit/compiler": "0.0.893",
+    "@teambit/builder": "0.0.895",
+    "@teambit/bundler": "0.0.895",
+    "@teambit/compiler": "0.0.895",
     "@teambit/component.modules.component-url": "0.0.148",
-    "@teambit/component": "0.0.893",
-    "@teambit/dependency-resolver": "0.0.893",
-    "@teambit/envs": "0.0.893",
-    "@teambit/eslint": "0.0.893",
-    "@teambit/formatter": "0.0.444",
-    "@teambit/jest": "0.0.893",
-    "@teambit/linter": "0.0.893",
+    "@teambit/component": "0.0.895",
+    "@teambit/dependency-resolver": "0.0.895",
+    "@teambit/envs": "0.0.895",
+    "@teambit/eslint": "0.0.895",
+    "@teambit/formatter": "0.0.446",
+    "@teambit/jest": "0.0.895",
+    "@teambit/linter": "0.0.895",
     "@teambit/logger": "0.0.692",
-    "@teambit/pkg": "0.0.893",
-    "@teambit/prettier": "0.0.444",
-    "@teambit/preview": "0.0.893",
+    "@teambit/pkg": "0.0.895",
+    "@teambit/prettier": "0.0.446",
+    "@teambit/preview": "0.0.895",
     "@teambit/react.ui.compositions-app": "0.0.9",
-    "@teambit/react.ui.docs-app": "0.0.198",
+    "@teambit/react.ui.docs-app": "0.0.200",
     "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.29",
-    "@teambit/schema": "0.0.893",
-    "@teambit/tester": "0.0.893",
-    "@teambit/typescript": "0.0.893",
-    "@teambit/webpack": "0.0.893",
-    "@teambit/workspace": "0.0.893",
-    "@teambit/application": "0.0.535",
+    "@teambit/schema": "0.0.895",
+    "@teambit/tester": "0.0.895",
+    "@teambit/typescript": "0.0.895",
+    "@teambit/webpack": "0.0.895",
+    "@teambit/workspace": "0.0.895",
+    "@teambit/application": "0.0.537",
     "@teambit/cli": "0.0.599",
-    "@teambit/generator": "0.0.893",
-    "@teambit/graphql": "0.0.893",
+    "@teambit/generator": "0.0.895",
+    "@teambit/graphql": "0.0.895",
     "@teambit/react.ui.highlighter-provider": "0.0.197",
-    "@teambit/compositions": "0.0.893",
-    "@teambit/ui": "0.0.893",
+    "@teambit/compositions": "0.0.895",
+    "@teambit/ui": "0.0.895",
     "@teambit/react.eslint-config-bit-react": "0.0.672",
     "@teambit/mdx.modules.mdx-loader": "0.0.500",
-    "@teambit/react.babel.bit-react-transformer": "0.0.524",
+    "@teambit/react.babel.bit-react-transformer": "0.0.525",
     "@teambit/webpack.modules.generate-style-loaders": "0.0.110",
     "@teambit/webpack.modules.style-regexps": "0.0.139",
     "@teambit/component-id": "0.0.425",

package/{preview-1667706059705.js → preview-1667965305919.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.893/dist/react.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.893/dist/react.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.895/dist/react.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.895/dist/react.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/artifacts/env-template/public/static/css/160.d4fac76e.css

@@ -1 +0,0 @@
-.component_container__wKARi{display:flex;flex-direction:column;height:100%}.size-definition_headingFontSize__1PHYm{--bit-h-xxs:18px;--bit-h-xs:26px;--bit-h-sm:36px;--bit-h-md:40px;--bit-h-lg:50px;--bit-h-xl:60px;--bit-h-xxl:80px}.size-definition_textFontSize__3ICoU{--bit-p-xxs:12px;--bit-p-xs:14px;--bit-p-sm:15px;--bit-p-md:16px;--bit-p-lg:18px;--bit-p-xl:20px;--bit-p-xxl:24px}.shadow-definition_shadowTheme__3jVqm{--bit-shadow-none:none;--bit-shadow-faint:0 2px 10px 0 rgba(0,0,0,.1);--bit-shadow-resting:0px 0px 4px rgba(0,0,0,.08),0px 2px 4px rgba(0,0,0,.08);--bit-shadow-raised-low:0 -1px 1px 0 rgba(0,0,0,.09),0 2px 2px 0 rgba(0,0,0,.23);--bit-shadow-hover-low:0 2px 8px 0 rgba(0,0,0,.2);--bit-shadow-hover-medium:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);--bit-shadow-hover-high:0px 11px 29px 0px rgba(0,0,0,.23)}.color-definition_primaryPalette__3oy3v{--bit-text-color:#414141;--bit-text-color-heavy:#2b2b2b;--bit-text-color-light:#6c707c;--bit-text-inactive:#babec9;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#babec9;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#cccfd4;--bit-border-color-lightest:#ededed;--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6;--bit-bg-color:#fff;--bit-bg-heavy:#f6f6f6;--bit-bg-heaviest:#ededed;--bit-bg-bedrock:#fff;--bit-bg-navigation:#f6f6f6;--bit-bg-overlay:#fff;--bit-bg-modal:#fff;--bit-bg-tooltip:#fff;--bit-bg-tooltip-heavy:#f6f6f6;--bit-bg-dent:#f6f6f6;--bit-error-color:#e62e5c;--bit-error-heavy:#d31948;--bit-error-light:#f086a0;--bit-error-bg:#fdeff2;--bit-error-bg-heavy:#f7bac9;color:#414141}.brand-definition_brands__3U8QG{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__1tFjF{--bit-h1Margin:20px;--bit-h2Margin:20px;--bit-h3Margin:20px;--bit-h4Margin:8px;--bit-h5Margin:8px;--bit-h6Margin:8px;--bit-h7Margin:8px}@font-face{font-family:"CircularPro";src:url(https://static.bit.dev/fonts/CircularPro-Book.otf)}@font-face{font-family:"CircularPro";font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-Bold.otf)}@font-face{font-family:"CircularPro";font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-Black.otf)}@font-face{font-family:"CircularPro";font-style:italic;src:url(https://static.bit.dev/fonts/CircularPro-BookItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-BoldItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-BlackItalic.otf)}.book-font_bookFont__3DQbg{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__t8Yd6{line-height:1.23}.sizes_heading__wpEPv{--bit-h-xxs:16px;--bit-h-xs:18px;--bit-h-sm:24px;--bit-h-md:26px;--bit-h-lg:36px;--bit-h-xl:40px;--bit-h-xxl:50px}.global_overrides__19p1X{line-height:normal}.pane_pane__5auYJ{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__5auYJ,[data-split-layout*=last]>.pane_pane__5auYJ{max-width:none;min-width:0;min-width:auto}.splitter_splitter__3oXaY{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__3oXaY{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__3oXaY{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__3NU9t{display:flex;flex-direction:column}.split-pane_splitPane__3NU9t.split-pane_isDragging__1TJaj{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__3NU9t[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__3NU9t[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__3NU9t[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__3NU9t[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__3NU9t[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__15QHM{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__3CR3-{height:100%;width:100%}.splitter_highlighter__3CR3-,.splitter_highlighter__3CR3-:after,.splitter_highlighter__3CR3-:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__3CR3-:hover,.splitter_highlighter__3CR3-:hover:after,.splitter_highlighter__3CR3-:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__3CR3-:after,.splitter_highlighter__3CR3-:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after{bottom:-200%}.grid_gridContainer__1UJEt{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__3yC-h{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__QNCY6{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__lwzsG{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__1SQ6E{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__1jW6i{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__2k08m{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__17Qj4{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__2rOrd{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__1bHaV{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__2xHc2{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__uiFTv{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__1bxkB{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__1qN1i{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__1qe0T{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__x8Pvk{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__20OZC{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3DGUO{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__i4_Je{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__19bPw{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__3icPF{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__3W3h9{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__3WfBa{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2IbWq{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__2HM7U{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__LLn46{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__3GR6S{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__1mY1U{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__3ipRg{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__3KH8S{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__3Ygnr{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__2_6pj{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__QvxEw{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__1qmby{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__3hm-F{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__42MSn{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__IwLPd{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__1fvFW{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__1aaf1{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__3Sycl{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__1EI-I{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__uACD7{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__1DZ6t{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__3WdyT{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__2Yjdk{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__3CKEV{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__25mOC{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__1MkVq{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__23UqJ{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__3mWAl{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__2lyx4{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__1-WdX{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__1m1Iu{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__LQB3g{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__QWFTx{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__1yK6M{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__ofqM0{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__2bAOK{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__1iN6C{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__1DnPL{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__2UgmJ{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__1PKI-{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__2mJP-{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__3ZyF1{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__363Q9{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__2QMWE{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__2_yUI{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__2uq82{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__K0kSz{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__2BnMI{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__1UHKi{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__2ycDa{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__330-L{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__Enmnu{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__1wUY7{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__1cJTT{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__363GK{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__3jnJ_{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__jyYq6{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__i8F5f{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__NJrcU{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__36GQd{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__3xWtr{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__3T6rY{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__3HeEi{grid-template-columns:repeat(12,1fr)}.table-heading-column_headingColumn__1p6_E{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__3_VR_{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__3_VR_.table-heading-row_hide__2jbmt{display:none}.table-heading-row_titleCol__wci4P{color:var(--bit-text-color-light);text-transform:uppercase}.grid_gridContainer__PLcPC{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__3X1tm{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__vAMrJ{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__l3yZ2{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__1qAjO{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__Lzk5D{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__24kPq{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__2_f2D{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__1QjoI{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__3lPqK{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__pCke4{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__13oOH{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__3Da0x{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__8dOFH{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__BFOs2{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__2lUc7{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__2oAyt{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3ruNN{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__2fFYx{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__10f9Q{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__3cqMF{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__fXhN2{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__2Humr{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2jOwt{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__1mKqg{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__26ers{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__3a_MO{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__2oHvd{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__SoTGv{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__36QrU{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__1ZKyc{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__rPEDi{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__2Xqi_{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__3DhET{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__2gtof{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__1cZZ5{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__tEQaE{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__1Occc{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__2Ofd3{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__2A7ks{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__17axh{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__33Abd{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__1h8RW{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__1WNuo{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__3sB9e{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__21wqc{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__2N3Y2{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__KwHyd{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__4yehq{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__1oCYn{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__3_ySH{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8___yx8y{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__vMQ9R{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__-8fwr{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__1pWDR{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__EmLmG{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__2iI7k{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__1U0QT{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__23sZp{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__XmMaH{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__41ua_{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__30CAy{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__4sxgl{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__2Azc5{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__2dVvv{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__30tIs{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__EWpOS{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__3MfAC{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__2pcsD{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__2xcCo{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__7Nq_t{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__heXP3{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__7ATwi{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__1GDkh{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__1tJnp{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__2Eq1u{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__3WX4_{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__3GowY{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__108sJ{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__2JvCA{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__3ZFWe{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__P1hoW{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__36lxW{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__2FrIF{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__2Ersc{grid-template-columns:repeat(12,1fr)}.table-column_tableColumn__2K6_b{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__PprUo{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,var(--bit-border-color-lightest,#ededed));margin-bottom:8px;padding:18px 20px}.table-row_propRow__PprUo.table-row_singleColumn__3D7aw{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__1oYJt{display:none}.table-row_mobileTitle__1oYJt.table-row_show__10BrG{color:var(--bit-text-color-light);display:flex;font-size:var(--bit-p-xxs);font-weight:700;min-width:110px;text-transform:uppercase}.table-row_columnContent__1jh3Y,.table-row_column__3Sk6-{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__20l2S{margin:initial;text-transform:capitalize}.table-row_required__2JYwI{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__1oKif{color:#4646c6;margin-right:5px}.table-row_name__1oKif,.table-row_type__1lHI3{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_type__1lHI3{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff);border-radius:4px;display:inline-block;padding:5px;width:-moz-fit-content;width:fit-content}.table-row_typeColumn__z8Whd .table-row_highlighted__MIvK_{background:transparent none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;display:flex!important;flex-grow:1;font-family:Roboto mono;font-size:var(--bit-p-xxs);margin:0;padding:0!important;white-space:pre-wrap;word-break:break-word}.table-row_typeColumn__z8Whd .table-row_highlighted__MIvK_>code>span{color:#397300}.table-row_typeColumn__z8Whd .table-row_highlighted__MIvK_>code{font-family:inherit}.table-row_default__2n23P{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__33VJu{word-break:break-word}.table_table__3Ya9Q>div{grid-gap:16px 24px}.tabs_tabContainer__3ffie{display:flex}.tabs_tab__1u6Qx{color:#878c9a;color:var(--on-background-color,#878c9a);cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:8px;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}.tabs_tab__1u6Qx:hover{color:var(--bit-text-color-heavy)}.tabs_tab__1u6Qx.tabs_disabled__21PDt{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__1u6Qx.tabs_active__1QtYl{color:var(--bit-text-color-heavy)}.tabs_tab__1u6Qx.tabs_active__1QtYl:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.dark-theme_darkMod__1or3J{--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948;color:#ededed}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{left:11px;top:calc(50% - 3px);transform:rotate(90deg)}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{right:11px;top:calc(50% - 3px);transform:rotate(-90deg)}.tippy-svg-arrow{fill:#333;height:16px;text-align:left;text-align:initial;width:16px}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box[data-theme~=teambit]{background:#2b2b2b;background:var(--bit-bg-tooltip,#2b2b2b);border-radius:8px;color:#fff;color:var(--bit-text-color,#fff)}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip,#2b2b2b)}.collapser-button_collapser__2qEPm{bottom:80px;cursor:pointer;position:absolute;transition:right .3s,left .3s ease-in-out;z-index:100}.collapser-button_collapser__2qEPm.collapser-button_open__3y1Vb .collapser-button_circle__2cuYC>div{transform:rotate(-.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__2cuYC{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:0 -1px 1px 0 rgba(0,0,0,.09),0 1px 2px 0 rgba(0,0,0,.23);font-size:12px;height:100%;padding:10px;transition:padding .3s ease-in-out}.collapser-button_circle__2cuYC>div{transition:transform .3s ease-in-out}.collapser-button_right__3kYNA .collapser-button_circle__2cuYC{border-bottom-right-radius:50%;border-top-right-radius:50%;padding-left:10px}.collapser-button_right__3kYNA .collapser-button_circle__2cuYC:hover{padding-left:16px}.collapser-button_left__m-Exj .collapser-button_circle__2cuYC{border-bottom-left-radius:50%;border-top-left-radius:50%;padding-right:10px}.collapser-button_left__m-Exj .collapser-button_circle__2cuYC:hover{padding-right:16px}.empty-box_emptyCompositions__2q68e{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__2q68e *{text-overflow:ellipsis}.empty-box_innerBorder__1PkOP{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__1PkOP>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__1PkOP>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__1PkOP>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.preview_preview__1HyM7{background-color:#fff;height:100%}.compositions-menu-bar_compositionsMenuBar__xLcO9{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__3Il2G{flex:1 0}.block-quote_blockQuote__1wIaN{background-color:hsla(0,2%,79%,.2);border-left:5px solid #897dec;border-radius:5px;margin:0 0 1em;padding:1em 10px 1em 18px}.block-quote_blockQuote__1wIaN>:last-child{margin-bottom:0}.bold_bold__7wsx3{font-weight:700}.external-link_link__37pYW{text-decoration:none}.external-link_link__37pYW:hover{text-decoration:underline}.heading-sizes_xxs__1VpMc{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__R0ZyQ{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__3IZye{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__2QpEc{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__BXSCe{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__2FlJW{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__NfYqN{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__2AhnG,.heading_h2__2h_l6,.heading_h3__oe__I,.heading_h4__1vCKH,.heading_h5__3com4,.heading_h6__1SAtV{font-weight:700;margin:0}.heading_h1__2AhnG{margin-bottom:20px}.anchor_anchor__3Kymc{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__osznX{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__Yov3s{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__Yov3s:hover .linked-heading_anchor__3k5Dg{opacity:1;visibility:inherit}.linked-heading_heading__KoZRh{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3k5Dg{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__383jO{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__383jO[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__383jO[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__383jO[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__383jO.create-heading_mainHeadingStyles__DHpSm{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__383jO:first-child{padding-top:0}.image_img__DuAT6{max-width:100%}.image_img__DuAT6:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__1FiLp{background-color:#a6a6a633;border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__4YZsC{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__YnrVY{font-style:italic}.ol_ol__1t4Nq{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__1t4Nq ol,.ol_ol__1t4Nq ul{padding-left:18px}.ol_ol__1t4Nq>li>p{margin-bottom:0}.text-sizes_xxs__3H1C0{font-size:12px;font-size:var(--bit-p-xxs,12px)}.text-sizes_xs__2T9zA{font-size:14px;font-size:var(--bit-p-xs,14px)}.text-sizes_sm__1KP6p{font-size:15px;font-size:var(--bit-p-sm,15px)}.text-sizes_md__1kc0J{font-size:16px;font-size:var(--bit-p-md,16px)}.text-sizes_lg__-zy_i{font-size:18px;font-size:var(--bit-p-lg,18px)}.text-sizes_xl__3ulEO{font-size:20px;font-size:var(--bit-p-xl,20px)}.text-sizes_xxl__8s7sQ{font-size:24px;font-size:var(--bit-p-xxl,24px)}.paragraph_paragraph__2tnlB{margin:0 0 1em}.separator_separator__gCjbY{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.copied-message_copiedMessage__2Nw9Y{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__MPaRY{opacity:1;visibility:visible}.code-snippet_snippetWrapper__ooMsa{position:relative}.code-snippet_snippetWrapper__ooMsa:hover .code-snippet_copyIcon__Y6SkV{opacity:1}.code-snippet_snippetWrapper__ooMsa .code-snippet_codeSnippet__1JSRo{background-color:#fff;border-radius:10px;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0!important;padding:16px!important}.code-snippet_snippetWrapper__ooMsa .code-snippet_copyIcon__Y6SkV{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#414141;cursor:pointer;margin-left:8px;opacity:0;padding:2px;transition:opacity .3s ease-in-out;width:24px}.code-snippet_snippetWrapper__ooMsa code{font-family:inherit!important}.code-snippet_copy__3agCR{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__385E1{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__Aia6P{height:450px}.react-playground_column__Aia6P .react-playground_codePane__Hh_rK,.react-playground_column__Aia6P .react-playground_previewPane__2ZpXH{max-height:90%;min-height:10%;width:100%}.react-playground_column__Aia6P .react-playground_error__3FQ9-,.react-playground_column__Aia6P .react-playground_previewPane__2ZpXH{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__1nQO2{height:100%;max-height:450px}.react-playground_row__1nQO2 .react-playground_codePane__Hh_rK,.react-playground_row__1nQO2 .react-playground_previewPane__2ZpXH{height:100%;max-width:90%;min-width:10%}.react-playground_row__1nQO2 .react-playground_error__3FQ9-,.react-playground_row__1nQO2 .react-playground_previewPane__2ZpXH{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__3FQ9-{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;margin:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out}.react-playground_codePane__Hh_rK{background-color:#282c34;overflow:auto}.react-playground_editor__YkTAT{font-family:Roboto mono!important;font-size:11px;max-width:none!important;min-width:100%;width:-moz-fit-content;width:fit-content}.react-playground_editor__YkTAT>textarea{outline:none;white-space:pre!important}.react-playground_editor__YkTAT>pre{white-space:pre!important}.react-playground_splitter__3aB9x{background-color:#282c34}.react-playground_previewPane__2ZpXH{border:1px solid var(--bit-border-color-lightest);box-sizing:border-box;display:flex;flex-shrink:1!important;overflow:auto;position:relative;transform:translateZ(0)}.react-playground_previewBox__3RlPe{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__36KMr{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__36KMr>div{width:100%}.snippet_snippet__3w3tl{margin-bottom:16px}.sup_sup__64Wp4{font-size:smaller;vertical-align:super}.base-table_table__3-Ob3{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-collapse:collapse;border-radius:8px;border-spacing:0;display:block;margin-bottom:16px;max-width:100%;overflow:auto;width:-moz-fit-content;width:fit-content}.base-table_table__3-Ob3 tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__3-Ob3 thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__3-Ob3 th{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);font-size:var(--bit-p-xs);font-weight:700;padding:12px 20px}.base-table_table__3-Ob3 td,.base-table_table__3-Ob3 th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__3-Ob3 table,.base-table_table__3-Ob3 td,.base-table_table__3-Ob3 th,.base-table_table__3-Ob3 thead,.base-table_table__3-Ob3 tr{text-align:start}.base-table_table__3-Ob3 table[align=center],.base-table_table__3-Ob3 td[align=center],.base-table_table__3-Ob3 th[align=center],.base-table_table__3-Ob3 thead[align=center],.base-table_table__3-Ob3 tr[align=center]{text-align:center}.base-table_table__3-Ob3 table[align=left],.base-table_table__3-Ob3 td[align=left],.base-table_table__3-Ob3 th[align=left],.base-table_table__3-Ob3 thead[align=left],.base-table_table__3-Ob3 tr[align=left]{text-align:start}.base-table_table__3-Ob3 table[align=right],.base-table_table__3-Ob3 td[align=right],.base-table_table__3-Ob3 th[align=right],.base-table_table__3-Ob3 thead[align=right],.base-table_table__3-Ob3 tr[align=right]{text-align:end}.td_td__39hRo{padding:12px 20px}.tr_tr__-kZVH:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__3-8jB{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__3-8jB>li>ol,.ul_ul__3-8jB>li>ul{margin-bottom:0;padding-left:18px}.ul_ul__3-8jB>li>p{margin-bottom:none}.mdx-layout_mdxContent__3MR2u{line-height:1.5}.mdx-layout_mdxContent__3MR2u img{max-width:100%}.link_link__eKYlx{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__eKYlx:hover{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);text-decoration:underline}.admonition{border-radius:8px;margin-bottom:1em;padding:15px 30px 15px 15px}.admonition h3{display:flex;margin-bottom:8px;margin-top:0;text-transform:uppercase}.admonition-heading>div{margin-bottom:0;margin-top:0}.admonition-icon{display:inline-flex;margin-right:4px;padding-top:1px}.admonition-icon svg{stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block;height:22px;width:18px}.admonition-content>:last-child{margin-bottom:0}.admonition{background-color:#eceaff;background-color:var(--bit-accent-primary-bg,#eceaff);border-left:8px solid #6c5ce7;border-left:8px solid var(--bit-accent-primary-color,#6c5ce7)}.admonition h5{color:#6c5ce7;color:var(--bit-accent-primary-color,#6c5ce7);display:flex}.admonition-caution{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-caution h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.admonition-tip{background-color:#eefaf3;background-color:var(--bit-accent-success-bg,#eefaf3);border-left:8px solid #37b26c;border-left:8px solid var(--bit-accent-success-color,#37b26c)}.admonition-tip h5{color:#37b26c;color:var(--bit-accent-success-color,#37b26c)}.admonition-warning{background-color:#fdeff2;background-color:var(--bit-accent-impulsive-bg,#fdeff2);border-left:8px solid #e62e5c;border-left:8px solid var(--bit-accent-impulsive-color,#e62e5c)}.admonition-warning h5{color:#e62e5c;color:var(--bit-accent-impulsive-color,#e62e5c)}.admonition-important{background-color:#f3faff;background-color:var(--bit-accent-process-color,#f3faff);border-left:8px solid #0984e3;border-left:8px solid var(--bit-accent-process-color,#0984e3)}.admonition-important h5{color:#0984e3;color:var(--bit-accent-process-color,#0984e3)}.admonition-note{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-note h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.separator_separator__1JNXS{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__3JnE-{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__2NEpY{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__3Whdh{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__2XY8O{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__VnNuJ{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__2ctQr{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__1SRy-{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2hbfE{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__39RVQ,.heading_h2__2S7-G,.heading_h3__1BSp1,.heading_h4__L5mNd,.heading_h5__2i6xN,.heading_h6__1XRJP{font-weight:700;margin:0}.heading_h1__39RVQ{margin-bottom:20px}.card_card__37xow{box-sizing:border-box;padding:20px}.elevations_low__1hVha{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__3klNF{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__34Cbm{box-shadow:var(--bit-shadow-hover-high)}.roundness_sharp__HxXUj{border-radius:2px}.roundness_default__2lyQQ{border-radius:5px}.roundness_small__3Cwbi{border-radius:8px}.roundness_medium__rMVHV{border-radius:10px}.roundness_circle__18nMU{border-radius:50%}.background_bedrock__3FKrB{background:var(--bit-bg-bedrock)}.background_base__29SaX,.background_layer__Sl4XN{background:var(--bit-bg-color)}.background_crust__3IFae{background:var(--bit-bg-tooltip)}.background_topping__bd7wA{background:var(--bit-bg-color)}.background_topping__bd7wA:hover{background:var(--bit-bg-heavy)}.background_dent__3lLeg{background:var(--bit-bg-dent)}.accent-color_primary__3frqn{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__2hAqH{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__A1-5J{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__2f4vr{--bit-accent-color:#ffc640;--bit-accent-heavy:#ff991f;--bit-accent-light:#ffe380;--bit-accent-text:#ffc640;--bit-accent-text-heavy:#ff991f;--bit-text-on-accent:#0c0c0c;--bit-accent-bg:#fff5dd;--bit-accent-bg-heavy:#fff0b3}.accent-color_success__bd5oL{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__2YrEO{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__3yGcN{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__gff6l{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.level-icon_notificationIcon__RS1GD{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__RS1GD:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__17wUu{padding:24px}.alert-card_heading__3FxkY{display:flex;margin-bottom:24px}.alert-card_icon__k2M3m{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__mPrsf{margin-bottom:24px}.button_vanillaButton__1ij7P{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__1mwwS{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__1mwwS>*{animation:1.27s ease-in-out infinite both;animation-name:dots-loader_scale-down__3k3Xd;display:inline-block}.dots-loader_dotsLoader__1mwwS>:first-child{animation-delay:-.37s}.dots-loader_dotsLoader__1mwwS>:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__3k3Xd{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.option-button_optionButton__3Dcjp{align-items:center;background:none;border:none;border-radius:.5em;box-sizing:border-box;color:inherit;display:inline-flex;font-size:inherit;height:2em;padding:0 .5em}.option-button_optionButton__3Dcjp:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__3Dcjp.option-button_active__T_VvJ{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__3Dcjp:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__3R2vp{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__-8Thp{font-size:25px;margin-right:16px}.message-card_textBox__QkVYn{font-size:14px}.message-card_textBox__QkVYn,.message-card_textBox__QkVYn>*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__QkVYn>div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__1vwOT{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__2odrt{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__1IMJY{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__2DgsL{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__3ee_2{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__3Ijv3{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__2XIGE{height:100%;width:100%}.compositions_compositionPreview__2pQD_{padding-top:20px;width:100%}.compositions_left__1yoSj{display:flex;flex-direction:column}.compositions_left__1yoSj,.compositions_right__1OzrT{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__1OzrT{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__1owlG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__2cJan{position:relative}.compositions_splitter__2cJan>:first-child{position:absolute;z-index:101}.compositions_collapser__3bIFa{right:0}.compositions_tabsContainer__3HLzI{display:flex;flex-direction:column;height:100%}.compositions_tabs__2tiBY{flex:none}.compositions_tabContent__2Cklv{flex:1 1;overflow:auto}.compositions_tabContent__2Cklv:empty{display:none}.compositions_compositions__3lEI2{padding:16px 8px 0}.compositions_openInNewTab__24wPr{color:inherit;text-decoration:none}.compositions_openInNewTab__24wPr:active{color:inherit}.compositions_noCompositionsPage__3q5mS{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3q5mS .compositions_title__1mv6f{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3q5mS .compositions_separator__KJxPc{margin-bottom:41px}.compositions_buildStatusMessage__X2Qik{margin:auto}.compositions-panel_linkWrapper__-mm5p{align-items:center;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;padding:0 12px;transition:all .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff);display:flex}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_box__37jb9{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p .compositions-panel_right__8a-pK{font-size:13px;opacity:0;transition:visibility .2s,opacity .1s ease-in-out;visibility:hidden}.compositions-panel_box__37jb9{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__8GKMN{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__2iHHl{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;min-width:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.compositions-panel_panelLink__2iHHl:active{color:inherit}.compositions-panel_tabs__qjxZP{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__qjxZP>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__qjxZP>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__qjxZP>div:first-child:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:10px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.top-bar-nav_topBarLink__2Mg-_{align-items:center;box-sizing:border-box;color:inherit;display:flex;margin:0 5px;padding:0 8px;position:relative;text-decoration:none;transition:color .3s}.top-bar-nav_topBarLink__2Mg-_:hover:not(.top-bar-nav_active__-Swyn)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__2Mg-_.top-bar-nav_active__-Swyn{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__2Mg-_.top-bar-nav_active__-Swyn:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__2Mg-_:after{background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:background-color .3s,height .3s}.top-bar-nav_topBarLink__2Mg-_>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.abs-container_container__2Z_xp{position:relative}.abs-container_containee__pZebB{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__pZebB{visibility:visible}.positions_top__2_9vd{bottom:100%}.positions_top-start__2nvam{bottom:100%;left:0}.positions_top-end__1pH84{bottom:100%;right:0}.positions_right__1aEA1{left:100%}.positions_right-start__3kBQS{left:100%;top:0}.positions_right-end__2GMPw{bottom:0;left:100%}.positions_bottom__p7uWm{top:100%}.positions_bottom-start__QsVZh{left:0;top:100%}.positions_bottom-end__3qqQO{right:0;top:100%}.positions_left__1f49M{right:100%}.positions_left-start__11Mt8{right:100%;top:0}.positions_left-end__1uaM4{bottom:0;right:100%}.positions_cover__3aqvK{left:0;top:0}.displacement_displacement__j43dm[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position=bottom-start],.displacement_displacement__j43dm[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position=bottom-end],.displacement_displacement__j43dm[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position^=left-start],.displacement_displacement__j43dm[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position^=left-end],.displacement_displacement__j43dm[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1vB_P{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fade-in-out_fadeInOut__3K09R{opacity:0;transform:scale(.61);transition:all .18s}[data-open=true]>.fade-in-out_fadeInOut__3K09R{opacity:1;transform:scale(1)}.tooltip-card_menu__3dWcg{background:var(--bit-bg-tooltip);padding:8px}.arrow_arrow__1FQ9D{margin:0 auto;position:absolute}.arrow_arrow__1FQ9D:before{background:var(--bit-bg-tooltip);content:"";display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-position_bottom__8vlM8,.arrow-position_top__PZHJG{left:calc(50% - 5px)}.arrow-position_left__1yldm,.arrow-position_right__MK8IT{top:calc(50% - 5px)}.arrow-position_cover__3zqai,.arrow-position_none__86cQo{display:none}.arrow-shadow_top-end__2u1Yf:before,.arrow-shadow_top-start__34UQ0:before,.arrow-shadow_top__3TKYi:before{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_bottom-end__zFI_x:before,.arrow-shadow_bottom-start__aKHFr:before,.arrow-shadow_bottom__32vBi:before{box-shadow:-2px -2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_right-end__3e_rr:before,.arrow-shadow_right-start__1S1dt:before,.arrow-shadow_right__badwP:before{box-shadow:-2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_left-end__2xptV:before,.arrow-shadow_left-start__1yaQL:before,.arrow-shadow_left__1P6F5:before{box-shadow:2px -2px 4px 0 rgba(0,0,0,.1)}.tooltip-drawer_tooltip__1kqNH{--bit-drawer-margin:10px}.tooltip-drawer_arrow__11qDF{--bit-drawer-margin:5px;--bit-drawer-indent:8px}.key_keyCombo__PL5PA{align-items:center;display:flex;white-space:nowrap}.key_keyCombo__PL5PA .key_keycap__1y0bf{margin-right:4px}.key_keyCombo__PL5PA .key_keycap__1y0bf:last-child{margin-right:0}.key_keySequence__vPmqS{align-items:center;display:flex;white-space:nowrap}.key_keycap__1y0bf{align-items:center;background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6);border-radius:3px;box-sizing:border-box;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:12px;height:1.7em;justify-content:center;min-width:1.7em;padding:0 .4em;text-transform:uppercase}.key_thenSep__2a-aE{font-size:.8em;margin:0 4px}.main-dropdown_mainDropdown__3RALE{height:100%}.main-dropdown_mainDropdown__3RALE>div{align-items:center;display:flex;height:100%}.main-dropdown_mainDropdown__3RALE .main-dropdown_menu__3LwDV{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:-5px;width:300px}.main-dropdown_mainDropdown__3RALE .main-dropdown_menu__3LwDV>div{margin-bottom:8px}.main-dropdown_iconAnchor__3zgUr{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:30px;transition:background-color .3s ease-in-out}[data-open=true] .main-dropdown_iconAnchor__3zgUr{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__3zgUr,[data-open=true] .main-dropdown_iconAnchor__3zgUr:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.main-dropdown_iconAnchor__3zgUr:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__2ZlG-{padding:0 8px}.main-dropdown_menuBlock__1gkRE{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 0 10px}.main-dropdown_menuBlock__1gkRE:last-child{border-bottom:none}.main-dropdown_title__2B5xg{color:#878c9a;font-size:10px;font-weight:700;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.main-dropdown_line__2P4qc{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px}.main-dropdown_line__2P4qc:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.item_menuItem__2iG9-{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__2iG9- .item_icon__LD-Dg{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__CchIQ:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active___p9uE,.item_active___p9uE:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active___p9uE .item_icon__LD-Dg{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.abs-container_container__xj5y6{position:relative}.abs-container_containee__2RWGf{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__2RWGf{visibility:visible}.positions_top__Dlp3S{bottom:100%}.positions_top-start__3codA{bottom:100%;left:0}.positions_top-end__1l_On{bottom:100%;right:0}.positions_right__Ia6-o{left:100%}.positions_right-start__2P_Y_{left:100%;top:0}.positions_right-end__1R3_v{bottom:0;left:100%}.positions_bottom__IBuiX{top:100%}.positions_bottom-start__2crtJ{left:0;top:100%}.positions_bottom-end__IvlOT{right:0;top:100%}.positions_left__2cBPP{right:100%}.positions_left-start__1TVrh{right:100%;top:0}.positions_left-end__34RI3{bottom:0;right:100%}.positions_cover__2IpHP{left:0;top:0}.displacement_displacement__3Agrg[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position=bottom-start],.displacement_displacement__3Agrg[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position=bottom-end],.displacement_displacement__3Agrg[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position^=left-start],.displacement_displacement__3Agrg[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position^=left-end],.displacement_displacement__3Agrg[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__11rIk{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_dropdown__NIBbx{padding:8px}.tab_tab__3FBGN{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__3FBGN.tab_active__3zLR9{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.styles_avatar__2EwCK{align-items:center;border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:50%;box-sizing:border-box;display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.styles_avatar__2EwCK .styles_tooltip__3FvRE{max-width:13ch}.styles_avatar__2EwCK .styles_letter__31VOa{color:#fff;color:var(--bit-bg-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__2EwCK .styles_orgDefault__1TsW4{display:inline-block;text-align:center}.styles_avatarImg__1fJqq{border-radius:50%;bottom:0;box-sizing:border-box;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.styles_soloAvatarIcon__2XAN_{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__1-pm7{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box}.letter-colors_a__3mLwj{color:#ff6b81}.letter-colors_b__2P96Q{color:coral}.letter-colors_c__11SwA{color:#efc951}.letter-colors_d__35Ku_{color:#94cd53}.letter-colors_e__1aoBg{color:#57606f}.letter-colors_f__M9vtr{color:#ffa502}.letter-colors_g__2yU-C{color:#409d94}.letter-colors_h__3z_gj{color:#ff4757}.letter-colors_i__2pKJb{color:#747d8c}.letter-colors_j__2BxW7{color:#2f3542}.letter-colors_k__2mWRo{color:#c47367}.letter-colors_l__1SgHt{color:#70a1ff}.letter-colors_m__OfCsE{color:#6665e2}.letter-colors_n__OjEBm{color:#2c437e}.letter-colors_o__1lm-q{color:#60a3bc}.letter-colors_p__1iHnb{color:#2ed573}.letter-colors_q__3rtVD{color:#1e90ff}.letter-colors_r__3oNWQ{color:#275a80}.letter-colors_s__zZX-J{color:#7e6a6a}.letter-colors_t__14EPF{color:#5fc068}.letter-colors_u__3AeQN{color:#d03961}.letter-colors_v__2ZQFy{color:#006266}.letter-colors_w__TXwXT{color:#833471}.letter-colors_x__2cb1V{color:#fda7df}.letter-colors_y__2slnh{color:#12cbc4}.letter-colors_z__OjazO{color:#4a69bd}.letter-bg-colors_a__1VSrm{background-color:#ff6b81}.letter-bg-colors_b__2vnVd{background-color:coral}.letter-bg-colors_c__14F99{background-color:#efc951}.letter-bg-colors_d__3_j5_{background-color:#94cd53}.letter-bg-colors_e__14jyP{background-color:#57606f}.letter-bg-colors_f__llnWL{background-color:#ffa502}.letter-bg-colors_g__1MV_F{background-color:#409d94}.letter-bg-colors_h__1OZB_{background-color:#ff4757}.letter-bg-colors_i__1aayb{background-color:#747d8c}.letter-bg-colors_j__2UqHH{background-color:#2f3542}.letter-bg-colors_k__16Y0q{background-color:#c47367}.letter-bg-colors_l__3LrPW{background-color:#70a1ff}.letter-bg-colors_m__1ioZC{background-color:#6665e2}.letter-bg-colors_n__2njkR{background-color:#2c437e}.letter-bg-colors_o__2KHPz{background-color:#60a3bc}.letter-bg-colors_p__3dMpC{background-color:#2ed573}.letter-bg-colors_q__1HaVh{background-color:#1e90ff}.letter-bg-colors_r__3fkrJ{background-color:#275a80}.letter-bg-colors_s__3-cJA{background-color:#7e6a6a}.letter-bg-colors_t__29dwb{background-color:#5fc068}.letter-bg-colors_u__MVQdv{background-color:#d03961}.letter-bg-colors_v__1JPX0{background-color:#006266}.letter-bg-colors_w__2JA1-{background-color:#833471}.letter-bg-colors_x__8oQMg{background-color:#fda7df}.letter-bg-colors_y__2na8v{background-color:#12cbc4}.letter-bg-colors_z__3eC8X{background-color:#4a69bd}.ellipsis_ellipsisDiv__3ErBy,.ellipsis_ellipsis__2Jyl3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__3ErBy{display:inline-block}.skeleton_block__8z2-C,.skeleton_circle__ST6yi,.skeleton_skeleton__1XABe{background:currentColor}.skeleton_line__VW5CM>*,.skeleton_skeletonContent__1g-Ne>*,.skeleton_word__ful4_>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__ful4_{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__VW5CM>*{width:100%}.skeleton_circle__ST6yi{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__1fIsf>*,.skeleton-design_skeletonContent__33_rD>*,.skeleton-design_word__VPMf3>*{border-radius:4px}.skeleton-design_block__1GGuy,.skeleton-design_circle__aZtII,.skeleton-design_line__1fIsf>*,.skeleton-design_shimmer__1RJ-Q,.skeleton-design_skeletonContent__33_rD>*,.skeleton-design_skeleton__3Bczv,.skeleton-design_word__VPMf3>*{animation:skeleton-design_placeHolderShimmer__1DHY2 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,#ffffff61 30%,#ffffff61 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__3WTpN{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__1DHY2{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__1GGuy{border-radius:4px}.version-dropdown_versionDropdown__26zMI{height:100%}.version-dropdown_versionDropdown__26zMI>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__26zMI .version-dropdown_menu__3gzq4{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0}.version-dropdown_title__3hQ6s{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__3HByT{margin-bottom:2px}.version-dropdown_versionContainer__h0FXY{max-height:240px;overflow-y:scroll;padding-bottom:8px}.version-dropdown_versionRow__33k0f{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__33k0f.version-dropdown_localVersion__1_Kj1{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__33k0f .version-dropdown_versionTimestamp__2slIn{margin-right:2px}.version-dropdown_versionRow__33k0f .version-dropdown_versionUserAvatar__28p6g{padding:0 8px}.version-dropdown_versionRow__33k0f .version-dropdown_laneIcon__3wXox{padding:0 4px}.version-dropdown_versionRow__33k0f .version-dropdown_version__32b-4{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__33k0f .version-dropdown_versionName__1MBcM{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__3soV6{cursor:pointer}.version-dropdown_withVersions__3soV6>div{margin-right:5px}.version-dropdown_withVersions__3soV6>span{display:inline;display:initial}.version-dropdown_withVersions__3soV6:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__3soV6{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__3soV6,[data-open=true] .version-dropdown_withVersions__3soV6:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__2kYKG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;margin-top:8px;overflow-x:auto;padding:0 24px}.version-dropdown_tabs__2kYKG .version-dropdown_tab__3dSKy{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loading__VHpGU{color:#f6f6f6;color:var(--bit-bg-heavy,#f6f6f6)}.pill-label_pillLabel__W9O5W{align-items:center;border:1px solid #ededed;border-color:var(--bit-border-color-lightest,#ededed);border-radius:12px;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);padding:2px 8px;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.version-label_label__HHySb.version-label_latest__1_NVT{border-color:#37b26c;color:#37b26c}.version-label_label__HHySb.version-label_current__2TKNe{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__5CJbp{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__1--AS{height:25px;margin-bottom:16px}.version-label_labelContainer__3ABdi{display:flex;flex-direction:column}.version-info_versionRow__sk5Vp{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-info_versionTimestamp__m888-{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__l37Sw{padding:0 8px}.version-info_laneIcon__2hi5u{padding:0 4px}.version-info_version__2P46N{align-content:space-between;align-items:center;display:flex;flex-direction:row;max-width:70%}.version-info_versionName__1u2vs{padding:0 8px}.version-info_versionName__1u2vs.version-info_tag__uQwSb{min-width:-moz-fit-content;min-width:fit-content}.version-info_versionName__1u2vs.version-info_snap__4jCW6{min-width:20%}.version-info_commitMessage__21dib,.version-info_emptyMessage__1gMR5{min-width:50%;padding:0 8px}.version-info_emptyMessage__1gMR5{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-style:italic}.lane-info_versionRow__1ALU1{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__1ALU1 .lane-info_versionTimestamp__2BmOW{margin-right:2px}.lane-info_versionRow__1ALU1 .lane-info_versionUserAvatar__3gd_r{padding:0 8px}.lane-info_versionRow__1ALU1 .lane-info_laneIcon__mdCcY{padding:0 4px}.lane-info_versionRow__1ALU1 .lane-info_version__Q2Rmg{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__1ALU1 .lane-info_versionName__1Rjli{padding:0 8px}.version-dropdown-placeholder_simple__TwjFa{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_simple__TwjFa>div{margin-right:5px}.version-dropdown-placeholder_simple__TwjFa:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_simple__TwjFa>div{max-width:80px}.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK{background-color:#ededed;cursor:default}.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK>span{display:none}.version-dropdown-placeholder_simple__TwjFa .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_tag__3OGTV{min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_simple__TwjFa .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_snap__UlXii{min-width:20%}.version-dropdown-placeholder_detailed__3GVrd{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_detailed__3GVrd>div{margin-right:5px}.version-dropdown-placeholder_detailed__3GVrd:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__3GVrd>div{max-width:80px}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK{background-color:#ededed;cursor:default}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK>span{display:none}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_tag__3OGTV{min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_snap__UlXii{min-width:20%}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_commitMessage__1-G6n,.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_emptyMessage__N5DBl{max-width:50%;padding:0 8px}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_emptyMessage__N5DBl{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-style:italic}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_author__2d5Su{min-width:-moz-fit-content;min-width:fit-content;text-transform:capitalize}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionTimestamp__KWn2v{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionUserAvatar__2M3Z2{flex:none}.full-loader_fullLoader__3yFGi{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.dropdown_menu__3AsW5{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px}.dropdown_placeholder__7bsgi{align-items:center;background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #37b26c;border-radius:6px;box-sizing:border-box;color:#37b26c;cursor:pointer;display:flex;height:30px;padding:0 6px;transition:background-color .3s,color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_placeholder__7bsgi:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__7bsgi{padding:0 8px}.dropdown_placeholder__7bsgi .dropdown_content__1wo2u{display:none}}.dropdown_placeholder__7bsgi>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__7bsgi{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff);transition:color .3s,background-color .3s ease-in-out}.dropdown_placeholder__7bsgi>div{padding:0 6px}.menu_top__3me6T{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__1i2Zn{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__1i2Zn>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__1g36E{justify-content:space-between}.menu_drawer__1g36E>div{align-items:center;display:flex}.menu_drawer__1g36E>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__3TV0N{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;overflow-x:auto;padding:0 24px}.menu_registry__Xkwzo>div:last-child{border-top:none;padding:0}.menu_importContent__3ZdSc>div{margin:12px 0}.menu_importContent__3ZdSc>div:nth-child(2),.menu_importContent__3ZdSc>div:nth-child(4){margin-bottom:24px}.menu_bottom__smiMq{align-items:center;display:flex}.menu_bottom__smiMq>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.tab-content_middle__1AU0T{margin:0 24px 16px}.tab-content_middle__1AU0T>div{margin:12px 0}.tab-content_bottom__2BM6e{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__2XTQ-{align-items:center;display:flex;justify-content:space-between}.tab-content_open__2kHUH{transform:rotate(180deg)}.bottom-link_link__2tsia{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);cursor:pointer;display:flex;height:40px;padding:0 24px;text-decoration:none;text-decoration:initial}.bottom-link_link__2tsia:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__2tsia>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.copied-message_copiedMessage__21wkM{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);display:flex;font-size:12px;opacity:0;padding:2px 5px;position:absolute;right:30px;top:9px;transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__3DtoO{opacity:1;visibility:visible}.grid_gridContainer__4VBNN{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__1ss_5{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__3P4lU{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__wODMm{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__tUeI_{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__1kjOk{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__3LVbF{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__-UOpc{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__1KjEh{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__1__QR{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__1ul_n{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__2S7Tu{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__UwwbB{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__1rYvu{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__1He1E{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__TMFFR{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__2MhHN{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3WGI1{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__1q_C8{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__1hX_J{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__1h7Jj{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__6dGFi{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__2teW3{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2Aha_{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__1ALzl{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__2qnzc{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__354WX{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__17hwz{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__10tSX{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__agmQE{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__3AK3h{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__11c2e{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__xfZLG{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__2KE0o{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__3zT0y{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__1jVOK{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__29fxZ{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__28Twr{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__2kDBI{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__1lPCd{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__2cSru{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__2YUIf{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__CYkFQ{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__GA5wI{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__4Fb_8{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__39kEU{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__36AOH{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__2NhTM{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__FCphT{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__6oelD{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__ivU4a{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__Kib8u{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__1mabe{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__3-Ua-{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__910kE{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__juIPn{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__13do1{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__3txev{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__2nWIW{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__WSiRs{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__ZZSUh{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__3nDUt{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__1LuKR{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__8Gk5M{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__11cAC{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__2PSIX{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__1St0q{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__2p7B1{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__3V7p3{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__stzpr{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__1WPG9{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__XIH79{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__545uh{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__3-Wg_{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__36P4G{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__2uxtf{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__WVTUJ{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__9dbT_{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__3A-zw{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__3bfsE{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__3sX2W{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__1_9Ml{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__1xPfh{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__1XdEa{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__2b0DF{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__CPXlk{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;min-width:80px;padding:0 11px}.copy-box_copyBox__CPXlk .copy-box_leftSection__pTlsR{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_copyBox__CPXlk .copy-box_copiedMessage__2bKYL{top:1px}.copy-box_button__1KS6m{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__rcsHe{display:flex;position:relative}.copy-box_copyIcon__2GVcn{font-size:var(--bit-p-lg)}.bit-info_moreInfo__3FTm1>div:last-child{border-top:none;padding:0}.inline-code_inlineCode__PlMl_{background-color:#a6a6a633;border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__3I41c{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.menu_topBar__1zVDB{justify-content:space-between;width:100%}.menu_leftSide__2QCN9,.menu_topBar__1zVDB{align-items:center;display:flex;height:100%}.menu_navigation__2VobK{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__2VobK{padding-left:0}}.menu_navigation__2VobK li{display:block;height:100%;margin-right:16px}.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:flex}@media screen and (max-width:1200px){.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:none}}.menu_navigation__2VobK.menu_mobileNav__2jp2R{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__2VobK.menu_mobileNav__2jp2R{display:flex;margin-right:8px}}.menu_rightSide__NGGSx{align-items:center;display:flex;height:100%}.menu_rightSide__NGGSx>*{margin-right:12px}.menu_rightSide__NGGSx>:last-child{margin-right:16px}@media screen and (max-width:1200px){.menu_rightSide__NGGSx>*{margin-right:8px}}.menu_rightSide__NGGSx .menu_widgets__3TjrQ{align-items:center;display:flex;height:100%;margin-right:20px}.menu_rightSide__NGGSx .menu_widgets__3TjrQ>nav>a{padding:0}.menu_rightSide__NGGSx .menu_widgets__3TjrQ>nav>a:last-child{margin-right:0}@media screen and (max-width:1200px){.menu_rightSide__NGGSx .menu_widgets__3TjrQ{display:none}}.menu_rightSide__NGGSx .menu_widget__2le2h{font-size:17px}.menu_useBox__2ibV5{--bit-drawer-margin:14px}.menu_componentVersionMenu__1nAMz{width:350px}.abs-container_container__32Ee7{position:relative}.abs-container_containee__32F4t{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__32F4t{visibility:visible}.positions_top__3z-mm{bottom:100%}.positions_top-start__3Dd97{bottom:100%;left:0}.positions_top-end__p3_DQ{bottom:100%;right:0}.positions_right__2Uww5{left:100%}.positions_right-start__1dNL6{left:100%;top:0}.positions_right-end__1cvYe{bottom:0;left:100%}.positions_bottom__2JHnG{top:100%}.positions_bottom-start__PrOJ6{left:0;top:100%}.positions_bottom-end__3ioJM{right:0;top:100%}.positions_left__1_mZZ{right:100%}.positions_left-start__28qkr{right:100%;top:0}.positions_left-end__2wuCk{bottom:0;right:100%}.positions_cover__3zbKy{left:0;top:0}.displacement_displacement__2_tNV[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position=bottom-start],.displacement_displacement__2_tNV[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position=bottom-end],.displacement_displacement__2_tNV[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position^=left-start],.displacement_displacement__2_tNV[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position^=left-end],.displacement_displacement__2_tNV[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1C-MI{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__C_z3h{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__3294z{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__3psqj{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.background_bedrock__2uPRR{background:#fff;background:var(--bit-bg-bedrock,#fff)}.background_base__xeSd-,.background_layer__3XzrO{background:#fff;background:var(--bit-bg-color,#fff)}.background_crust__QWFjx{background:#fff;background:var(--bit-bg-tooltip,#fff)}.background_topping__32gOL{background:#fff;background:var(--bit-bg-color,#fff)}.background_topping__32gOL:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.background_dent__1EYCE{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6)}.dropdown_dropdownMenu__3HatQ{box-sizing:border-box;padding:8px 0}.mobile-menu-nav_mobileMenuLink__XaoZc{margin:0;transition:background-color .3s ease-in-out}.mobile-menu-nav_mobileMenuLink__XaoZc:hover{background-color:var(--bit-bg-heavy)}@media screen and (max-width:768px){.mobile-menu-nav_mobileMenuLink__XaoZc{font-size:16px;height:40px}}.mobile-menu-nav_mobileMenu__1GA2o>nav{display:flex;flex-direction:column}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_active__3xZ1a{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff);color:inherit}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_active__3xZ1a:after{background-color:transparent;background-color:initial}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_close__3EjHd{display:none}@media screen and (max-width:768px){.mobile-menu-nav_mobileMenu__1GA2o{bottom:0;left:0;padding:0;position:fixed;right:0;top:0;z-index:5000}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_close__3EjHd{align-self:self-end;display:flex;padding:8px}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_close__3EjHd:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}}.mobile-menu-nav_placeholder__39dnf{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-open=true] .mobile-menu-nav_placeholder__39dnf{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.mobile-menu-nav_placeholder__39dnf>span{padding-left:8px}.mobile-menu-nav_placeholder__39dnf:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.page-frame_centerColumn__3NPav{margin-left:auto;margin-right:auto;max-width:1000px;width:calc(100% - 40px)}.page-frame_wideColumn__1ChZv{margin-left:auto;margin-right:auto;max-width:1440px;width:calc(100% - 40px)}.page-frame_textColumn__3zLbU{max-width:700px}.copied-message_copiedMessage__TTseU{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__lNtFV{opacity:1;visibility:visible}.copy-box_copyBox__2IYNC{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;min-width:80px;padding:0 11px}.copy-box_copyBox__2IYNC .copy-box_leftSection__1h0Z5{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_button__G55mZ{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__qZszL{align-items:center;display:flex;position:relative}.copy-box_copyIcon__1sS5o{font-size:var(--bit-p-lg)}.paragraph_paragraph__9ufJX{margin:0 0 1em}.consumable-link_copyMethod__1t46m{align-content:center;grid-template-columns:1fr 4fr;margin-bottom:16px}.consumable-link_copyTitle__OpvLV{align-items:center;display:flex;font-weight:700;margin:initial}.label_label__1OitV{background:var(--bit-accent-bg);border-radius:6px;color:var(--bit-accent-heavy);display:inline-block;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;padding:4px 8px;text-transform:uppercase}.label-list_labelList__U6ppw{margin-bottom:16px}.label-list_labelList__U6ppw>*{margin-bottom:1em}.label-list_labelList__U6ppw>:not(:last-child){margin-right:1em}.section_section__e878i:empty{display:none}.section_sectionMargin__JFu0O{margin-bottom:40px}.muted-text_mutedText__2iqXg{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.sub-title_subTitle__3rmt5{margin-bottom:16px}.row_row__33zQY{align-items:center;display:flex;flex-wrap:wrap}.component-overview_componentTitle__3Y6eo>h1{margin:0}.component-overview_badgeContainer__1EUM_{align-items:center;display:flex;flex-wrap:wrap;margin-top:8px}.component-overview_badgeContainer__1EUM_>*{margin:0 8px}.component-overview_subTitle__33VBo{white-space:break-spaces}.component-overview_titleRow__2a_tW{margin-bottom:20px}.overview_overviewWrapper__1l3gU{--bit-h-lg:36px;overflow:auto}.overview_overviewWrapper__1l3gU .overview_componentOverviewBlock__1_2hV{margin-bottom:0;max-width:1440px;padding:50px 40px 10px}.overview_legacyPreview__1y7yd{margin:0 auto}.card_card__3uadO{box-sizing:border-box;padding:20px}.elevations_low__3jz7S{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__1EUdN{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__3VMVW{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.background_bedrock__2Cy4M{background:#fff;background:var(--bit-bg-bedrock,#fff)}.background_base__2Whwt,.background_layer__2xxwK{background:#fff;background:var(--bit-bg-color,#fff)}.background_crust__1kzQ4{background:#fff;background:var(--bit-bg-tooltip,#fff)}.background_topping__2_U72{background:#fff;background:var(--bit-bg-color,#fff)}.background_topping__2_U72:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.background_dent__3hiqR{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6)}.autocomplete-input_input__2Yn9R{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;outline:none}.autocomplete-input_input__2Yn9R::-moz-placeholder{color:#babec9;color:var(--bit-text-inactive,#babec9)}.autocomplete-input_input__2Yn9R::placeholder{color:#babec9;color:var(--bit-text-inactive,#babec9)}.command-bar-item_commandBarOption__OVKMv{align-items:center;display:flex;height:2.5em;padding:0 1.5em;transition:background-color .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.command-bar_commandBar__-uJ7B{border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:none;flex-direction:column;overflow:hidden}.command-bar_commandBar__-uJ7B.command-bar_visible__JcIMO{display:flex}.command-bar_shadow__3bCbw{box-shadow:0 40px 60px 0 rgba(0,0,0,.32)}.command-bar_commandBar__-uJ7B{padding:0;z-index:5000}.command-bar_input__1pAxA{line-height:2.8;padding:0 1.2em}.command-bar_results__eFLzI{font-size:.7em;transition:opacity .18s}.command-bar_results__eFLzI:not(:empty){border-top:1px solid #babec9;border-top:1px solid var(--bit-border-color,#babec9);margin-bottom:8px}.command-bar_results__eFLzI.command-bar_loading__2MPem{opacity:.61}.frame_overlayBorder__16yQg{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame_hidden__2sf70{display:none}.label_othersContainer__1ExfG>*{margin-bottom:8px}.label_othersContainer__1ExfG>:last-child{margin-bottom:0}.label_othersTooltip__1HBaz{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label_othersTooltip__1HBaz:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__1HBaz.label_active__7E4-a:before{transform:rotate(-180deg)}.label_hidden__3j8Bq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__3tWW4{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;white-space:nowrap;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__3tWW4>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__3tWW4>:link,.component-strip_componentStrip__3tWW4>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__3tWW4>:link:hover,.component-strip_componentStrip__3tWW4>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__3tWW4>:link:active,.component-strip_componentStrip__3tWW4>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__3tWW4>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__3tWW4>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:0}.component-strip_nameBlock__LE_FT{display:flex}.component-strip_nameBlock__LE_FT .component-strip_version__aIZP1{max-width:13ch;overflow:hidden;text-overflow:ellipsis;transition:max-width .48s;white-space:nowrap}.component-strip_nameBlock__LE_FT .component-strip_version__aIZP1:hover{max-width:61ch}.element-highlighter_label__zdp2_{padding:8px}.element-highlighter_frame__Ra14a,.element-highlighter_label__zdp2_{z-index:15500}.highlighter-provider_highlighter__124yM{border:solid #ededed;border:0 solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box;height:100%;transition:border .3s}.highlighter-provider_highlighter__124yM.highlighter-provider_active__oBUtA{border-width:8px;overflow:auto}.highlighter-provider_label__rMBbJ{font-family:sans-serif;font-size:12px}