@teambit/aspect 0.0.638 → 0.0.639

package/dist/aspect.cmd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["aspect.cmd.ts"],"names":["ListAspectCmd","constructor","aspect","report","name","aspectIds","listAspectsOfComponent","join","SetAspectCmd","pattern","aspectId","config","configParsed","JSON","parse","results","setAspectsToComponents","length","chalk","yellow","bold","green","UnsetAspectCmd","unsetAspectsFromComponents","GetAspectCmd","componentName","debug","extensions","mergedExtensions","beforeMerge","getAspectsOfComponent","extensionsDetailsToString","map","e","data","extensionId","toComponentObject","toString","stringify","undefined","beforeMergeOutput","origin","extraData","title","details","moreData","afterMergeTitle","afterMergeOutput","json","extensionsDetailsToObject","reduce","acc","current","aspectName","jsonObj","forEach","FinalAfterMerge","AspectCmd","unrecognizedSubcommand","red"],"mappings":"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","sourcesContent":["// eslint-disable-next-line max-classes-per-file\nimport { Command, CommandOptions } from '@teambit/cli';\nimport chalk from 'chalk';\nimport { ExtensionDataList } from '@teambit/legacy/dist/consumer/config';\nimport { AspectMain } from './aspect.main.runtime';\n\nexport class ListAspectCmd implements Command {\n  name = 'list <component-id>';\n  description = 'list all aspect names configured on a component';\n  options = [];\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([name]: [string]) {\n    const aspectIds = await this.aspect.listAspectsOfComponent(name);\n    return aspectIds.join('\\n');\n  }\n}\n\nexport class SetAspectCmd implements Command {\n  name = 'set <pattern> <aspect-id> [config]';\n  description = `set an aspect to component(s) with optional config.\nenter the config as stringified JSON (e.g. '{\"foo\":\"bar\"}' ).\nif no config entered, the aspect will be set with empty config ({}).`;\n  shortDescription = 'set an aspect to component(s) with optional config';\n  options = [];\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([pattern, aspectId, config]: [string, string, string]) {\n    const configParsed = config ? JSON.parse(config) : {};\n    const results = await this.aspect.setAspectsToComponents(pattern, aspectId, configParsed);\n    if (!results.length) return chalk.yellow(`unable to find any matching for ${chalk.bold(pattern)} pattern`);\n    return chalk.green(`the following component(s) have been successfully updated:\\n${results.join('\\n')}`);\n  }\n}\n\nexport class UnsetAspectCmd implements Command {\n  name = 'unset <pattern> <aspect-id>';\n  description = `unset an aspect from component(s).`;\n  options = [];\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([pattern, aspectId]: [string, string]) {\n    const results = await this.aspect.unsetAspectsFromComponents(pattern, aspectId);\n    if (!results.length) return chalk.yellow(`unable to find any matching for ${chalk.bold(pattern)} pattern`);\n    return chalk.green(`the following component(s) have been successfully updated:\\n${results.join('\\n')}`);\n  }\n}\n\nexport class GetAspectCmd implements Command {\n  name = 'get <component-id>';\n  description = \"show aspects' data and configuration of the given component\";\n  options = [\n    ['d', 'debug', 'show the origins were the aspects were taken from'],\n    ['j', 'json', 'format as json'],\n  ] as CommandOptions;\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([componentName]: [string], { debug }: { debug: boolean }) {\n    const { extensions: mergedExtensions, beforeMerge } = await this.aspect.getAspectsOfComponent(componentName);\n\n    const extensionsDetailsToString = (extensions: ExtensionDataList) =>\n      extensions\n        .map((e) => {\n          const { name, data, config, extensionId } = e.toComponentObject();\n          return `${chalk.bold('name:')}   ${name || extensionId?.toString()}\n${chalk.bold('config:')} ${JSON.stringify(config, undefined, 2)}\n${chalk.bold('data:')}   ${JSON.stringify(data, undefined, 2)}\n`;\n        })\n        .join('\\n');\n\n    if (debug) {\n      const beforeMergeOutput = beforeMerge\n        .map(({ origin, extensions, extraData }) => {\n          const title = chalk.green.bold(`Origin: ${origin}`);\n          const details = extensionsDetailsToString(extensions);\n          const moreData = extraData ? `\\n${chalk.bold('Extra Data:')} ${JSON.stringify(extraData, undefined, 2)}` : '';\n          return `${title}\\n${details}${moreData}`;\n        })\n        .join('\\n\\n');\n\n      const afterMergeTitle = chalk.green.bold('Final - after merging all origins');\n      const afterMergeOutput = `${afterMergeTitle}\\n${extensionsDetailsToString(mergedExtensions)}`;\n\n      return `${beforeMergeOutput}\\n\\n\\n${afterMergeOutput}`;\n    }\n\n    return extensionsDetailsToString(mergedExtensions);\n  }\n\n  async json([componentName]: [string], { debug }: { debug: boolean }) {\n    const { extensions: mergedExtensions, beforeMerge } = await this.aspect.getAspectsOfComponent(componentName);\n\n    const extensionsDetailsToObject = (extensions: ExtensionDataList) =>\n      extensions.reduce((acc, current) => {\n        const { name, data, config, extensionId } = current.toComponentObject();\n        const aspectName = name || extensionId?.toString() || '<no-name>';\n        acc[aspectName] = {\n          name: aspectName,\n          config,\n          data,\n        };\n        return acc;\n      }, {});\n\n    if (debug) {\n      const jsonObj: Record<string, any> = {};\n      beforeMerge.forEach(({ origin, extensions, extraData }) => {\n        jsonObj[origin] = {\n          extensions: extensionsDetailsToObject(extensions),\n          extraData,\n        };\n      });\n\n      jsonObj.FinalAfterMerge = { extensions: extensionsDetailsToObject(mergedExtensions) };\n      return jsonObj;\n    }\n\n    return extensionsDetailsToObject(mergedExtensions);\n  }\n}\n\nexport class AspectCmd implements Command {\n  name = 'aspect <sub-command>';\n  alias = '';\n  description = 'EXPERIMENTAL. manage aspects';\n  options = [];\n  group = 'development';\n  commands: Command[] = [];\n\n  async report([unrecognizedSubcommand]: [string]) {\n    return chalk.red(\n      `\"${unrecognizedSubcommand}\" is not a subcommand of \"aspect\", please run \"bit aspect --help\" to list the subcommands`\n    );\n  }\n}\n"]}
+{"version":3,"sources":["aspect.cmd.ts"],"names":["ListAspectCmd","constructor","aspect","report","name","debug","listAspectsResults","listAspectsOfComponent","rows","Object","keys","map","componentId","longestAspectName","Math","max","_","aspectName","length","aspects","aspectSource","origin","source","padEnd","level","join","table","CLITable","render","SetAspectCmd","pattern","aspectId","config","configParsed","JSON","parse","results","setAspectsToComponents","chalk","yellow","bold","green","UnsetAspectCmd","unsetAspectsFromComponents","GetAspectCmd","componentName","extensions","mergedExtensions","beforeMerge","getAspectsOfComponent","extensionsDetailsToString","e","data","extensionId","toComponentObject","toString","stringify","undefined","beforeMergeOutput","extraData","title","details","moreData","afterMergeTitle","afterMergeOutput","json","extensionsDetailsToObject","reduce","acc","current","jsonObj","forEach","FinalAfterMerge","AspectCmd","unrecognizedSubcommand","red"],"mappings":"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","sourcesContent":["// eslint-disable-next-line max-classes-per-file\nimport { Command, CommandOptions } from '@teambit/cli';\nimport { CLITable } from '@teambit/cli-table';\nimport chalk from 'chalk';\nimport { ExtensionDataList } from '@teambit/legacy/dist/consumer/config';\nimport { AspectMain } from './aspect.main.runtime';\n\nexport class ListAspectCmd implements Command {\n  name = 'list [pattern]';\n  description = 'list all aspects configured on component(s)';\n  options = [['d', 'debug', 'show the origins were the aspects were taken from']] as CommandOptions;\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([name]: [string], { debug }: { debug: boolean }) {\n    const listAspectsResults = await this.aspect.listAspectsOfComponent(name);\n    const rows = Object.keys(listAspectsResults).map((componentId) => {\n      const longestAspectName = Math.max(...listAspectsResults[componentId].map((_) => _.aspectName.length));\n      const aspects = listAspectsResults[componentId]\n        .map((aspectSource) => {\n          const origin = debug ? ` (origin: ${aspectSource.source})` : '';\n          const aspectName = aspectSource.aspectName.padEnd(longestAspectName);\n          return `${aspectName} (level: ${aspectSource.level})${origin}`;\n        })\n        .join('\\n');\n\n      return [componentId, aspects];\n    });\n    const table = new CLITable([], rows);\n    return table.render();\n  }\n}\n\nexport class SetAspectCmd implements Command {\n  name = 'set <pattern> <aspect-id> [config]';\n  description = `set an aspect to component(s) with optional config.\nenter the config as stringified JSON (e.g. '{\"foo\":\"bar\"}' ).\nif no config entered, the aspect will be set with empty config ({}).`;\n  shortDescription = 'set an aspect to component(s) with optional config';\n  options = [];\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([pattern, aspectId, config]: [string, string, string]) {\n    const configParsed = config ? JSON.parse(config) : {};\n    const results = await this.aspect.setAspectsToComponents(pattern, aspectId, configParsed);\n    if (!results.length) return chalk.yellow(`unable to find any matching for ${chalk.bold(pattern)} pattern`);\n    return chalk.green(`the following component(s) have been successfully updated:\\n${results.join('\\n')}`);\n  }\n}\n\nexport class UnsetAspectCmd implements Command {\n  name = 'unset <pattern> <aspect-id>';\n  description = `unset an aspect from component(s).`;\n  options = [];\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([pattern, aspectId]: [string, string]) {\n    const results = await this.aspect.unsetAspectsFromComponents(pattern, aspectId);\n    if (!results.length) return chalk.yellow(`unable to find any matching for ${chalk.bold(pattern)} pattern`);\n    return chalk.green(`the following component(s) have been successfully updated:\\n${results.join('\\n')}`);\n  }\n}\n\nexport class GetAspectCmd implements Command {\n  name = 'get <component-id>';\n  description = \"show aspects' data and configuration of the given component\";\n  options = [\n    ['d', 'debug', 'show the origins were the aspects were taken from'],\n    ['j', 'json', 'format as json'],\n  ] as CommandOptions;\n  group = 'development';\n\n  constructor(private aspect: AspectMain) {}\n\n  async report([componentName]: [string], { debug }: { debug: boolean }) {\n    const { extensions: mergedExtensions, beforeMerge } = await this.aspect.getAspectsOfComponent(componentName);\n\n    const extensionsDetailsToString = (extensions: ExtensionDataList) =>\n      extensions\n        .map((e) => {\n          const { name, data, config, extensionId } = e.toComponentObject();\n          return `${chalk.bold('name:')}   ${name || extensionId?.toString()}\n${chalk.bold('config:')} ${JSON.stringify(config, undefined, 2)}\n${chalk.bold('data:')}   ${JSON.stringify(data, undefined, 2)}\n`;\n        })\n        .join('\\n');\n\n    if (debug) {\n      const beforeMergeOutput = beforeMerge\n        .map(({ origin, extensions, extraData }) => {\n          const title = chalk.green.bold(`Origin: ${origin}`);\n          const details = extensionsDetailsToString(extensions);\n          const moreData = extraData ? `\\n${chalk.bold('Extra Data:')} ${JSON.stringify(extraData, undefined, 2)}` : '';\n          return `${title}\\n${details}${moreData}`;\n        })\n        .join('\\n\\n');\n\n      const afterMergeTitle = chalk.green.bold('Final - after merging all origins');\n      const afterMergeOutput = `${afterMergeTitle}\\n${extensionsDetailsToString(mergedExtensions)}`;\n\n      return `${beforeMergeOutput}\\n\\n\\n${afterMergeOutput}`;\n    }\n\n    return extensionsDetailsToString(mergedExtensions);\n  }\n\n  async json([componentName]: [string], { debug }: { debug: boolean }) {\n    const { extensions: mergedExtensions, beforeMerge } = await this.aspect.getAspectsOfComponent(componentName);\n\n    const extensionsDetailsToObject = (extensions: ExtensionDataList) =>\n      extensions.reduce((acc, current) => {\n        const { name, data, config, extensionId } = current.toComponentObject();\n        const aspectName = name || extensionId?.toString() || '<no-name>';\n        acc[aspectName] = {\n          name: aspectName,\n          config,\n          data,\n        };\n        return acc;\n      }, {});\n\n    if (debug) {\n      const jsonObj: Record<string, any> = {};\n      beforeMerge.forEach(({ origin, extensions, extraData }) => {\n        jsonObj[origin] = {\n          extensions: extensionsDetailsToObject(extensions),\n          extraData,\n        };\n      });\n\n      jsonObj.FinalAfterMerge = { extensions: extensionsDetailsToObject(mergedExtensions) };\n      return jsonObj;\n    }\n\n    return extensionsDetailsToObject(mergedExtensions);\n  }\n}\n\nexport class AspectCmd implements Command {\n  name = 'aspect <sub-command>';\n  alias = '';\n  description = 'EXPERIMENTAL. manage aspects';\n  options = [];\n  group = 'development';\n  commands: Command[] = [];\n\n  async report([unrecognizedSubcommand]: [string]) {\n    return chalk.red(\n      `\"${unrecognizedSubcommand}\" is not a subcommand of \"aspect\", please run \"bit aspect --help\" to list the subcommands`\n    );\n  }\n}\n"]}

package/dist/aspect.main.runtime.d.ts

@@ -6,9 +6,14 @@ import { ReactMain } from '@teambit/react';
 import { GeneratorMain } from '@teambit/generator';
 import { BabelMain } from '@teambit/babel';
 import { ComponentID } from '@teambit/component-id';
-import { Workspace } from '@teambit/workspace';
+import { ExtensionsOrigin, Workspace } from '@teambit/workspace';
 import { CompilerMain } from '@teambit/compiler';
 import { AspectEnv } from './aspect.env';
+export declare type AspectSource = {
+    aspectName: string;
+    source: string;
+    level: string;
+};
 export declare class AspectMain {
     readonly aspectEnv: AspectEnv;
     private envs;
@@ -18,14 +23,18 @@ export declare class AspectMain {
      * compose your own aspect environment.
      */
     compose(transformers?: EnvTransformer[], targetEnv?: Environment): Environment;
-    listAspectsOfComponent(id: string | ComponentID): Promise<string[]>;
+    listAspectsOfComponent(pattern?: string): Promise<{
+        [component: string]: AspectSource[];
+    }>;
+    private getAspectNamesForComponent;
+    private getLevelBySourceOrigin;
     setAspectsToComponents(pattern: string, aspectId: string, config?: Record<string, any>): Promise<ComponentID[]>;
     unsetAspectsFromComponents(pattern: string, aspectId: string): Promise<ComponentID[]>;
     getAspectsOfComponent(id: string | ComponentID): Promise<{
         extensions: import("@teambit/legacy/dist/consumer/config").ExtensionDataList;
         beforeMerge: {
             extensions: import("@teambit/legacy/dist/consumer/config").ExtensionDataList;
-            origin: import("@teambit/workspace/workspace").ExtensionsOrigin;
+            origin: ExtensionsOrigin;
             extraData: any;
         }[];
     }>;

package/dist/aspect.main.runtime.js

@@ -188,13 +188,55 @@ class AspectMain {
     return this.envs.compose(this.envs.merge(targetEnv, this.aspectEnv), transformers);
   }
 
-  async listAspectsOfComponent(id) {
-    if (typeof id === 'string') {
-      id = await this.workspace.resolveComponentId(id);
-    }
+  async listAspectsOfComponent(pattern) {
+    const getIds = async () => {
+      if (!pattern) return this.workspace.listIds();
+      const comps = await this.workspace.byPattern(pattern);
+      return comps.map(comp => comp.id);
+    };
+
+    const componentIds = await getIds();
+    const results = {};
+    await Promise.all(componentIds.map(async id => {
+      const aspectSources = await this.getAspectNamesForComponent(id);
+      results[id.toString()] = aspectSources;
+    }));
+    return results;
+  }
 
-    const component = await this.workspace.get(id);
-    return component.state.aspects.ids;
+  async getAspectNamesForComponent(id) {
+    const componentFromScope = await this.workspace.scope.get(id);
+    const {
+      beforeMerge
+    } = await this.workspace.componentExtensions(id, componentFromScope);
+    const aspectSources = [];
+    beforeMerge.forEach(source => {
+      source.extensions.forEach(ext => {
+        var _ext$extensionId;
+
+        const aspectName = ext.name || ((_ext$extensionId = ext.extensionId) === null || _ext$extensionId === void 0 ? void 0 : _ext$extensionId.toString()) || '<no-name>';
+        const alreadySaved = aspectSources.find(_ => _.aspectName === aspectName);
+        if (alreadySaved) return;
+        aspectSources.push({
+          aspectName,
+          source: source.origin,
+          level: this.getLevelBySourceOrigin(source.origin)
+        });
+      });
+    });
+    return aspectSources;
+  }
+
+  getLevelBySourceOrigin(origin) {
+    switch (origin) {
+      case 'BitmapFile':
+      case 'ComponentJsonFile':
+      case 'ModelSpecific':
+        return 'component';
+
+      default:
+        return 'workspace';
+    }
   }
 
   async setAspectsToComponents(pattern, aspectId, config = {}) {
@@ -211,7 +253,7 @@ class AspectMain {
     const components = await this.workspace.byPattern(pattern);
     const componentIds = components.map(comp => comp.id);
     componentIds.forEach(componentId => {
-      this.workspace.bitMap.removeComponentConfig(componentId, aspectId);
+      this.workspace.bitMap.removeComponentConfig(componentId, aspectId, true);
     });
     await this.workspace.bitMap.write();
     return componentIds;

package/dist/aspect.main.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["aspect.main.runtime.ts"],"names":["tsconfig","require","AspectMain","constructor","aspectEnv","envs","workspace","compose","transformers","targetEnv","merge","listAspectsOfComponent","id","resolveComponentId","component","get","state","aspects","ids","setAspectsToComponents","pattern","aspectId","config","components","byPattern","componentIds","map","comp","forEach","componentId","bitMap","addComponentConfig","write","unsetAspectsFromComponents","removeComponentConfig","getAspectsOfComponent","componentFromScope","scope","componentExtensions","provider","react","builder","aspectLoader","compiler","babel","generator","cli","babelCompiler","createCompiler","babelTransformOptions","babelConfig","distDir","distGlobPatterns","compilerOverride","override","getCompiler","transformer","mergeTsConfig","setArtifactName","setDistGlobPatterns","setShouldCopyNonSupportedFiles","tsCompiler","env","compilerTasksOverride","overrideCompilerTasks","createTask","AspectEnv","reactEnv","coreExporterTask","CoreExporterTask","__dirname","includes","registerBuildTasks","registerEnv","registerComponentTemplate","aspectTemplate","aspectMain","aspectCmd","AspectCmd","commands","ListAspectCmd","GetAspectCmd","SetAspectCmd","UnsetAspectCmd","register","MainRuntime","ReactAspect","EnvsAspect","BuilderAspect","AspectLoaderAspect","CompilerAspect","BabelAspect","GeneratorAspect","WorkspaceAspect","CLIAspect","AspectAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA,MAAMA,QAAQ,GAAGC,OAAO,CAAC,4BAAD,CAAxB;;AAEO,MAAMC,UAAN,CAAiB;AACtBC,EAAAA,WAAW,CAAUC,SAAV,EAAwCC,IAAxC,EAAgEC,SAAhE,EAAsF;AAAA,SAA5EF,SAA4E,GAA5EA,SAA4E;AAAA,SAA9CC,IAA8C,GAA9CA,IAA8C;AAAA,SAAtBC,SAAsB,GAAtBA,SAAsB;AAAE;AAEnG;AACF;AACA;;;AACEC,EAAAA,OAAO,CAACC,YAA8B,GAAG,EAAlC,EAAsCC,SAAsB,GAAG,EAA/D,EAAmE;AACxE,WAAO,KAAKJ,IAAL,CAAUE,OAAV,CAAkB,KAAKF,IAAL,CAAUK,KAAV,CAAgBD,SAAhB,EAA2B,KAAKL,SAAhC,CAAlB,EAA8DI,YAA9D,CAAP;AACD;;AAE2B,QAAtBG,sBAAsB,CAACC,EAAD,EAA8C;AACxE,QAAI,OAAOA,EAAP,KAAc,QAAlB,EAA4B;AAC1BA,MAAAA,EAAE,GAAG,MAAM,KAAKN,SAAL,CAAeO,kBAAf,CAAkCD,EAAlC,CAAX;AACD;;AACD,UAAME,SAAS,GAAG,MAAM,KAAKR,SAAL,CAAeS,GAAf,CAAmBH,EAAnB,CAAxB;AACA,WAAOE,SAAS,CAACE,KAAV,CAAgBC,OAAhB,CAAwBC,GAA/B;AACD;;AAE2B,QAAtBC,sBAAsB,CAC1BC,OAD0B,EAE1BC,QAF0B,EAG1BC,MAA2B,GAAG,EAHJ,EAIF;AACxB,UAAMC,UAAU,GAAG,MAAM,KAAKjB,SAAL,CAAekB,SAAf,CAAyBJ,OAAzB,CAAzB;AACA,UAAMK,YAAY,GAAGF,UAAU,CAACG,GAAX,CAAgBC,IAAD,IAAUA,IAAI,CAACf,EAA9B,CAArB;AACAa,IAAAA,YAAY,CAACG,OAAb,CAAsBC,WAAD,IAAiB;AACpC,WAAKvB,SAAL,CAAewB,MAAf,CAAsBC,kBAAtB,CAAyCF,WAAzC,EAAsDR,QAAtD,EAAgEC,MAAhE;AACD,KAFD;AAGA,UAAM,KAAKhB,SAAL,CAAewB,MAAf,CAAsBE,KAAtB,EAAN;AAEA,WAAOP,YAAP;AACD;;AAE+B,QAA1BQ,0BAA0B,CAACb,OAAD,EAAkBC,QAAlB,EAA4D;AAC1F,UAAME,UAAU,GAAG,MAAM,KAAKjB,SAAL,CAAekB,SAAf,CAAyBJ,OAAzB,CAAzB;AACA,UAAMK,YAAY,GAAGF,UAAU,CAACG,GAAX,CAAgBC,IAAD,IAAUA,IAAI,CAACf,EAA9B,CAArB;AACAa,IAAAA,YAAY,CAACG,OAAb,CAAsBC,WAAD,IAAiB;AACpC,WAAKvB,SAAL,CAAewB,MAAf,CAAsBI,qBAAtB,CAA4CL,WAA5C,EAAyDR,QAAzD;AACD,KAFD;AAGA,UAAM,KAAKf,SAAL,CAAewB,MAAf,CAAsBE,KAAtB,EAAN;AAEA,WAAOP,YAAP;AACD;;AAE0B,QAArBU,qBAAqB,CAACvB,EAAD,EAA2B;AACpD,QAAI,OAAOA,EAAP,KAAc,QAAlB,EAA4B;AAC1BA,MAAAA,EAAE,GAAG,MAAM,KAAKN,SAAL,CAAeO,kBAAf,CAAkCD,EAAlC,CAAX;AACD;;AACD,UAAMwB,kBAAkB,GAAG,MAAM,KAAK9B,SAAL,CAAe+B,KAAf,CAAqBtB,GAArB,CAAyBH,EAAzB,CAAjC;AACA,WAAO,KAAKN,SAAL,CAAegC,mBAAf,CAAmC1B,EAAnC,EAAuCwB,kBAAvC,CAAP;AACD;;AAeoB,eAARG,QAAQ,CAAC,CAACC,KAAD,EAAQnC,IAAR,EAAcoC,OAAd,EAAuBC,YAAvB,EAAqCC,QAArC,EAA+CC,KAA/C,EAAsDC,SAAtD,EAAiEvC,SAAjE,EAA4EwC,GAA5E,CAAD,EAUlB;AACD,UAAMC,aAAa,GAAGH,KAAK,CAACI,cAAN,CAAqB;AACzCC,MAAAA,qBAAqB,EAAEC,0BADkB;AAEzCC,MAAAA,OAAO,EAAE,MAFgC;AAGzCC,MAAAA,gBAAgB,EAAE,CAAE,SAAF,EAAa,iBAAb,EAAgC,4BAAhC;AAHuB,KAArB,CAAtB;AAKA,UAAMC,gBAAgB,GAAGhD,IAAI,CAACiD,QAAL,CAAc;AACrCC,MAAAA,WAAW,EAAE,MAAM;AACjB,eAAOR,aAAP;AACD;AAHoC,KAAd,CAAzB;;AAMA,UAAMS,WAAW,GAAIlC,MAAD,IAAY;AAC9BA,MAAAA,MAAM,CACHmC,aADH,CACiBzD,QADjB,EAEG0D,eAFH,CAEmB,aAFnB,EAGGC,mBAHH,CAGuB,CAAE,gBAAF,CAHvB,EAIGC,8BAJH,CAIkC,KAJlC;AAKA,aAAOtC,MAAP;AACD,KAPD;;AAQA,UAAMuC,UAAU,GAAGrB,KAAK,CAACsB,GAAN,CAAUP,WAAV,CAAsB,CAACC,WAAD,CAAtB,CAAnB;AAEA,UAAMO,qBAAqB,GAAGvB,KAAK,CAACwB,qBAAN,CAA4B,CACxDrB,QAAQ,CAACsB,UAAT,CAAoB,eAApB,EAAqClB,aAArC,CADwD,EAExDJ,QAAQ,CAACsB,UAAT,CAAoB,oBAApB,EAA0CJ,UAA1C,CAFwD,CAA5B,CAA9B;AAKA,UAAMzD,SAAS,GAAGoC,KAAK,CAACjC,OAAN,CAChB,CAAC8C,gBAAD,EAAmBU,qBAAnB,CADgB,EAEhB,KAAIG,oBAAJ,EAAc1B,KAAK,CAAC2B,QAApB,EAA8BzB,YAA9B,CAFgB,CAAlB;AAKA,UAAM0B,gBAAgB,GAAG,KAAIC,gCAAJ,EAAqBjE,SAArB,EAAgCsC,YAAhC,CAAzB;;AACA,QAAI,CAAC4B,SAAS,CAACC,QAAV,CAAmB,cAAnB,CAAL,EAAyC;AACvC9B,MAAAA,OAAO,CAAC+B,kBAAR,CAA2B,CAACJ,gBAAD,CAA3B;AACD;;AAED/D,IAAAA,IAAI,CAACoE,WAAL,CAAiBrE,SAAjB;AACAyC,IAAAA,SAAS,CAAC6B,yBAAV,CAAoC,CAACC,yBAAD,CAApC;AACA,UAAMC,UAAU,GAAG,IAAI1E,UAAJ,CAAeE,SAAf,EAAuCC,IAAvC,EAA6CC,SAA7C,CAAnB;AACA,UAAMuE,SAAS,GAAG,KAAIC,oBAAJ,GAAlB;AACAD,IAAAA,SAAS,CAACE,QAAV,GAAqB,CACnB,KAAIC,wBAAJ,EAAkBJ,UAAlB,CADmB,EAEnB,KAAIK,uBAAJ,EAAiBL,UAAjB,CAFmB,EAGnB,KAAIM,uBAAJ,EAAiBN,UAAjB,CAHmB,EAInB,KAAIO,yBAAJ,EAAmBP,UAAnB,CAJmB,CAArB;AAMA9B,IAAAA,GAAG,CAACsC,QAAJ,CAAaP,SAAb;AAEA,WAAOD,UAAP;AACD;;AA7HqB;;;gCAAX1E,U,aAoDMmF,kB;gCApDNnF,U,kBAqDW,CACpBoF,oBADoB,EAEpBC,kBAFoB,EAGpBC,wBAHoB,EAIpBC,kCAJoB,EAKpBC,0BALoB,EAMpBC,oBANoB,EAOpBC,4BAPoB,EAQpBC,oBARoB,EASpBC,gBAToB,C;;AA2ExBC,uBAAaC,UAAb,CAAwB9F,UAAxB","sourcesContent":["import { AspectLoaderAspect, AspectLoaderMain } from '@teambit/aspect-loader';\nimport { BuilderAspect, BuilderMain } from '@teambit/builder';\nimport { CLIAspect, CLIMain, MainRuntime } from '@teambit/cli';\nimport { Environment, EnvsAspect, EnvsMain, EnvTransformer } from '@teambit/envs';\nimport { ReactAspect, ReactMain } from '@teambit/react';\nimport { GeneratorAspect, GeneratorMain } from '@teambit/generator';\nimport { BabelAspect, BabelMain } from '@teambit/babel';\nimport { ComponentID } from '@teambit/component-id';\nimport WorkspaceAspect, { Workspace } from '@teambit/workspace';\nimport { CompilerAspect, CompilerMain } from '@teambit/compiler';\nimport { AspectAspect } from './aspect.aspect';\nimport { AspectEnv } from './aspect.env';\nimport { CoreExporterTask } from './core-exporter.task';\nimport { aspectTemplate } from './templates/aspect';\nimport { babelConfig } from './babel/babel-config';\nimport { AspectCmd, GetAspectCmd, ListAspectCmd, SetAspectCmd, UnsetAspectCmd } from './aspect.cmd';\n\nconst tsconfig = require('./typescript/tsconfig.json');\n\nexport class AspectMain {\n  constructor(readonly aspectEnv: AspectEnv, private envs: EnvsMain, private workspace: Workspace) {}\n\n  /**\n   * compose your own aspect environment.\n   */\n  compose(transformers: EnvTransformer[] = [], targetEnv: Environment = {}) {\n    return this.envs.compose(this.envs.merge(targetEnv, this.aspectEnv), transformers);\n  }\n\n  async listAspectsOfComponent(id: string | ComponentID): Promise<string[]> {\n    if (typeof id === 'string') {\n      id = await this.workspace.resolveComponentId(id);\n    }\n    const component = await this.workspace.get(id);\n    return component.state.aspects.ids;\n  }\n\n  async setAspectsToComponents(\n    pattern: string,\n    aspectId: string,\n    config: Record<string, any> = {}\n  ): Promise<ComponentID[]> {\n    const components = await this.workspace.byPattern(pattern);\n    const componentIds = components.map((comp) => comp.id);\n    componentIds.forEach((componentId) => {\n      this.workspace.bitMap.addComponentConfig(componentId, aspectId, config);\n    });\n    await this.workspace.bitMap.write();\n\n    return componentIds;\n  }\n\n  async unsetAspectsFromComponents(pattern: string, aspectId: string): Promise<ComponentID[]> {\n    const components = await this.workspace.byPattern(pattern);\n    const componentIds = components.map((comp) => comp.id);\n    componentIds.forEach((componentId) => {\n      this.workspace.bitMap.removeComponentConfig(componentId, aspectId);\n    });\n    await this.workspace.bitMap.write();\n\n    return componentIds;\n  }\n\n  async getAspectsOfComponent(id: string | ComponentID) {\n    if (typeof id === 'string') {\n      id = await this.workspace.resolveComponentId(id);\n    }\n    const componentFromScope = await this.workspace.scope.get(id);\n    return this.workspace.componentExtensions(id, componentFromScope);\n  }\n\n  static runtime = MainRuntime;\n  static dependencies = [\n    ReactAspect,\n    EnvsAspect,\n    BuilderAspect,\n    AspectLoaderAspect,\n    CompilerAspect,\n    BabelAspect,\n    GeneratorAspect,\n    WorkspaceAspect,\n    CLIAspect,\n  ];\n\n  static async provider([react, envs, builder, aspectLoader, compiler, babel, generator, workspace, cli]: [\n    ReactMain,\n    EnvsMain,\n    BuilderMain,\n    AspectLoaderMain,\n    CompilerMain,\n    BabelMain,\n    GeneratorMain,\n    Workspace,\n    CLIMain\n  ]) {\n    const babelCompiler = babel.createCompiler({\n      babelTransformOptions: babelConfig,\n      distDir: 'dist',\n      distGlobPatterns: [`dist/**`, `!dist/**/*.d.ts`, `!dist/tsconfig.tsbuildinfo`],\n    });\n    const compilerOverride = envs.override({\n      getCompiler: () => {\n        return babelCompiler;\n      },\n    });\n\n    const transformer = (config) => {\n      config\n        .mergeTsConfig(tsconfig)\n        .setArtifactName('declaration')\n        .setDistGlobPatterns([`dist/**/*.d.ts`])\n        .setShouldCopyNonSupportedFiles(false);\n      return config;\n    };\n    const tsCompiler = react.env.getCompiler([transformer]);\n\n    const compilerTasksOverride = react.overrideCompilerTasks([\n      compiler.createTask('BabelCompiler', babelCompiler),\n      compiler.createTask('TypescriptCompiler', tsCompiler),\n    ]);\n\n    const aspectEnv = react.compose(\n      [compilerOverride, compilerTasksOverride],\n      new AspectEnv(react.reactEnv, aspectLoader)\n    );\n\n    const coreExporterTask = new CoreExporterTask(aspectEnv, aspectLoader);\n    if (!__dirname.includes('@teambit/bit')) {\n      builder.registerBuildTasks([coreExporterTask]);\n    }\n\n    envs.registerEnv(aspectEnv);\n    generator.registerComponentTemplate([aspectTemplate]);\n    const aspectMain = new AspectMain(aspectEnv as AspectEnv, envs, workspace);\n    const aspectCmd = new AspectCmd();\n    aspectCmd.commands = [\n      new ListAspectCmd(aspectMain),\n      new GetAspectCmd(aspectMain),\n      new SetAspectCmd(aspectMain),\n      new UnsetAspectCmd(aspectMain),\n    ];\n    cli.register(aspectCmd);\n\n    return aspectMain;\n  }\n}\n\nAspectAspect.addRuntime(AspectMain);\n"]}
+{"version":3,"sources":["aspect.main.runtime.ts"],"names":["tsconfig","require","AspectMain","constructor","aspectEnv","envs","workspace","compose","transformers","targetEnv","merge","listAspectsOfComponent","pattern","getIds","listIds","comps","byPattern","map","comp","id","componentIds","results","Promise","all","aspectSources","getAspectNamesForComponent","toString","componentFromScope","scope","get","beforeMerge","componentExtensions","forEach","source","extensions","ext","aspectName","name","extensionId","alreadySaved","find","_","push","origin","level","getLevelBySourceOrigin","setAspectsToComponents","aspectId","config","components","componentId","bitMap","addComponentConfig","write","unsetAspectsFromComponents","removeComponentConfig","getAspectsOfComponent","resolveComponentId","provider","react","builder","aspectLoader","compiler","babel","generator","cli","babelCompiler","createCompiler","babelTransformOptions","babelConfig","distDir","distGlobPatterns","compilerOverride","override","getCompiler","transformer","mergeTsConfig","setArtifactName","setDistGlobPatterns","setShouldCopyNonSupportedFiles","tsCompiler","env","compilerTasksOverride","overrideCompilerTasks","createTask","AspectEnv","reactEnv","coreExporterTask","CoreExporterTask","__dirname","includes","registerBuildTasks","registerEnv","registerComponentTemplate","aspectTemplate","aspectMain","aspectCmd","AspectCmd","commands","ListAspectCmd","GetAspectCmd","SetAspectCmd","UnsetAspectCmd","register","MainRuntime","ReactAspect","EnvsAspect","BuilderAspect","AspectLoaderAspect","CompilerAspect","BabelAspect","GeneratorAspect","WorkspaceAspect","CLIAspect","AspectAspect","addRuntime"],"mappings":"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","sourcesContent":["import { AspectLoaderAspect, AspectLoaderMain } from '@teambit/aspect-loader';\nimport { BuilderAspect, BuilderMain } from '@teambit/builder';\nimport { CLIAspect, CLIMain, MainRuntime } from '@teambit/cli';\nimport { Environment, EnvsAspect, EnvsMain, EnvTransformer } from '@teambit/envs';\nimport { ReactAspect, ReactMain } from '@teambit/react';\nimport { GeneratorAspect, GeneratorMain } from '@teambit/generator';\nimport { BabelAspect, BabelMain } from '@teambit/babel';\nimport { ComponentID } from '@teambit/component-id';\nimport WorkspaceAspect, { ExtensionsOrigin, Workspace } from '@teambit/workspace';\nimport { CompilerAspect, CompilerMain } from '@teambit/compiler';\nimport { AspectAspect } from './aspect.aspect';\nimport { AspectEnv } from './aspect.env';\nimport { CoreExporterTask } from './core-exporter.task';\nimport { aspectTemplate } from './templates/aspect';\nimport { babelConfig } from './babel/babel-config';\nimport { AspectCmd, GetAspectCmd, ListAspectCmd, SetAspectCmd, UnsetAspectCmd } from './aspect.cmd';\n\nexport type AspectSource = { aspectName: string; source: string; level: string };\n\nconst tsconfig = require('./typescript/tsconfig.json');\n\nexport class AspectMain {\n  constructor(readonly aspectEnv: AspectEnv, private envs: EnvsMain, private workspace: Workspace) {}\n\n  /**\n   * compose your own aspect environment.\n   */\n  compose(transformers: EnvTransformer[] = [], targetEnv: Environment = {}) {\n    return this.envs.compose(this.envs.merge(targetEnv, this.aspectEnv), transformers);\n  }\n\n  async listAspectsOfComponent(pattern?: string): Promise<{ [component: string]: AspectSource[] }> {\n    const getIds = async () => {\n      if (!pattern) return this.workspace.listIds();\n      const comps = await this.workspace.byPattern(pattern);\n      return comps.map((comp) => comp.id);\n    };\n    const componentIds = await getIds();\n    const results = {};\n    await Promise.all(\n      componentIds.map(async (id) => {\n        const aspectSources = await this.getAspectNamesForComponent(id);\n        results[id.toString()] = aspectSources;\n      })\n    );\n    return results;\n  }\n\n  private async getAspectNamesForComponent(id: ComponentID): Promise<AspectSource[]> {\n    const componentFromScope = await this.workspace.scope.get(id);\n    const { beforeMerge } = await this.workspace.componentExtensions(id, componentFromScope);\n    const aspectSources: AspectSource[] = [];\n    beforeMerge.forEach((source) => {\n      source.extensions.forEach((ext) => {\n        const aspectName = ext.name || ext.extensionId?.toString() || '<no-name>';\n        const alreadySaved = aspectSources.find((_) => _.aspectName === aspectName);\n        if (alreadySaved) return;\n        aspectSources.push({ aspectName, source: source.origin, level: this.getLevelBySourceOrigin(source.origin) });\n      });\n    });\n    return aspectSources;\n  }\n\n  private getLevelBySourceOrigin(origin: ExtensionsOrigin) {\n    switch (origin) {\n      case 'BitmapFile':\n      case 'ComponentJsonFile':\n      case 'ModelSpecific':\n        return 'component';\n      default:\n        return 'workspace';\n    }\n  }\n\n  async setAspectsToComponents(\n    pattern: string,\n    aspectId: string,\n    config: Record<string, any> = {}\n  ): Promise<ComponentID[]> {\n    const components = await this.workspace.byPattern(pattern);\n    const componentIds = components.map((comp) => comp.id);\n    componentIds.forEach((componentId) => {\n      this.workspace.bitMap.addComponentConfig(componentId, aspectId, config);\n    });\n    await this.workspace.bitMap.write();\n\n    return componentIds;\n  }\n\n  async unsetAspectsFromComponents(pattern: string, aspectId: string): Promise<ComponentID[]> {\n    const components = await this.workspace.byPattern(pattern);\n    const componentIds = components.map((comp) => comp.id);\n    componentIds.forEach((componentId) => {\n      this.workspace.bitMap.removeComponentConfig(componentId, aspectId, true);\n    });\n    await this.workspace.bitMap.write();\n\n    return componentIds;\n  }\n\n  async getAspectsOfComponent(id: string | ComponentID) {\n    if (typeof id === 'string') {\n      id = await this.workspace.resolveComponentId(id);\n    }\n    const componentFromScope = await this.workspace.scope.get(id);\n    return this.workspace.componentExtensions(id, componentFromScope);\n  }\n\n  static runtime = MainRuntime;\n  static dependencies = [\n    ReactAspect,\n    EnvsAspect,\n    BuilderAspect,\n    AspectLoaderAspect,\n    CompilerAspect,\n    BabelAspect,\n    GeneratorAspect,\n    WorkspaceAspect,\n    CLIAspect,\n  ];\n\n  static async provider([react, envs, builder, aspectLoader, compiler, babel, generator, workspace, cli]: [\n    ReactMain,\n    EnvsMain,\n    BuilderMain,\n    AspectLoaderMain,\n    CompilerMain,\n    BabelMain,\n    GeneratorMain,\n    Workspace,\n    CLIMain\n  ]) {\n    const babelCompiler = babel.createCompiler({\n      babelTransformOptions: babelConfig,\n      distDir: 'dist',\n      distGlobPatterns: [`dist/**`, `!dist/**/*.d.ts`, `!dist/tsconfig.tsbuildinfo`],\n    });\n    const compilerOverride = envs.override({\n      getCompiler: () => {\n        return babelCompiler;\n      },\n    });\n\n    const transformer = (config) => {\n      config\n        .mergeTsConfig(tsconfig)\n        .setArtifactName('declaration')\n        .setDistGlobPatterns([`dist/**/*.d.ts`])\n        .setShouldCopyNonSupportedFiles(false);\n      return config;\n    };\n    const tsCompiler = react.env.getCompiler([transformer]);\n\n    const compilerTasksOverride = react.overrideCompilerTasks([\n      compiler.createTask('BabelCompiler', babelCompiler),\n      compiler.createTask('TypescriptCompiler', tsCompiler),\n    ]);\n\n    const aspectEnv = react.compose(\n      [compilerOverride, compilerTasksOverride],\n      new AspectEnv(react.reactEnv, aspectLoader)\n    );\n\n    const coreExporterTask = new CoreExporterTask(aspectEnv, aspectLoader);\n    if (!__dirname.includes('@teambit/bit')) {\n      builder.registerBuildTasks([coreExporterTask]);\n    }\n\n    envs.registerEnv(aspectEnv);\n    generator.registerComponentTemplate([aspectTemplate]);\n    const aspectMain = new AspectMain(aspectEnv as AspectEnv, envs, workspace);\n    const aspectCmd = new AspectCmd();\n    aspectCmd.commands = [\n      new ListAspectCmd(aspectMain),\n      new GetAspectCmd(aspectMain),\n      new SetAspectCmd(aspectMain),\n      new UnsetAspectCmd(aspectMain),\n    ];\n    cli.register(aspectCmd);\n\n    return aspectMain;\n  }\n}\n\nAspectAspect.addRuntime(AspectMain);\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/aspect",
-  "version": "0.0.638",
+  "version": "0.0.639",
   "homepage": "https://bit.dev/teambit/harmony/aspect",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "aspect",
-    "version": "0.0.638"
+    "version": "0.0.639"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -25,21 +25,22 @@
     "@babel/plugin-proposal-class-properties": "7.12.13",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/cli": "0.0.435",
-    "@teambit/aspect-loader": "0.0.638",
-    "@teambit/builder": "0.0.638",
-    "@teambit/compiler": "0.0.638",
-    "@teambit/envs": "0.0.638",
-    "@teambit/react": "0.0.638",
-    "@teambit/babel": "0.0.638",
+    "@teambit/cli-table": "0.0.33",
+    "@teambit/cli": "0.0.436",
+    "@teambit/aspect-loader": "0.0.639",
+    "@teambit/builder": "0.0.639",
+    "@teambit/compiler": "0.0.639",
+    "@teambit/envs": "0.0.639",
+    "@teambit/react": "0.0.639",
+    "@teambit/babel": "0.0.639",
     "@teambit/component-id": "0.0.400",
-    "@teambit/generator": "0.0.638",
-    "@teambit/workspace": "0.0.638",
-    "@teambit/compositions": "0.0.638",
+    "@teambit/generator": "0.0.639",
+    "@teambit/workspace": "0.0.639",
+    "@teambit/compositions": "0.0.639",
     "@teambit/design.ui.empty-box": "0.0.353",
-    "@teambit/tester": "0.0.638",
-    "@teambit/ui": "0.0.638",
-    "@teambit/isolator": "0.0.638"
+    "@teambit/tester": "0.0.639",
+    "@teambit/ui": "0.0.639",
+    "@teambit/isolator": "0.0.639"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -51,7 +52,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.211",
+    "@teambit/legacy": "1.0.212",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/artifacts/env-template/public/compositions.ea81bc691680be18a0e8.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[384],{71725:(e,s,t)=>{var a=t(40695);t(16738);const c=t(22181);(0,a.Bu)("compositions",c,!1,{})}},e=>{e.O(0,[283,141,181],(()=>{return s=71725,e(e.s=s);var s}));e.O()}]);

package/artifacts/env-template/public/preview-root.1dc363d3a18a0580c255.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[89],{},e=>{e.O(0,[283,141,848,693],(()=>{return a=45693,e(e.s=a);var a}));e.O()}]);

package/artifacts/env-template/public/static/css/664.3a12aa70.css

@@ -1 +0,0 @@
-.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}.block-quote_blockQuote__DrJtI{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__DrJtI>:last-child{margin-bottom:0}.bold_bold__1VriJ{font-weight:700}.external-link_link__37pYW{text-decoration:none}.external-link_link__37pYW:hover{text-decoration:underline}.heading-sizes_xxs__sqY6F{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__2vIO-{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__SWCg7{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1VfRy{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__12r2v{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__18vfm{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__1XBq0{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__18YHt,.heading_h2__1ja7_,.heading_h3__3SLRc,.heading_h4__uSuLS,.heading_h5__30dq2,.heading_h6__2CGfq{font-weight:700;margin:0}.heading_h1__18YHt{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__1exDt{align-items:center;display:flex;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__1exDt:hover .linked-heading_anchor__3xkqo{opacity:1;visibility:unset}.linked-heading_heading__28Zmh{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3xkqo{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__x6zDz{background-color:#a6a6a633;border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__2D3V2{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__krNdx{font-style:italic}.ol_ol__35tJ4{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__35tJ4 ol,.ol_ol__35tJ4 ul{padding-left:18px}.ol_ol__35tJ4>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__2WRi5{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__3YUMc{opacity:1;visibility:visible}.code-snippet_snippetWrapper__2LAr3{position:relative}.code-snippet_snippetWrapper__2LAr3:hover .code-snippet_copyIcon__oS7tG{opacity:1}.code-snippet_snippetWrapper__2LAr3 .code-snippet_codeSnippet__1p-ds{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__2LAr3 .code-snippet_copyIcon__oS7tG{background-color:#fff;border-radius:8px;color:#414141;cursor:pointer;font-size:16px;margin-left:8px;opacity:0;padding:6px 8px;transition:opacity .3s ease-in-out}.code-snippet_snippetWrapper__2LAr3 code{font-family:inherit!important}.code-snippet_copy__11Xp2{align-items:center;display:flex;position:absolute;right:6px;top:6px}.pane_pane__5auYJ{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__5auYJ,[data-split-layout*=last]>.pane_pane__5auYJ{max-width:unset;min-width:unset}.splitter_splitter__3oXaY{-webkit-user-select:none;-moz-user-select:none;-ms-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;-ms-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%}.error_error__1eGOY{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__MfEmP{height:450px}.react-playground_column__MfEmP .react-playground_codePane__35KBZ,.react-playground_column__MfEmP .react-playground_previewPane__1J_9U{max-height:90%;min-height:10%;width:100%}.react-playground_column__MfEmP .react-playground_error__2W6LT,.react-playground_column__MfEmP .react-playground_previewPane__1J_9U{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__3c6yp{height:100%;max-height:450px}.react-playground_row__3c6yp .react-playground_codePane__35KBZ,.react-playground_row__3c6yp .react-playground_previewPane__1J_9U{height:100%;max-width:90%;min-width:10%}.react-playground_row__3c6yp .react-playground_error__2W6LT,.react-playground_row__3c6yp .react-playground_previewPane__1J_9U{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__2W6LT{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__35KBZ{background-color:#282c34;overflow:auto}.react-playground_editor__1VRVn{font-family:Roboto mono!important;font-size:11px;max-width:unset!important;min-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.react-playground_editor__1VRVn>textarea{outline:none;white-space:pre!important}.react-playground_editor__1VRVn>pre{white-space:pre!important}.react-playground_splitter__2gA4z{background-color:#282c34}.react-playground_previewPane__1J_9U{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__2Zfk9{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__3HRLT{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__3HRLT>div{width:100%}.snippet_snippet__bynKV{margin-bottom:16px}.sup_sup__gJEHa{font-size:smaller;vertical-align:super}.base-table_table__3YVTq{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:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.base-table_table__3YVTq tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__3YVTq thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__3YVTq 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__3YVTq td,.base-table_table__3YVTq th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__3YVTq table,.base-table_table__3YVTq td,.base-table_table__3YVTq th,.base-table_table__3YVTq thead,.base-table_table__3YVTq tr{text-align:start}.base-table_table__3YVTq table[align=center],.base-table_table__3YVTq td[align=center],.base-table_table__3YVTq th[align=center],.base-table_table__3YVTq thead[align=center],.base-table_table__3YVTq tr[align=center]{text-align:center}.base-table_table__3YVTq table[align=left],.base-table_table__3YVTq td[align=left],.base-table_table__3YVTq th[align=left],.base-table_table__3YVTq thead[align=left],.base-table_table__3YVTq tr[align=left]{text-align:start}.base-table_table__3YVTq table[align=right],.base-table_table__3YVTq td[align=right],.base-table_table__3YVTq th[align=right],.base-table_table__3YVTq thead[align=right],.base-table_table__3YVTq tr[align=right]{text-align:end}.td_td__15w6K{padding:12px 20px}.tr_tr__2MH6U:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__2kPf-{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__2kPf->li>ol,.ul_ul__2kPf->li>ul{margin-bottom:0;padding-left:18px}.ul_ul__2kPf->li>p{margin-bottom:none}.mdx-layout_mdxContent__3MR2u{line-height:1.5}.mdx-layout_mdxContent__3MR2u img{max-width:100%}.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;color:#414141;cursor:pointer;font-size:16px;margin-left:8px;opacity:0;padding:6px 8px;transition:opacity .3s ease-in-out}.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__Aedkj{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:unset!important;min-width:100%;width:-webkit-fit-content;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}.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{align-self:center;display:inline-flex;margin-right:4px}.admonition-icon svg{stroke-width:0;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 .admonition-icon svg{stroke:#6c5ce7;stroke:var(--bit-accent-primary-color,#6c5ce7);fill:#6c5ce7;fill:var(--bit-accent-primary-color,#6c5ce7)}.admonition-caution{background-color:rgba(230,126,34,.1);border-left:8px solid #e67e22}.admonition-caution h5{color:#e67e22}.admonition-caution .admonition-icon svg{stroke:#e67e22;fill:#e67e22}.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-tip .admonition-icon svg{stroke:#37b26c;stroke:var(--bit-accent-success-color,#37b26c);fill:#37b26c;fill: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-warning .admonition-icon svg{stroke:#e62e5c;stroke:var(--bit-accent-impulsive-color,#e62e5c);fill:#e62e5c;fill: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-important .admonition-icon svg{stroke:#0984e3;stroke:var(--bit-accent-process-color,#0984e3);fill:#0984e3;fill: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-bg,#ffc640)}.admonition-note .admonition-icon svg{stroke:#ffc640;stroke:var(--bit-accent-hunger-color,#ffc640);fill:#ffc640;fill:var(--bit-accent-hunger-color,#ffc640)}.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}.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__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;-ms-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:unset}.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}.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}.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%}.muted-text_mutedText__2iqXg{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.sub-title_subTitle__3rmt5{margin-bottom:16px}.component-overview_componentTitle__3Y6eo{align-items:center;display:flex;margin-bottom:20px}.component-overview_componentTitle__3Y6eo>h1{margin:0}.component-overview_subTitle__33VBo{white-space:break-spaces}.component_container__wKARi{display:flex;flex-direction:column;height:100%}.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}.themed-text_themedText__-5NI1{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.composition-card_compositionCard__1TGzH{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:var(--bit-shadow-raised-low);display:flex;flex:none;flex-direction:column;min-height:122px;min-width:199px;padding:0}.composition-card_compositionCard__1TGzH:hover .composition-card_linkToComposition__uWeCP{opacity:1;visibility:visible}.composition-card_compositionContainer__1fvHN{box-sizing:border-box;margin:auto;max-width:100%;overflow:auto;padding:16px;position:relative;transform:translateZ(0)}.composition-card_title__1pxwS{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);display:flex;flex:none;font-size:.875em;justify-content:space-between;padding:8px 16px}.composition-card_title__1pxwS>span{margin-right:8px}.composition-card_linkToComposition__uWeCP{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);opacity:0;text-decoration:none;transition:opacity .3s,visibility .3s ease-in-out;visibility:hidden}.composition-card_compositionCardError__1YDP3{border-radius:4px 4px 0 0}.compositions-overview_background__3z-mR{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:6px;display:flex;overflow-x:auto;padding:12px}.compositions-overview_background__3z-mR>*{margin-right:16px}.compositions-overview_background__3z-mR>:last-child{margin:0}.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;-ms-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)}.dropdown_dropdown__NIBbx{padding:8px}.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:var(--bit-p-xs);padding:2px 8px;text-transform:capitalize;width:-webkit-fit-content;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_checked-out__1Td0_{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__5CJbp{margin-bottom:16px}.version-label_emptyLabel__1--AS{height:25px;margin-bottom:16px}.ellipsis_ellipsisDiv__3ErBy,.ellipsis_ellipsis__2Jyl3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__3ErBy{display:inline-block}.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;width:300px}.version-dropdown_title__3hQ6s{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);margin-bottom:8px;padding:16px 16px 12px}.version-dropdown_versionContainer__h0FXY{max-height:240px;overflow-y:scroll}.version-dropdown_versionLine__2Tp7A{align-items:center;color:var(--bit-text-color-heavy);cursor:pointer;display:flex;height:36px;padding:0 24px;text-decoration:none}.version-dropdown_versionLine__2Tp7A:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.version-dropdown_versionLine__2Tp7A:last-child{margin-bottom:8px}.version-dropdown_versionLine__2Tp7A.version-dropdown_currentVersion__1kZ9N{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.version-dropdown_versionLine__2Tp7A .version-dropdown_version__32b-4{margin-right:16px}.version-dropdown_versionLine__2Tp7A .version-dropdown_label__3z5qX{background-color:#fff;margin-right:8px}.version-dropdown_placeholder__vwyG0{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.version-dropdown_placeholder__vwyG0>span{display:none}.version-dropdown_placeholder__vwyG0>div{max-width:80px}.version-dropdown_withVersions__3soV6{cursor:pointer}.version-dropdown_withVersions__3soV6>div{margin-right:5px}.version-dropdown_withVersions__3soV6>span{display:unset}.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)}.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;-ms-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}.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;-ms-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:unset}.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){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:unset}.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}.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;-ms-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}.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)}.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)}.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}.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{display:flex;height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__2VobK{padding-left:6px}}.menu_navigation__2VobK>li{display:block;height:100%;margin-right:16px}.menu_rightSide__NGGSx{align-items:center;display:flex;height:100%}.menu_rightSide__NGGSx>*{margin-right:12px}.menu_rightSide__NGGSx>:last-child{margin-right:16px}.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}.menu_rightSide__NGGSx .menu_widget__2le2h{font-size:17px}.menu_useBox__2ibV5{--bit-drawer-margin:14px}.base_docsMainBlock__lkj5z{margin:0 auto 150px;max-width:1440px;padding:50px 40px 10px}.base_docsMainBlock__lkj5z .base_heading__3ZLTJ{margin-bottom:unset}.base_maxWidth__iUSVk{max-width:700px}.base_marginBottom__3Ol4J{margin-bottom:30px}.base_topRow__3kgKo{align-items:baseline;display:flex}.base_copyMethod__1Zv6Z{align-self:center;display:flex;margin-bottom:20px;width:100%}.base_copyTitle__16rYg{margin-bottom:unset;margin-right:10px}.base_copyBox__1rqqL{flex-grow:1}.base_marginRight__3NH-w{margin-right:10px}.base_compositionSection__2dtVM{margin-top:40px}.base_compositionCard__2nvTZ{max-width:100%;overflow:hidden}.base_mdx__27C-V{font-size:16px}.react-playground_error__1zi13{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);border-bottom-right-radius:6px;border-left:none;border-top-right-radius:6px;bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out;width:100%}.react-playground_error__1zi13.react-playground_column__1Kovw{border:1px solid var(--bit-error-color);border-bottom:none;border-bottom-right-radius:0;border-top-left-radius:6px}.react-playground_editorWrapper__1wY8s{max-height:450px;overflow:auto!important}.react-playground_codePane__19Xda{background-color:#282c34;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;max-width:90%;min-width:150px}.react-playground_codePane__19Xda.react-playground_column__1Kovw,.react-playground_codePane__19Xda.react-playground_column__1Kovw .react-playground_editorWrapper__1wY8s{height:220px;max-width:100%}.react-playground_editor__1LFjB{border-bottom-left-radius:6px;border-top-left-radius:6px;box-sizing:border-box;font-family:Roboto mono!important;font-size:11px;min-height:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.react-playground_editor__1LFjB>textarea{outline:none;white-space:pre!important;width:100%!important}.react-playground_editor__1LFjB>pre{white-space:pre!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.react-playground_splitter__R480r{background-color:#282c34}.react-playground_splitter__R480r>div{border:none;border-radius:0}.react-playground_previewPane__1Rkn-{border:1px solid var(--bit-border-color-lightest);border-bottom-right-radius:6px;border-left:none;border-top-right-radius:6px;min-height:100px;overflow:auto;position:relative}.react-playground_previewPane__1Rkn-.react-playground_column__1Kovw{border:1px solid var(--bit-border-color-lightest);border-bottom:none;border-bottom-right-radius:0;border-top-left-radius:6px;min-height:220px}.react-playground_previewPane__1Rkn-.react-playground_column__1Kovw .react-playground_editorWrapper__1wY8s{max-height:220px}.react-playground_previewBox__1quIl{bottom:0;left:0;position:absolute;right:0;top:0}.react-playground_preview__1LvFd{border-left:none;box-sizing:border-box;height:100%;width:100%}.react-playground_playground__1mVdr{border-radius:6px;display:flex;max-height:450px;overflow:hidden;width:100%}.react-playground_playground__1mVdr>div{width:100%}.examples-overview_exampleSection__1OdhX>:not(:last-child){margin-bottom:8px}.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:unset;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:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.table-row_typeColumn__z8Whd .table-row_highlighted__MIvK_{background:unset!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}