@teambit/react 0.0.781 → 0.0.784

package/artifacts/env-template/public/static/css/914.6843020b.css

@@ -0,0 +1 @@
+.full-loader_fullLoader__3yFGi{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.muted-italic_mutedItalic__2KpIQ{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-style:italic}.ellipsis_ellipsisDiv__3ErBy,.ellipsis_ellipsis__2Jyl3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__3ErBy{display:inline-block}.lanes-drawer_emptyScope__3gjfq{display:block;padding:8px 8px 0 28px}.lanes-drawer_collapseIcon__3UkNA{width:16px}.indent_indent__1DCWU{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__2BD2l{margin-left:calc(var(--indent-depth)*8px + 8px)}.indent_indent__2GD-y{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__1QfrF{margin-left:calc(var(--indent-depth)*8px + 8px)}.collapsing-node_childrenTree__2AGpj{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.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)}.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)}.deprecation-icon_deprecatedTooltip__347et{padding:2px 5px}.deprecation-icon_deprecatedTooltip__347et>div{padding:unset!important}.deprecation-icon_deprectaedTooltipContent__X673k{font-size:12px}.component-view_component__3I6My{align-items:center;border-left:0 solid transparent;box-sizing:border-box;color:inherit;display:flex;font-size:inherit;font-size:var(--bit-p-xs);height:32px;justify-content:space-between;padding-right:8px;text-decoration:none}.component-view_component__3I6My:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.component-view_component__3I6My:hover .component-view_envIcon__2DBLl{filter:grayscale(0)}.component-view_component__3I6My.component-view_active__1xKda{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.component-view_component__3I6My.component-view_active__1xKda .component-view_envIcon__2DBLl{filter:grayscale(0)}.component-view_component__3I6My .component-view_icon__2LVh8{height:16px;opacity:.8;width:16px}.component-view_component__3I6My .component-view_left__1RGqo{align-items:center;display:flex;flex:1 1;line-height:16px;min-width:0}.component-view_component__3I6My .component-view_left__1RGqo>span{overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.component-view_component__3I6My .component-view_envIcon__2DBLl{filter:grayscale(1);height:16px;transition:filter .3s ease-in-out;width:16px}.component-view_component__3I6My .component-view_right__37qrs{align-items:center;display:flex;font-size:12px}.component-view_component__3I6My .component-view_right__37qrs>*{margin-right:4px}.component-view_component__3I6My .component-view_right__37qrs>:last-child(){margin-right:0}.component-view_componentEnvTooltip__3gsji{font-size:var(--bit-p-xs);max-width:unset!important}.component-view_componentEnvTooltip__3gsji .component-view_componentEnvTitle__23QH2{color:#c9c3f6;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;margin-bottom:4px}.component-view_envLink__2QU0F{color:#fff;text-decoration:none}.scope-tree-node_scope__cITC0{align-items:center;cursor:pointer;display:flex;font-size:inherit;font-size:var(--bit-p-xs);font-weight:700;height:32px;justify-content:space-between;padding-right:8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scope-tree-node_scope__cITC0:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.scope-tree-node_scope__cITC0 .scope-tree-node_arrow__hn9go{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;line-height:inherit;margin-right:10px;transition:all .3s}.scope-tree-node_scope__cITC0 .scope-tree-node_arrow__hn9go.scope-tree-node_collapsed__1Wmso{transform:rotate(-90deg)}.scope-tree-node_highlighted__1eh7u{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.scope-tree-node_left__17mLp{align-items:center;display:flex;flex:1 1;min-width:0}.scope-tree-node_left__17mLp .scope-tree-node_name__35t7U{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tree-node_componentTree__1yrBs{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.namespace-tree-node_namespace__YZq4n{align-items:center;cursor:pointer;display:flex;font-size:inherit;font-size:var(--bit-p-xs);font-weight:700;height:32px;justify-content:space-between;padding-right:8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.namespace-tree-node_namespace__YZq4n:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.namespace-tree-node_namespace__YZq4n .namespace-tree-node_arrow__2TQFJ{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;line-height:inherit;margin-right:10px;transition:all .3s}.namespace-tree-node_namespace__YZq4n .namespace-tree-node_arrow__2TQFJ.namespace-tree-node_collapsed__2NSFB{transform:rotate(-90deg)}.namespace-tree-node_highlighted__1zrGL{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.namespace-tree-node_left__2bDBJ{align-items:center;display:flex;flex:1 1;min-width:0}.namespace-tree-node_left__2bDBJ .namespace-tree-node_name__YtL_k{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.namespace-tree-node_componentTree__2LdgO{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.lane-tree-node_lane___wRks{align-items:center;border-left:0 solid transparent;box-sizing:border-box;color:inherit;display:flex;font-size:inherit;font-size:var(--bit-p-xs);height:32px;justify-content:space-between;padding-right:8px;text-decoration:none}.lane-tree-node_lane___wRks:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.lane-tree-node_lane___wRks:hover .lane-tree-node_envIcon__3SU2U{filter:grayscale(0)}.lane-tree-node_lane___wRks.lane-tree-node_active__22JGW{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.lane-tree-node_lane___wRks.lane-tree-node_active__22JGW .lane-tree-node_envIcon__3SU2U{filter:grayscale(0)}.lane-tree-node_lane___wRks .lane-tree-node_icon__2-0ik{height:16px;opacity:.8;width:16px}.lane-tree-node_lane___wRks .lane-tree-node_left__1MSG9{align-items:center;display:flex;flex:1 1;min-width:0}.lane-tree-node_lane___wRks .lane-tree-node_left__1MSG9 .lane-tree-node_laneName__2tHtb{overflow:hidden;padding:0 8px;white-space:nowrap}.lane-tree-node_lane___wRks .lane-tree-node_right__2WvIK{align-items:center;display:flex;font-size:12px}.lane-tree-node_lane___wRks .lane-tree-node_right__2WvIK>*{margin-right:4px}.lane-tree-node_lane___wRks .lane-tree-node_right__2WvIK>:last-child(){margin-right:0}.lane-tree_laneTreeContainer__2DJvy{height:100%;overflow-y:scroll}.component-grid_componentGrid__2gngO{grid-column-gap:10px;grid-gap:32px;-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(197px,1fr))}.preview-container_previewContainer__3cAYi{border-radius:5px 5px 0 0;height:0;overflow:hidden;padding-bottom:57%;position:relative}.preview-container_preview__WKIUl{border-bottom:1px solid #cccfd4;border-bottom:1px solid var(--bit-border-color-light,#cccfd4);bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.preview-container_preview__WKIUl>iframe{pointer-events:none}.preview-container_emptyPreview__2p3mm{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.deprecation-sticker_deprecated__3Hvlk{background-color:#ffc640;border-radius:4px;display:none;font-size:10px;font-weight:700;padding:3px 8px;position:absolute;right:12px;text-transform:uppercase;top:7px;z-index:1}.deprecation-sticker_deprecated__3Hvlk.deprecation-sticker_show__gTSKl{display:unset}.details_content__2ygRq{display:flex;flex-direction:column;height:96px;justify-content:space-between;padding:16px}.details_nameSpace__WTVmf{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:10px;font-weight:700;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.details_name__3N3hs{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:6px}.details_name__3N3hs>span:first-child{font-weight:700;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details_versionHolder__2nD-5{align-items:center;display:flex;overflow:hidden}.details_versionHolder__2nD-5 .details_img__2Y1sJ{height:14px;margin-left:5px}.details_description__1DYuB{line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-line-clamp:2;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:-webkit-box;font-size:14px;font-size:var(--bit-p-xs,14px);overflow:hidden;text-overflow:ellipsis}.card_componentCard__2UZCx{border-color:#cccfd4;border-color:var(--bit-border-color-light,#cccfd4);border-radius:5px;border-style:solid;border-width:1px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .3s ease-in-out;width:100%}.card_componentCard__2UZCx:hover{border-color:#6c707c;border-color:var(--bit-text-color-light,#6c707c);overflow:unset}.component-card_componentCardLink__2tXyg{color:var(--bit-text-color-heavy);text-decoration:none}.component-card_bottom__25298{justify-content:space-between;padding:0 16px 16px}.component-card_bottom__25298,.component-card_bottom__25298>div{align-items:center;display:flex}.component-card_bottom__25298>div>span{font-size:14px;margin-right:10px}.component-card_bottom__25298>div .component-card_size__GNwz7{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:11px;vertical-align:middle}.component-card_dot__swafO{background-color:#ededed;border-radius:50%;display:inline-block;height:14px;width:14px}.component-card_img__3Rdnn{height:14px}.size-definition_headingFontSize__1PHYm{--bit-h-xxs:18px;--bit-h-xs:26px;--bit-h-sm:36px;--bit-h-md:40px;--bit-h-lg:50px;--bit-h-xl:60px;--bit-h-xxl:80px}.size-definition_textFontSize__3ICoU{--bit-p-xxs:12px;--bit-p-xs:14px;--bit-p-sm:15px;--bit-p-md:16px;--bit-p-lg:18px;--bit-p-xl:20px;--bit-p-xxl:24px}.shadow-definition_shadowTheme__3jVqm{--bit-shadow-none:none;--bit-shadow-faint:0 2px 10px 0 rgba(0,0,0,.1);--bit-shadow-resting:0px 0px 4px rgba(0,0,0,.08),0px 2px 4px rgba(0,0,0,.08);--bit-shadow-raised-low:0 -1px 1px 0 rgba(0,0,0,.09),0 2px 2px 0 rgba(0,0,0,.23);--bit-shadow-hover-low:0 2px 8px 0 rgba(0,0,0,.2);--bit-shadow-hover-medium:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);--bit-shadow-hover-high:0px 11px 29px 0px rgba(0,0,0,.23)}.color-definition_primaryPalette__3oy3v{--bit-text-color:#414141;--bit-text-color-heavy:#2b2b2b;--bit-text-color-light:#6c707c;--bit-text-inactive:#babec9;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#babec9;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#cccfd4;--bit-border-color-lightest:#ededed;--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6;--bit-bg-color:#fff;--bit-bg-heavy:#f6f6f6;--bit-bg-heaviest:#ededed;--bit-bg-bedrock:#fff;--bit-bg-navigation:#f6f6f6;--bit-bg-overlay:#fff;--bit-bg-modal:#fff;--bit-bg-tooltip:#fff;--bit-bg-tooltip-heavy:#f6f6f6;--bit-bg-dent:#f6f6f6;--bit-error-color:#e62e5c;--bit-error-heavy:#d31948;--bit-error-light:#f086a0;--bit-error-bg:#fdeff2;--bit-error-bg-heavy:#f7bac9;color:#414141}.brand-definition_brands__3U8QG{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__1tFjF{--bit-h1Margin:20px;--bit-h2Margin:20px;--bit-h3Margin:20px;--bit-h4Margin:8px;--bit-h5Margin:8px;--bit-h6Margin:8px;--bit-h7Margin:8px}@font-face{font-family:"CircularPro";src:url(https://static.bit.dev/fonts/CircularPro-Book.otf)}@font-face{font-family:"CircularPro";font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-Bold.otf)}@font-face{font-family:"CircularPro";font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-Black.otf)}@font-face{font-family:"CircularPro";font-style:italic;src:url(https://static.bit.dev/fonts/CircularPro-BookItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-BoldItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-BlackItalic.otf)}.book-font_bookFont__3DQbg{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__t8Yd6{line-height:1.23}.sizes_heading__wpEPv{--bit-h-xxs:16px;--bit-h-xs:18px;--bit-h-sm:24px;--bit-h-md:26px;--bit-h-lg:36px;--bit-h-xl:40px;--bit-h-xxl:50px}.global_overrides__19p1X{line-height:normal}.pane_pane__5auYJ{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__5auYJ,[data-split-layout*=last]>.pane_pane__5auYJ{max-width:unset;min-width:unset}.splitter_splitter__3oXaY{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__3oXaY{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__3oXaY{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__3NU9t{display:flex;flex-direction:column}.split-pane_splitPane__3NU9t.split-pane_isDragging__1TJaj{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__3NU9t[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__3NU9t[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__3NU9t[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__3NU9t[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__3NU9t[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__15QHM{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__3CR3-{height:100%;width:100%}.splitter_highlighter__3CR3-,.splitter_highlighter__3CR3-:after,.splitter_highlighter__3CR3-:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__3CR3-:hover,.splitter_highlighter__3CR3-:hover:after,.splitter_highlighter__3CR3-:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__3CR3-:after,.splitter_highlighter__3CR3-:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after{bottom:-200%}.grid_gridContainer__1UJEt{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__3yC-h{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__QNCY6{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__lwzsG{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__1SQ6E{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__1jW6i{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__2k08m{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__17Qj4{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__2rOrd{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__1bHaV{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__2xHc2{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__uiFTv{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__1bxkB{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__1qN1i{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__1qe0T{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__x8Pvk{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__20OZC{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3DGUO{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__i4_Je{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__19bPw{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__3icPF{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__3W3h9{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__3WfBa{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2IbWq{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__2HM7U{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__LLn46{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__3GR6S{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__1mY1U{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__3ipRg{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__3KH8S{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__3Ygnr{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__2_6pj{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__QvxEw{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__1qmby{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__3hm-F{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__42MSn{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__IwLPd{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__1fvFW{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__1aaf1{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__3Sycl{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__1EI-I{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__uACD7{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__1DZ6t{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__3WdyT{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__2Yjdk{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__3CKEV{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__25mOC{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__1MkVq{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__23UqJ{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__3mWAl{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__2lyx4{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__1-WdX{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__1m1Iu{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__LQB3g{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__QWFTx{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__1yK6M{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__ofqM0{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__2bAOK{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__1iN6C{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__1DnPL{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__2UgmJ{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__1PKI-{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__2mJP-{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__3ZyF1{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__363Q9{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__2QMWE{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__2_yUI{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__2uq82{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__K0kSz{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__2BnMI{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__1UHKi{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__2ycDa{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__330-L{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__Enmnu{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__1wUY7{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__1cJTT{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__363GK{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__3jnJ_{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__jyYq6{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__i8F5f{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__NJrcU{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__36GQd{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__3xWtr{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__3T6rY{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__3HeEi{grid-template-columns:repeat(12,1fr)}.table-heading-column_headingColumn__1p6_E{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__3_VR_{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__3_VR_.table-heading-row_hide__2jbmt{display:none}.table-heading-row_titleCol__wci4P{color:var(--bit-text-color-light);text-transform:uppercase}.grid_gridContainer__PLcPC{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__3X1tm{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__vAMrJ{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__l3yZ2{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__1qAjO{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__Lzk5D{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__24kPq{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__2_f2D{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__1QjoI{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__3lPqK{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__pCke4{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__13oOH{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__3Da0x{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__8dOFH{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__BFOs2{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__2lUc7{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__2oAyt{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3ruNN{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__2fFYx{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__10f9Q{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__3cqMF{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__fXhN2{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__2Humr{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2jOwt{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__1mKqg{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__26ers{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__3a_MO{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__2oHvd{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__SoTGv{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__36QrU{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__1ZKyc{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__rPEDi{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__2Xqi_{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__3DhET{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__2gtof{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__1cZZ5{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__tEQaE{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__1Occc{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__2Ofd3{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__2A7ks{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__17axh{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__33Abd{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__1h8RW{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__1WNuo{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__3sB9e{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__21wqc{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__2N3Y2{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__KwHyd{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__4yehq{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__1oCYn{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__3_ySH{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8___yx8y{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__vMQ9R{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__-8fwr{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__1pWDR{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__EmLmG{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__2iI7k{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__1U0QT{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__23sZp{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__XmMaH{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__41ua_{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__30CAy{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__4sxgl{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__2Azc5{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__2dVvv{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__30tIs{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__EWpOS{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__3MfAC{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__2pcsD{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__2xcCo{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__7Nq_t{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__heXP3{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__7ATwi{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__1GDkh{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__1tJnp{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__2Eq1u{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__3WX4_{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__3GowY{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__108sJ{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__2JvCA{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__3ZFWe{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__P1hoW{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__36lxW{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__2FrIF{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__2Ersc{grid-template-columns:repeat(12,1fr)}.table-column_tableColumn__2K6_b{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__PprUo{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,var(--bit-border-color-lightest,#ededed));margin-bottom:8px;padding:18px 20px}.table-row_propRow__PprUo.table-row_singleColumn__3D7aw{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__1oYJt{display:none}.table-row_mobileTitle__1oYJt.table-row_show__10BrG{color:var(--bit-text-color-light);display:flex;font-size:var(--bit-p-xxs);font-weight:700;min-width:110px;text-transform:uppercase}.table-row_columnContent__1jh3Y,.table-row_column__3Sk6-{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__20l2S{margin: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}.tabs_tabContainer__3ffie{display:flex}.tabs_tab__1u6Qx{color:#878c9a;font-size:12px;font-weight:700;outline:none;padding:8px;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}.tabs_tab__1u6Qx:hover{color:var(--bit-text-color-heavy)}.tabs_tab__1u6Qx.tabs_disabled__21PDt{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__1u6Qx.tabs_active__1QtYl{color:var(--bit-text-color-heavy)}.tabs_tab__1u6Qx.tabs_active__1QtYl:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.collapser-button_collapser__2qEPm{bottom:80px;cursor:pointer;position:absolute;transition:right .3s,left .3s ease-in-out;z-index:100}.collapser-button_collapser__2qEPm.collapser-button_open__3y1Vb .collapser-button_circle__2cuYC>div{transform:rotate(-.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__2cuYC{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:0 -1px 1px 0 rgba(0,0,0,.09),0 1px 2px 0 rgba(0,0,0,.23);font-size:12px;height:100%;padding:10px;transition:padding .3s ease-in-out}.collapser-button_circle__2cuYC>div{transition:transform .3s ease-in-out}.collapser-button_right__3kYNA .collapser-button_circle__2cuYC{border-bottom-right-radius:50%;border-top-right-radius:50%;padding-left:10px}.collapser-button_right__3kYNA .collapser-button_circle__2cuYC:hover{padding-left:16px}.collapser-button_left__m-Exj .collapser-button_circle__2cuYC{border-bottom-left-radius:50%;border-top-left-radius:50%;padding-right:10px}.collapser-button_left__m-Exj .collapser-button_circle__2cuYC:hover{padding-right:16px}.empty-box_emptyCompositions__2q68e{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__2q68e *{text-overflow:ellipsis}.empty-box_innerBorder__1PkOP{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__1PkOP>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__1PkOP>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__1PkOP>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.compositions-menu-bar_compositionsMenuBar__xLcO9{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__3Il2G{flex:1 0}.block-quote_blockQuote__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__1VpMc{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__R0ZyQ{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__3IZye{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__2QpEc{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__BXSCe{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__2FlJW{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__NfYqN{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__2AhnG,.heading_h2__2h_l6,.heading_h3__oe__I,.heading_h4__1vCKH,.heading_h5__3com4,.heading_h6__1SAtV{font-weight:700;margin:0}.heading_h1__2AhnG{margin-bottom:20px}.anchor_anchor__PthmN{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__2xXOm{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__Yov3s{align-items:center;display:flex;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__Yov3s:hover .linked-heading_anchor__3k5Dg{opacity:1;visibility:unset}.linked-heading_heading__KoZRh{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3k5Dg{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__383jO{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__383jO[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__383jO[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__383jO[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__383jO.create-heading_mainHeadingStyles__DHpSm{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__383jO:first-child{padding-top:0}.image_img__3g704{max-width:100%}.image_img__3g704:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__1FiLp{background-color:#a6a6a633;border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__4YZsC{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__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__2Nw9Y{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__MPaRY{opacity:1;visibility:visible}.code-snippet_snippetWrapper__ooMsa{position:relative}.code-snippet_snippetWrapper__ooMsa:hover .code-snippet_copyIcon__Y6SkV{opacity:1}.code-snippet_snippetWrapper__ooMsa .code-snippet_codeSnippet__1JSRo{background-color:#fff;border-radius:10px;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0!important;padding:16px!important}.code-snippet_snippetWrapper__ooMsa .code-snippet_copyIcon__Y6SkV{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#414141;cursor:pointer;margin-left:8px;opacity:0;padding:2px;transition:opacity .3s ease-in-out;width:24px}.code-snippet_snippetWrapper__ooMsa code{font-family:inherit!important}.code-snippet_copy__3agCR{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__385E1{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__Aia6P{height:450px}.react-playground_column__Aia6P .react-playground_codePane__Hh_rK,.react-playground_column__Aia6P .react-playground_previewPane__2ZpXH{max-height:90%;min-height:10%;width:100%}.react-playground_column__Aia6P .react-playground_error__3FQ9-,.react-playground_column__Aia6P .react-playground_previewPane__2ZpXH{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__1nQO2{height:100%;max-height:450px}.react-playground_row__1nQO2 .react-playground_codePane__Hh_rK,.react-playground_row__1nQO2 .react-playground_previewPane__2ZpXH{height:100%;max-width:90%;min-width:10%}.react-playground_row__1nQO2 .react-playground_error__3FQ9-,.react-playground_row__1nQO2 .react-playground_previewPane__2ZpXH{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__3FQ9-{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;margin:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out}.react-playground_codePane__Hh_rK{background-color:#282c34;overflow:auto}.react-playground_editor__YkTAT{font-family:Roboto mono!important;font-size:11px;max-width: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}.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%}.link_link__eKYlx{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__eKYlx:hover{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);text-decoration:underline}.admonition{border-radius:8px;margin-bottom:1em;padding:15px 30px 15px 15px}.admonition h3{display:flex;margin-bottom:8px;margin-top:0;text-transform:uppercase}.admonition-heading>div{margin-bottom:0;margin-top:0}.admonition-icon{display:inline-flex;margin-right:4px;padding-top:1px}.admonition-icon svg{stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block;height:22px;width:18px}.admonition-content>:last-child{margin-bottom:0}.admonition{background-color:#eceaff;background-color:var(--bit-accent-primary-bg,#eceaff);border-left:8px solid #6c5ce7;border-left:8px solid var(--bit-accent-primary-color,#6c5ce7)}.admonition h5{color:#6c5ce7;color:var(--bit-accent-primary-color,#6c5ce7);display:flex}.admonition-caution{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-caution h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.admonition-tip{background-color:#eefaf3;background-color:var(--bit-accent-success-bg,#eefaf3);border-left:8px solid #37b26c;border-left:8px solid var(--bit-accent-success-color,#37b26c)}.admonition-tip h5{color:#37b26c;color:var(--bit-accent-success-color,#37b26c)}.admonition-warning{background-color:#fdeff2;background-color:var(--bit-accent-impulsive-bg,#fdeff2);border-left:8px solid #e62e5c;border-left:8px solid var(--bit-accent-impulsive-color,#e62e5c)}.admonition-warning h5{color:#e62e5c;color:var(--bit-accent-impulsive-color,#e62e5c)}.admonition-important{background-color:#f3faff;background-color:var(--bit-accent-process-color,#f3faff);border-left:8px solid #0984e3;border-left:8px solid var(--bit-accent-process-color,#0984e3)}.admonition-important h5{color:#0984e3;color:var(--bit-accent-process-color,#0984e3)}.admonition-note{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-note h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.separator_separator__1JNXS{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__3JnE-{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__2NEpY{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__3Whdh{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__2XY8O{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__VnNuJ{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__2ctQr{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__1SRy-{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2hbfE{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__39RVQ,.heading_h2__2S7-G,.heading_h3__1BSp1,.heading_h4__L5mNd,.heading_h5__2i6xN,.heading_h6__1XRJP{font-weight:700;margin:0}.heading_h1__39RVQ{margin-bottom:20px}.card_card__37xow{box-sizing:border-box;padding:20px}.elevations_low__1hVha{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__3klNF{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__34Cbm{box-shadow:var(--bit-shadow-hover-high)}.roundness_sharp__HxXUj{border-radius:2px}.roundness_default__2lyQQ{border-radius:5px}.roundness_small__3Cwbi{border-radius:8px}.roundness_medium__rMVHV{border-radius:10px}.roundness_circle__18nMU{border-radius:50%}.background_bedrock__3FKrB{background:var(--bit-bg-bedrock)}.background_base__29SaX,.background_layer__Sl4XN{background:var(--bit-bg-color)}.background_crust__3IFae{background:var(--bit-bg-tooltip)}.background_topping__bd7wA{background:var(--bit-bg-color)}.background_topping__bd7wA:hover{background:var(--bit-bg-heavy)}.background_dent__3lLeg{background:var(--bit-bg-dent)}.level-icon_notificationIcon__RS1GD{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__RS1GD:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__17wUu{padding:24px}.alert-card_heading__3FxkY{display:flex;margin-bottom:24px}.alert-card_icon__k2M3m{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__mPrsf{margin-bottom:24px}.button_vanillaButton__1ij7P{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__3X0DS{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__3X0DS>*{-webkit-animation:1.27s ease-in-out infinite both;animation:1.27s ease-in-out infinite both;-webkit-animation-name:dots-loader_scale-down__3btxF;animation-name:dots-loader_scale-down__3btxF;display:inline-block}.dots-loader_dotsLoader__3X0DS>:first-child{-webkit-animation-delay:-.37s;animation-delay:-.37s}.dots-loader_dotsLoader__3X0DS>:nth-child(2){-webkit-animation-delay:-185ms;animation-delay:-185ms}@-webkit-keyframes dots-loader_scale-down__3btxF{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}@keyframes dots-loader_scale-down__3btxF{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.option-button_optionButton__3Dcjp{align-items:center;background:none;border:none;border-radius:.5em;box-sizing:border-box;color:inherit;display:inline-flex;font-size:inherit;height:2em;padding:0 .5em}.option-button_optionButton__3Dcjp:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__3Dcjp.option-button_active__T_VvJ{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__3Dcjp:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__3R2vp{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__-8Thp{font-size:25px;margin-right:16px}.message-card_textBox__QkVYn{font-size:14px}.message-card_textBox__QkVYn,.message-card_textBox__QkVYn>*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__QkVYn>div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__1vwOT{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__2odrt{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__1IMJY{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__2DgsL{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__3ee_2{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__3Ijv3{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__2XIGE{height:100%;width:100%}.compositions_compositionPreview__2pQD_{padding-top:20px;width:100%}.compositions_left__1yoSj{display:flex;flex-direction:column}.compositions_left__1yoSj,.compositions_right__1OzrT{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__1OzrT{background:#fafafa}.compositions_menuBar__1owlG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__2cJan{position:relative}.compositions_splitter__2cJan>:first-child{position:absolute;z-index:101}.compositions_collapser__3bIFa{right:0}.compositions_tabsContainer__3HLzI{display:flex;flex-direction:column;height:100%}.compositions_tabs__2tiBY{flex:none}.compositions_tabContent__2Cklv{flex:1 1;overflow:auto}.compositions_tabContent__2Cklv:empty{display:none}.compositions_compositions__3lEI2{padding:16px 8px 0}.compositions_openInNewTab__24wPr{color:inherit;text-decoration:none}.compositions_openInNewTab__24wPr:active{color:inherit}.compositions_noCompositionsPage__3q5mS{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3q5mS .compositions_title__1mv6f{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3q5mS .compositions_separator__KJxPc{margin-bottom:41px}.compositions_buildStatusMessage__X2Qik{margin:auto}.compositions-panel_linkWrapper__-mm5p{align-items:center;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;padding:0 12px;transition:all .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:unset}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff);display:flex}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_box__37jb9{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:unset}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p .compositions-panel_right__8a-pK{font-size:13px;opacity:0;transition:visibility .2s,opacity .1s ease-in-out;visibility:hidden}.compositions-panel_box__37jb9{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__8GKMN{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__2iHHl{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;min-width:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.compositions-panel_panelLink__2iHHl:active{color:inherit}.compositions-panel_tabs__qjxZP{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__qjxZP>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__qjxZP>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__qjxZP>div:first-child:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:10px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.icon-button_iconButton__2YTx9{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__2YTx9.icon-button_iconOnly__mU2Gj{padding:6px 8px}.icon-button_iconButton__2YTx9[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__2YTx9[data-priority=ghost].icon-button_active__3NW_G{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__2YTx9[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__2YTx9[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]:hover:not(:disabled){background-color:#5d4aec;background-color:var(--bit-accent-heavy,#5d4aec);border:1px solid #5d4aec;border:1px solid var(--bit-accent-heavy,#5d4aec)}.icon-button_iconButton__2YTx9[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__2YTx9:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__24uLr{color:inherit;font-size:16px}.icon-button_margin__tDWIN{margin-right:8px}.sizes_buttonSizes__2RvCY[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__2RvCY[data-size=l]{font-size:14px;height:40px}.flex-center_flexCenter__1OE5Q{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-fallback_icon__22fU3{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23e62e5c' d='M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm120.262-340.502-86.038 84.5 86.038 84.511c10.451 10.275 10.183 25.962 0 35.968-10.077 9.891-25.68 10.17-36.038 0l-84.222-82.743-84.235 82.743c-10.345 10.17-25.949 9.891-36.026 0-10.182-10.007-10.461-25.693 0-35.968l86.038-84.511-86.038-84.501c-10.461-10.286-10.182-25.971 0-35.978 10.077-9.891 25.681-10.159 36.026 0l84.235 82.743 84.222-82.743c10.358-10.159 25.962-9.891 36.038 0 10.183 10.007 10.451 25.692 0 35.978z'/%3E%3C/svg%3E");background-size:contain;border-radius:100%;height:24px;margin-bottom:16px;width:24px}.error-fallback_message__7TfMY{color:#e62e5c;color:var(--bit-error-color,#e62e5c);margin-bottom:8px}.error-fallback_errorFallback__3WyiR{-webkit-animation:error-fallback_enter__3s9LR .3s ease-in forwards;animation:error-fallback_enter__3s9LR .3s ease-in forwards;border:4px solid #f086a0;border:4px solid var(--bit-error-light,#f086a0);border-radius:4px;box-sizing:border-box;color:#e62e5c;color:var(--bit-error-color,#e62e5c);font-family:sans-serif;height:100%;padding:8px}.error-fallback_errorFallback__3WyiR>*{flex:none}@-webkit-keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}@keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}.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;max-height:500px;overflow-x:auto;padding:12px}.compositions-overview_background__3z-mR>*{margin-right:16px}.compositions-overview_background__3z-mR>:last-child{margin:0}.preview-placeholder_previewPlaceholder__1Nv5B{align-items:center;color:#c7c7c7;display:flex;flex-direction:column;height:100%;justify-content:center;pointer-events:auto}.preview-placeholder_previewPlaceholder__1Nv5B>span:first-child{font-size:30px;margin-bottom:14px}.preview-placeholder_previewPlaceholder__1Nv5B>div{font-size:13px}.preview-placeholder_tooltip__ewDbB{max-width:155px;text-align:center}.load-preview_loadPreview__2vJsD{align-items:center;background-color:#414141;background-color:var(--bit-text-color,#414141);border-radius:6px;color:#fff;color:var(--bit-text-on-accent,#fff);cursor:pointer;display:flex;font-size:12px;left:8px;padding:4px 8px;position:absolute;top:8px;transition:background-color .3s ease-in-out}.load-preview_loadPreview__2vJsD:hover{background-color:var(--bit-text-color-heavy)}.load-preview_loadPreview__2vJsD .load-preview_icon__lOrCv{margin-right:5px;transform:rotate(270deg)}.workspace-component-card_wrapper__1-Y2a{position:relative}.workspace-component-card_limitLength__j1jcI{max-width:70%}.muted-text_mutedText__2iqXg{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.paragraph_paragraph__9ufJX{margin:0 0 1em}.sub-title_subTitle__3rmt5{margin-bottom:16px}.pill-label_pillLabel__W9O5W{align-items:center;border:1px solid #ededed;border-color:var(--bit-border-color-lightest,#ededed);border-radius:12px;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);padding:2px 8px;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.component-count_componentCount__2zujF{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);border-radius:6px;font-size:12px;margin-right:8px;padding:0 6px}.scope-labels_pillsContainer__2K7uU{align-items:center;display:flex;margin-bottom:24px}.scope-labels_pillsContainer__2K7uU>div{margin-right:10px;padding:4px 8px}.scope-labels_pillIcon__1goje{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:6px}.scope-icon_scopeIcon__yXCXP{align-items:center;background-color:#babec9;background-color:var(--bit-border-color,#babec9);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:9px;box-sizing:border-box;display:flex;font-weight:400;height:1em;justify-content:center;position:relative;text-align:center;width:1em}.scope-icon_letter__1qe8M{color:#fff;color:var(--bit-bg-color,#fff)}.scope-icon_scopeImg__3gz7u{height:100%}.scope-icon_iconBackground__3blOE{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.scope-title_title__3k_KY{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-right:16px}.scope-title_title__3k_KY>div:first-child{margin-right:16px}.scope-title_orgName__p0WYZ{color:var(--bit-text-color-heavy);font-weight:400;font-weight:700}.scope-details_scopeTitle__9plE_{margin-bottom:32px;max-width:700px}.scope-details_scopeTitle__9plE_>p{margin-bottom:24px}.scope-details_scopeTitle__9plE_ .scope-details_titleRow__3Ridq{align-items:baseline;display:flex;flex-wrap:wrap;margin-bottom:20px}.scope-details_scopeTitle__9plE_ .scope-details_avatar__3pZIG{margin-right:4px}.empty-component-gallery_emptyComponentGallery__2BEWs{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;padding:0 20px;text-align:center}.empty-component-gallery_emptyComponentGallery__2BEWs>img{margin-bottom:40px}.empty-component-gallery_title__1K1vf{font-size:24px;font-size:var(--bit-p-xxl,24px);margin-bottom:32px}.empty-component-gallery_title__1K1vf>span:last-child{font-weight:700}.empty-component-gallery_purpleLink__1hAur{align-items:center;color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);cursor:pointer;display:inline-flex;text-decoration:none}.empty-component-gallery_purpleLink__1hAur .empty-component-gallery_text__2v_Co{margin-right:5px}.empty-component-gallery_purpleLink__1hAur .empty-component-gallery_icon__1Z8Vu{margin-top:4px}.empty-component-gallery_bottomText__2Wh5o{font-size:var(--bit-p-xs);margin-bottom:16px}.empty-component-gallery_bottomText__2Wh5o .empty-component-gallery_purpleLink__1hAur{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);cursor:pointer;text-decoration:underline}.empty-component-gallery_iconLine__2o9NU{display:flex}.empty-component-gallery_iconLine__2o9NU .empty-component-gallery_logo__2nV9u{height:24px;margin:0 7px;width:24px}.inline-code_inlineCode__PlMl_{background-color:#a6a6a633;border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__3I41c{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.empty-scope_text__2Tum2{margin-bottom:30px}.scope-overview_container__1LQn3{box-sizing:border-box;height:100%;overflow-y:auto;padding:80px 5% 150px}.empty-lane-overview_text__2U6HL{margin-bottom:30px}.lane-gallery_container__sniCt{box-sizing:border-box;height:100%;overflow-y:auto;padding:50px 5% 150px}.lane-gallery_laneDetails__2d52R{padding-bottom:32px}.lane-details_laneTitle__3u9yZ{max-width:700px}.lane-details_laneTitle__3u9yZ>p{margin-bottom:24px}.lane-details_laneTitle__3u9yZ .lane-details_titleRow__Q0aHy{align-items:baseline;display:flex;flex-wrap:wrap;margin-bottom:20px}.lane-details_laneTitle__3u9yZ .lane-details_avatar__2I8XD{margin-right:4px}.lane-details_laneIcon__3z7w5{border:0}.lane-details_pillsContainer__l54k9{align-items:center;display:flex;margin-bottom:24px}.lane-details_pillsContainer__l54k9>div{margin-right:10px;padding:4px 8px}.lane-details_pillIcon__i3rc0{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:6px}.lane-breadcrumb_lane__1Clr0{align-items:center;display:flex;font-size:var(--bit-p-s);min-width:0;padding:24px 0 24px 32px}.lane-breadcrumb_lane__1Clr0 .lane-breadcrumb_laneId__nnxL3{font-size:var(--bit-p-xs);padding:0 8px}.lane-breadcrumb_lane__1Clr0:hover .lane-breadcrumb_laneId__nnxL3{text-decoration:underline}.lane-breadcrumb_laneUrl__2SN26{color:inherit;text-decoration:none}.lane-readme_readmeContainer__26QRe{display:flex;flex-direction:column;height:100%;padding-bottom:50px}.lane-readme_laneId__3030y{padding:50px 0 0 5%}.lane-readme_emptyLane__o-7Vl{height:auto;padding-bottom:16px;padding-top:8px}.lane-readme_readmeComponentCard__1M9U0{max-height:320px;max-width:300px}.lane-readme_laneReadmePreviewContainer__WIsG_{overflow:auto;padding-left:2%}.lane-readme_readmeComponentCardContainer__1jcub{padding:24px 0 32px 3%}.copied-message_copiedMessage__21wkM{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);display:flex;font-size:12px;opacity:0;padding:2px 5px;position:absolute;right:30px;top:9px;transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__3DtoO{opacity:1;visibility:visible}.grid_gridContainer__4VBNN{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__1ss_5{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__3P4lU{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__wODMm{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__tUeI_{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__1kjOk{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__3LVbF{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__-UOpc{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__1KjEh{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__1__QR{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__1ul_n{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__2S7Tu{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__UwwbB{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__1rYvu{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__1He1E{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__TMFFR{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__2MhHN{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3WGI1{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__1q_C8{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__1hX_J{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__1h7Jj{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__6dGFi{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__2teW3{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2Aha_{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__1ALzl{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__2qnzc{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__354WX{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__17hwz{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__10tSX{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__agmQE{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__3AK3h{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__11c2e{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__xfZLG{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__2KE0o{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__3zT0y{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__1jVOK{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__29fxZ{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__28Twr{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__2kDBI{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__1lPCd{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__2cSru{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__2YUIf{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__CYkFQ{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__GA5wI{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__4Fb_8{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__39kEU{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__36AOH{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__2NhTM{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__FCphT{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__6oelD{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__ivU4a{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__Kib8u{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__1mabe{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__3-Ua-{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__910kE{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__juIPn{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__13do1{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__3txev{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__2nWIW{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__WSiRs{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__ZZSUh{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__3nDUt{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__1LuKR{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__8Gk5M{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__11cAC{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__2PSIX{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__1St0q{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__2p7B1{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__3V7p3{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__stzpr{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__1WPG9{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__XIH79{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__545uh{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__3-Wg_{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__36P4G{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__2uxtf{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__WVTUJ{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__9dbT_{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__3A-zw{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__3bfsE{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__3sX2W{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__1_9Ml{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__1xPfh{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__1XdEa{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__2b0DF{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__CPXlk{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;min-width:80px;padding:0 11px}.copy-box_copyBox__CPXlk .copy-box_leftSection__pTlsR{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_copyBox__CPXlk .copy-box_copiedMessage__2bKYL{top:1px}.copy-box_button__1KS6m{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__rcsHe{display:flex;position:relative}.copy-box_copyIcon__2GVcn{font-size:var(--bit-p-lg)}.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}.abs-container_container__xj5y6{position:relative}.abs-container_containee__2RWGf{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__2RWGf{visibility:visible}.positions_top__Dlp3S{bottom:100%}.positions_top-start__3codA{bottom:100%;left:0}.positions_top-end__1l_On{bottom:100%;right:0}.positions_right__Ia6-o{left:100%}.positions_right-start__2P_Y_{left:100%;top:0}.positions_right-end__1R3_v{bottom:0;left:100%}.positions_bottom__IBuiX{top:100%}.positions_bottom-start__2crtJ{left:0;top:100%}.positions_bottom-end__IvlOT{right:0;top:100%}.positions_left__2cBPP{right:100%}.positions_left-start__1TVrh{right:100%;top:0}.positions_left-end__34RI3{bottom:0;right:100%}.positions_cover__2IpHP{left:0;top:0}.displacement_displacement__3Agrg[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position=bottom-start],.displacement_displacement__3Agrg[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position=bottom-end],.displacement_displacement__3Agrg[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position^=left-start],.displacement_displacement__3Agrg[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position^=left-end],.displacement_displacement__3Agrg[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__11rIk{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_dropdown__NIBbx{padding:8px}.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)}.dropdown_menu__3AsW5{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px}.dropdown_placeholder__7bsgi{align-items:center;background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #37b26c;border-radius:6px;box-sizing:border-box;color:#37b26c;cursor:pointer;display:flex;height:30px;padding:0 6px;transition:background-color .3s,color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_placeholder__7bsgi:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__7bsgi{padding:0 8px}.dropdown_placeholder__7bsgi .dropdown_content__1wo2u{display:none}}.dropdown_placeholder__7bsgi>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__7bsgi{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff);transition:color .3s,background-color .3s ease-in-out}.dropdown_placeholder__7bsgi>div{padding:0 6px}.use-lanes-menu_top__uRj9b{color:#414141;color:var(--bit-text-color,#414141);padding:16px 24px}.use-lanes-menu_title__1Zq6C{align-items:center;display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);font-weight:700}.use-lanes-menu_titleIcon__3TfgX,.use-lanes-menu_titleText__3oPIt{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);font-weight:700;margin-right:8px}.use-lanes-menu_importContentCmd__3e8te,.use-lanes-menu_importContentLabel__CFMAa{margin:12px 0}.use-lanes-menu_drawerTitle__NDZQ2{align-items:center;display:flex;margin-right:8px}.use-lanes-menu_useBox__IVepn{--bit-drawer-margin:14px}.use-lanes-menu_lanesMenu__gbE7v{background-color:#fff;background-color:var(--bit-bg-color,#fff);border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.abs-container_container__2Z_xp{position:relative}.abs-container_containee__pZebB{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__pZebB{visibility:visible}.positions_top__2_9vd{bottom:100%}.positions_top-start__2nvam{bottom:100%;left:0}.positions_top-end__1pH84{bottom:100%;right:0}.positions_right__1aEA1{left:100%}.positions_right-start__3kBQS{left:100%;top:0}.positions_right-end__2GMPw{bottom:0;left:100%}.positions_bottom__p7uWm{top:100%}.positions_bottom-start__QsVZh{left:0;top:100%}.positions_bottom-end__3qqQO{right:0;top:100%}.positions_left__1f49M{right:100%}.positions_left-start__11Mt8{right:100%;top:0}.positions_left-end__1uaM4{bottom:0;right:100%}.positions_cover__3aqvK{left:0;top:0}.displacement_displacement__j43dm[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position=bottom-start],.displacement_displacement__j43dm[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position=bottom-end],.displacement_displacement__j43dm[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position^=left-start],.displacement_displacement__j43dm[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position^=left-end],.displacement_displacement__j43dm[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1vB_P{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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)}.menu_topBar__Dqzw2{justify-content:space-between;width:100%}.menu_leftSide__1ErrV,.menu_topBar__Dqzw2{align-items:center;display:flex;height:100%}.menu_rightSide__2PtzR{align-items:center;display:flex}.menu_rightSide__2PtzR>*{margin-right:12px}.menu_rightSide__2PtzR>:last-child{margin-right:16px}.lanes-overview-menu_topBarLink__Cu2Bp{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}.lanes-overview-menu_topBarLink__Cu2Bp:hover:not(.lanes-overview-menu_active__jymRI)>div{background-color:var(--bit-bg-heavy)}.lanes-overview-menu_topBarLink__Cu2Bp.lanes-overview-menu_active__jymRI{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.lanes-overview-menu_topBarLink__Cu2Bp.lanes-overview-menu_active__jymRI:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.lanes-overview-menu_topBarLink__Cu2Bp: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}.lanes-overview-menu_topBarLink__Cu2Bp>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.lanes-overview-menu_topBar__tsGs3{justify-content:space-between;width:100%}.lanes-overview-menu_leftSide__1zAFM,.lanes-overview-menu_topBar__tsGs3{align-items:center;display:flex;height:100%}.lanes-overview-menu_navigation__9p186{display:flex;height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.lanes-overview-menu_navigation__9p186{padding-left:6px}}.lanes-overview-menu_navigation__9p186>li{display:block;height:100%;margin-right:16px}.lanes-overview-menu_rightSide__9jowj{align-items:center;display:flex;height:100%}.lanes-overview-menu_rightSide__9jowj>*{margin-right:12px}.lanes-overview-menu_rightSide__9jowj>:last-child{margin-right:16px}.lanes-overview-menu_rightSide__9jowj .lanes-overview-menu_widgets__17QKq{align-items:center;display:flex;height:100%;margin-right:20px}.lanes-overview-menu_rightSide__9jowj .lanes-overview-menu_widgets__17QKq>nav>a{padding:0}.lanes-overview-menu_rightSide__9jowj .lanes-overview-menu_widgets__17QKq>nav>a:last-child{margin-right:0}.lanes-overview-menu_rightSide__9jowj .lanes-overview-menu_widget__wkEz5{font-size:17px}.lanes-overview-menu_useBox__1Pw_i{--bit-drawer-margin:14px}.component_container__wKARi{display:flex;flex-direction:column;height:100%}.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}.item_menuItem__2iG9-{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__2iG9- .item_icon__LD-Dg{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__CchIQ:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active___p9uE,.item_active___p9uE:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active___p9uE .item_icon__LD-Dg{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.tab_tab__3FBGN{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__3FBGN.tab_active__3zLR9{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:unset}.styles_avatar__2EwCK{align-items:center;border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:50%;box-sizing:border-box;display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.styles_avatar__2EwCK .styles_tooltip__3FvRE{max-width:13ch}.styles_avatar__2EwCK .styles_letter__31VOa{color:#fff;color:var(--bit-bg-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__2EwCK .styles_orgDefault__1TsW4{display:inline-block;text-align:center}.styles_avatarImg__1fJqq{border-radius:50%;bottom:0;box-sizing:border-box;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.styles_soloAvatarIcon__2XAN_{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__1-pm7{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box}.letter-colors_a__3mLwj{color:#ff6b81}.letter-colors_b__2P96Q{color:coral}.letter-colors_c__11SwA{color:#efc951}.letter-colors_d__35Ku_{color:#94cd53}.letter-colors_e__1aoBg{color:#57606f}.letter-colors_f__M9vtr{color:#ffa502}.letter-colors_g__2yU-C{color:#409d94}.letter-colors_h__3z_gj{color:#ff4757}.letter-colors_i__2pKJb{color:#747d8c}.letter-colors_j__2BxW7{color:#2f3542}.letter-colors_k__2mWRo{color:#c47367}.letter-colors_l__1SgHt{color:#70a1ff}.letter-colors_m__OfCsE{color:#6665e2}.letter-colors_n__OjEBm{color:#2c437e}.letter-colors_o__1lm-q{color:#60a3bc}.letter-colors_p__1iHnb{color:#2ed573}.letter-colors_q__3rtVD{color:#1e90ff}.letter-colors_r__3oNWQ{color:#275a80}.letter-colors_s__zZX-J{color:#7e6a6a}.letter-colors_t__14EPF{color:#5fc068}.letter-colors_u__3AeQN{color:#d03961}.letter-colors_v__2ZQFy{color:#006266}.letter-colors_w__TXwXT{color:#833471}.letter-colors_x__2cb1V{color:#fda7df}.letter-colors_y__2slnh{color:#12cbc4}.letter-colors_z__OjazO{color:#4a69bd}.letter-bg-colors_a__1VSrm{background-color:#ff6b81}.letter-bg-colors_b__2vnVd{background-color:coral}.letter-bg-colors_c__14F99{background-color:#efc951}.letter-bg-colors_d__3_j5_{background-color:#94cd53}.letter-bg-colors_e__14jyP{background-color:#57606f}.letter-bg-colors_f__llnWL{background-color:#ffa502}.letter-bg-colors_g__1MV_F{background-color:#409d94}.letter-bg-colors_h__1OZB_{background-color:#ff4757}.letter-bg-colors_i__1aayb{background-color:#747d8c}.letter-bg-colors_j__2UqHH{background-color:#2f3542}.letter-bg-colors_k__16Y0q{background-color:#c47367}.letter-bg-colors_l__3LrPW{background-color:#70a1ff}.letter-bg-colors_m__1ioZC{background-color:#6665e2}.letter-bg-colors_n__2njkR{background-color:#2c437e}.letter-bg-colors_o__2KHPz{background-color:#60a3bc}.letter-bg-colors_p__3dMpC{background-color:#2ed573}.letter-bg-colors_q__1HaVh{background-color:#1e90ff}.letter-bg-colors_r__3fkrJ{background-color:#275a80}.letter-bg-colors_s__3-cJA{background-color:#7e6a6a}.letter-bg-colors_t__29dwb{background-color:#5fc068}.letter-bg-colors_u__MVQdv{background-color:#d03961}.letter-bg-colors_v__1JPX0{background-color:#006266}.letter-bg-colors_w__2JA1-{background-color:#833471}.letter-bg-colors_x__8oQMg{background-color:#fda7df}.letter-bg-colors_y__2na8v{background-color:#12cbc4}.letter-bg-colors_z__3eC8X{background-color:#4a69bd}.skeleton_block__8z2-C,.skeleton_circle__ST6yi,.skeleton_skeleton__1XABe{background:currentColor}.skeleton_line__VW5CM>*,.skeleton_skeletonContent__1g-Ne>*,.skeleton_word__ful4_>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__ful4_{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__VW5CM>*{width:100%}.skeleton_circle__ST6yi{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__1fIsf>*,.skeleton-design_skeletonContent__33_rD>*,.skeleton-design_word__VPMf3>*{border-radius:4px}.skeleton-design_block__1GGuy,.skeleton-design_circle__aZtII,.skeleton-design_line__1fIsf>*,.skeleton-design_shimmer__1RJ-Q,.skeleton-design_skeletonContent__33_rD>*,.skeleton-design_skeleton__3Bczv,.skeleton-design_word__VPMf3>*{-webkit-animation:skeleton-design_placeHolderShimmer__1DHY2 1.5s linear infinite forwards;animation:skeleton-design_placeHolderShimmer__1DHY2 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,#ffffff61 30%,#ffffff61 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@-webkit-keyframes skeleton-design_skeleton-effect-fade__3WTpN{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_skeleton-effect-fade__3WTpN{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@-webkit-keyframes skeleton-design_placeHolderShimmer__1DHY2{0%{background-position:-10vw 0}to{background-position:100vw 0}}@keyframes skeleton-design_placeHolderShimmer__1DHY2{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__1GGuy{border-radius:4px}.version-dropdown_versionDropdown__26zMI{height:100%}.version-dropdown_versionDropdown__26zMI>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__26zMI .version-dropdown_menu__3gzq4{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0}.version-dropdown_title__3hQ6s{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__3HByT{margin-bottom:2px}.version-dropdown_versionContainer__h0FXY{max-height:240px;overflow-y:scroll;padding-bottom:8px}.version-dropdown_versionRow__33k0f{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__33k0f.version-dropdown_localVersion__1_Kj1{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__33k0f .version-dropdown_versionTimestamp__2slIn{margin-right:2px}.version-dropdown_versionRow__33k0f .version-dropdown_versionUserAvatar__28p6g{padding:0 8px}.version-dropdown_versionRow__33k0f .version-dropdown_laneIcon__3wXox{padding:0 4px}.version-dropdown_versionRow__33k0f .version-dropdown_version__32b-4{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__33k0f .version-dropdown_versionName__1MBcM{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__3soV6{cursor:pointer}.version-dropdown_withVersions__3soV6>div{margin-right:5px}.version-dropdown_withVersions__3soV6>span{display: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)}.version-dropdown_tabs__2kYKG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;margin-top:8px;overflow-x:auto;padding:0 24px}.version-dropdown_tabs__2kYKG .version-dropdown_tab__3dSKy{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loading__VHpGU{color:#f6f6f6;color:var(--bit-bg-heavy,#f6f6f6)}.version-label_label__HHySb.version-label_latest__1_NVT{border-color:#37b26c;color:#37b26c}.version-label_label__HHySb.version-label_current__2TKNe{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__5CJbp{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__1--AS{height:25px;margin-bottom:16px}.version-label_labelContainer__3ABdi{display:flex;flex-direction:column}.version-info_versionRow__sk5Vp{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-info_versionTimestamp__m888-{margin-right:2px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__l37Sw{padding:0 8px}.version-info_laneIcon__2hi5u{padding:0 4px}.version-info_version__2P46N{align-content:space-between;align-items:center;display:flex;flex-direction:row;max-width:70%}.version-info_versionName__1u2vs{padding:0 8px}.version-info_versionName__1u2vs.version-info_tag__uQwSb{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.version-info_versionName__1u2vs.version-info_snap__4jCW6{min-width:20%}.version-info_commitMessage__21dib,.version-info_emptyMessage__1gMR5{min-width:50%;padding:0 8px}.version-info_emptyMessage__1gMR5{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-style:italic}.lane-info_versionRow__1ALU1{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__1ALU1 .lane-info_versionTimestamp__2BmOW{margin-right:2px}.lane-info_versionRow__1ALU1 .lane-info_versionUserAvatar__3gd_r{padding:0 8px}.lane-info_versionRow__1ALU1 .lane-info_laneIcon__mdCcY{padding:0 4px}.lane-info_versionRow__1ALU1 .lane-info_version__Q2Rmg{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__1ALU1 .lane-info_versionName__1Rjli{padding:0 8px}.version-dropdown-placeholder_simple__TwjFa{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_simple__TwjFa>div{margin-right:5px}.version-dropdown-placeholder_simple__TwjFa:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_simple__TwjFa>div{max-width:80px}.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK{background-color:#ededed;cursor:default}.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK>span{display:none}.version-dropdown-placeholder_simple__TwjFa .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_tag__3OGTV{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_simple__TwjFa .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_snap__UlXii{min-width:20%}.version-dropdown-placeholder_detailed__3GVrd{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_detailed__3GVrd>div{margin-right:5px}.version-dropdown-placeholder_detailed__3GVrd:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__3GVrd>div{max-width:80px}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK{background-color:#ededed;cursor:default}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK>span{display:none}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_tag__3OGTV{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionName__NFtt9.version-dropdown-placeholder_snap__UlXii{min-width:20%}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_commitMessage__1-G6n,.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_emptyMessage__N5DBl{max-width:50%;padding:0 8px}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_emptyMessage__N5DBl{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-style:italic}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_author__2d5Su{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;text-transform:capitalize}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionTimestamp__KWn2v{margin-right:2px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-dropdown-placeholder_detailed__3GVrd .version-dropdown-placeholder_versionUserAvatar__2M3Z2{flex:none}.menu_top__3me6T{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__1i2Zn{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__1i2Zn>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__1g36E{justify-content:space-between}.menu_drawer__1g36E>div{align-items:center;display:flex}.menu_drawer__1g36E>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__3TV0N{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;overflow-x:auto;padding:0 24px}.menu_registry__Xkwzo>div:last-child{border-top:none;padding:0}.menu_importContent__3ZdSc>div{margin:12px 0}.menu_importContent__3ZdSc>div:nth-child(2),.menu_importContent__3ZdSc>div:nth-child(4){margin-bottom:24px}.menu_bottom__smiMq{align-items:center;display:flex}.menu_bottom__smiMq>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.bit-info_moreInfo__3FTm1>div:last-child{border-top:none;padding:0}.menu_topBar__1zVDB{justify-content:space-between;width:100%}.menu_leftSide__2QCN9,.menu_topBar__1zVDB{align-items:center;display:flex;height:100%}.menu_navigation__2VobK{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__2VobK{padding-left:0}}.menu_navigation__2VobK li{display:block;height:100%;margin-right:16px}.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:flex}@media screen and (max-width:1200px){.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:none}}.menu_navigation__2VobK.menu_mobileNav__2jp2R{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__2VobK.menu_mobileNav__2jp2R{display:flex;margin-right:8px}}.menu_rightSide__NGGSx{align-items:center;display:flex;height:100%}.menu_rightSide__NGGSx>*{margin-right:12px}.menu_rightSide__NGGSx>:last-child{margin-right:16px}@media screen and (max-width:1200px){.menu_rightSide__NGGSx>*{margin-right:8px}}.menu_rightSide__NGGSx .menu_widgets__3TjrQ{align-items:center;display:flex;height:100%;margin-right:20px}.menu_rightSide__NGGSx .menu_widgets__3TjrQ>nav>a{padding:0}.menu_rightSide__NGGSx .menu_widgets__3TjrQ>nav>a:last-child{margin-right:0}@media screen and (max-width:1200px){.menu_rightSide__NGGSx .menu_widgets__3TjrQ{display:none}}.menu_rightSide__NGGSx .menu_widget__2le2h{font-size:17px}.menu_useBox__2ibV5{--bit-drawer-margin:14px}.menu_componentVersionMenu__1nAMz{width:350px}.abs-container_container__32Ee7{position:relative}.abs-container_containee__32F4t{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__32F4t{visibility:visible}.positions_top__3z-mm{bottom:100%}.positions_top-start__3Dd97{bottom:100%;left:0}.positions_top-end__p3_DQ{bottom:100%;right:0}.positions_right__2Uww5{left:100%}.positions_right-start__1dNL6{left:100%;top:0}.positions_right-end__1cvYe{bottom:0;left:100%}.positions_bottom__2JHnG{top:100%}.positions_bottom-start__PrOJ6{left:0;top:100%}.positions_bottom-end__3ioJM{right:0;top:100%}.positions_left__1_mZZ{right:100%}.positions_left-start__28qkr{right:100%;top:0}.positions_left-end__2wuCk{bottom:0;right:100%}.positions_cover__3zbKy{left:0;top:0}.displacement_displacement__2_tNV[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position=bottom-start],.displacement_displacement__2_tNV[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position=bottom-end],.displacement_displacement__2_tNV[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position^=left-start],.displacement_displacement__2_tNV[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position^=left-end],.displacement_displacement__2_tNV[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1C-MI{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__C_z3h{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__3294z{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__3psqj{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.background_bedrock__2uPRR{background:#fff;background:var(--bit-bg-bedrock,#fff)}.background_base__xeSd-,.background_layer__3XzrO{background:#fff;background:var(--bit-bg-color,#fff)}.background_crust__QWFjx{background:#fff;background:var(--bit-bg-tooltip,#fff)}.background_topping__32gOL{background:#fff;background:var(--bit-bg-color,#fff)}.background_topping__32gOL:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.background_dent__1EYCE{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6)}.dropdown_dropdownMenu__3HatQ{box-sizing:border-box;padding:8px 0}.mobile-menu-nav_mobileMenuLink__XaoZc{margin:0;transition:background-color .3s ease-in-out}.mobile-menu-nav_mobileMenuLink__XaoZc:hover{background-color:var(--bit-bg-heavy)}@media screen and (max-width:768px){.mobile-menu-nav_mobileMenuLink__XaoZc{font-size:16px;height:40px}}.mobile-menu-nav_mobileMenu__1GA2o>nav{display:flex;flex-direction:column}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_active__3xZ1a{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff);color:inherit}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_active__3xZ1a:after{background-color:unset}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_close__3EjHd{display:none}@media screen and (max-width:768px){.mobile-menu-nav_mobileMenu__1GA2o{bottom:0;left:0;padding:0;position:fixed;right:0;top:0;z-index:5000}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_close__3EjHd{align-self:self-end;display:flex;padding:8px}.mobile-menu-nav_mobileMenu__1GA2o .mobile-menu-nav_close__3EjHd:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}}.mobile-menu-nav_placeholder__39dnf{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-open=true] .mobile-menu-nav_placeholder__39dnf{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.mobile-menu-nav_placeholder__39dnf>span{padding-left:8px}.mobile-menu-nav_placeholder__39dnf:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.page-frame_centerColumn__3NPav{margin-left:auto;margin-right:auto;max-width:1000px;width:calc(100% - 40px)}.page-frame_wideColumn__1ChZv{margin-left:auto;margin-right:auto;max-width:1440px;width:calc(100% - 40px)}.page-frame_textColumn__3zLbU{max-width:700px}.copied-message_copiedMessage__TTseU{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__lNtFV{opacity:1;visibility:visible}.copy-box_copyBox__2IYNC{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;min-width:80px;padding:0 11px}.copy-box_copyBox__2IYNC .copy-box_leftSection__1h0Z5{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_button__G55mZ{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__qZszL{align-items:center;display:flex;position:relative}.copy-box_copyIcon__1sS5o{font-size:var(--bit-p-lg)}.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}.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}.component-overview_componentTitle__3Y6eo{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:20px}.component-overview_componentTitle__3Y6eo>h1{margin:0}.component-overview_badgeContainer__1EUM_{align-items:center;display:flex;flex-wrap:wrap;margin-top:8px}.component-overview_badgeContainer__1EUM_>*{margin:0 8px}.component-overview_subTitle__33VBo{white-space:break-spaces}.overview_overviewWrapper__1l3gU{--bit-h-lg:36px;overflow:auto}.overview_overviewWrapper__1l3gU .overview_componentOverviewBlock__1_2hV{margin:0 auto;max-width:1440px;padding:50px 40px 10px}.frame_overlayBorder__16yQg{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame_hidden__2sf70{display:none}.label_othersContainer__1ExfG>*{margin-bottom:8px}.label_othersContainer__1ExfG>:last-child{margin-bottom:unset}.label_othersTooltip__1HBaz{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label_othersTooltip__1HBaz:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__1HBaz.label_active__7E4-a:before{transform:rotate(-180deg)}.label_hidden__3j8Bq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__3tWW4{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__3tWW4>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__3tWW4>:link,.component-strip_componentStrip__3tWW4>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__3tWW4>:link:hover,.component-strip_componentStrip__3tWW4>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__3tWW4>:link:active,.component-strip_componentStrip__3tWW4>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__3tWW4>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__3tWW4>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:unset}.element-highlighter_label__zdp2_{padding:8px}.element-highlighter_frame__Ra14a,.element-highlighter_label__zdp2_{z-index:15500}.highlighter-provider_highlighter__124yM{border:solid #ededed;border:0 solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box;height:100%;transition:border .3s}.highlighter-provider_highlighter__124yM.highlighter-provider_active__oBUtA{border-width:8px;overflow:auto}.highlighter-provider_label__rMBbJ{font-family:sans-serif;font-size:12px}

package/artifacts/preview/teambit_react_react-preview.js

@@ -8,4 +8,4 @@ It enables you to quickly set up a dev environment that follows best practices f
 }
 `)),(0,_react2.mdx)("h2",null,"Creating Components"),(0,_react2.mdx)("p",null,"React env provides a set of component templates that can be used to speed-up and standardize your component development:"),(0,_react2.mdx)("p",null,"To list all available templates:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},`bit templates
 `)),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react")," a basic React UI component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-context")," a react context component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-hook")," a react hook component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"mdx-component")," an MDX component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-component-js")," a basic React component in JS."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-env")," boilerplate for a customized environment configuration.")),(0,_react2.mdx)("p",null,"Use any of these templates with the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"bit create")," command:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},`bit create react ui/my-welcome
-`)),(0,_react2.mdx)("h2",null,"Development services and configurations"),(0,_react2.mdx)("p",null,"The table below lists ",(0,_react2.mdx)("a",{parentName:"p",href:"/dev-services/dev-services-overview"},"dev services")," that are provided by the React env. Each service handles a specific component development operation. Each is implemented by the React env, using a specific set of configurations."),(0,_react2.mdx)("p",null,"To customize and extend the React env, ",(0,_react2.mdx)("a",{parentName:"p",href:"/envs/pre-configured-envs/react/extending-react#using-your-own-react-env-extension"},"create you own React env extension"),". You can replace the Aspects used by the env, or override their configurations (use the links provided in the 'customization' column)."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Service"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Aspect"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Default config"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Customization"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/compiler-overview"},"Compiler")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript"},"TypeScript")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/typescript/tsconfig.json"},"tsconfig.json")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#typescript"},"TS compilation config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/configure-env-with-compiler"},"Replace compiler"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/tester/overview"},"Tester")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/jest"},"Jest")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/jest/jest.config.js"},"jest.config.js")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#jest"},"Jest config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/tester/configure-env-with-tester"},"Replace Tester"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/linter/overview"},"Linting")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/eslint"},"ESLint")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/eslint/eslintrc.ts"},"eslintrc.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#eslint"},"ESLint Config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/linter/configure-env-with-linter"},"Replace Linter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/formatter/overview"},"Formatter")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/prettier"},"Prettier")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/prettier/prettier.config.js"},"prettier.config.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#prettier"},"Prettier config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/formatter/configure-env-with-formatter"},"Replace Formatter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"DevServer"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.dev.ts"},"webpack.config.preview.dev.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling in the workspace)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/preview/overview"},"Preview")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null}),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/preview/register-custom-preview"},"Add preview"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/packages/packages-overview"},"Package")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"See the ",(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript/~code/typescript.main.runtime.ts"},"TypeScript Aspect")," config"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/packages/managing-package-json#set-configuration-from-an-env"},"Add Env package config")," ",(0,_react2.mdx)("br",null)," \u2022 TypeScript's package config")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"Bundler"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.ts"},"webpack.config.preview.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling during build)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-overview"},"Documentation")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/docs/index.tsx"},"Docs template")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-templates"},"Replace docs template"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Builder")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Build pipeline")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/builder/build-pipelines"},"Build pipelines"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/dependencies-overview"},"Dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/react.env.ts"},"Env-dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/configuring-dependencies#configuring-dependencies-from-an-env"},"Env dependencies"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/generator/generator-overview"},"Generator")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/templates/react-component.ts"},"React templates")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:""},"Add a component template"))))),(0,_react2.mdx)("h3",null,"Default React versions"),(0,_react2.mdx)("p",null,"By default, the React env sets the following dependency versions for components using it:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react-dom")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.8")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react-dom"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.5")))))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},24491:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/react@0.0.781",homepage:"https://bit.dev/teambit/react/react",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/react.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React},58459:module2=>{"use strict";module2.exports=TeambitMdxUiMdxScopeContext}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});var react_docs_namespaceObject={};__webpack_require__.r(react_docs_namespaceObject),__webpack_require__.d(react_docs_namespaceObject,{default:()=>MDXContent});var react_composition=__webpack_require__(24491),external_React_=__webpack_require__(63804),external_MdxJsReact_=__webpack_require__(85057),external_TeambitMdxUiMdxScopeContext_=__webpack_require__(58459),dist=__webpack_require__(55906),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_.MDXScopeProvider,{components:{ReactOverview:dist.ZP},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.ZP,{mdxType:"ReactOverview"})))}MDXContent.isMDXComponent=!0;const compositions=[react_composition],overview=[react_docs_namespaceObject]})(),__webpack_exports__})()});
+`)),(0,_react2.mdx)("h2",null,"Development services and configurations"),(0,_react2.mdx)("p",null,"The table below lists ",(0,_react2.mdx)("a",{parentName:"p",href:"/dev-services/dev-services-overview"},"dev services")," that are provided by the React env. Each service handles a specific component development operation. Each is implemented by the React env, using a specific set of configurations."),(0,_react2.mdx)("p",null,"To customize and extend the React env, ",(0,_react2.mdx)("a",{parentName:"p",href:"/envs/pre-configured-envs/react/extending-react#using-your-own-react-env-extension"},"create you own React env extension"),". You can replace the Aspects used by the env, or override their configurations (use the links provided in the 'customization' column)."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Service"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Aspect"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Default config"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Customization"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/compiler-overview"},"Compiler")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript"},"TypeScript")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/typescript/tsconfig.json"},"tsconfig.json")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#typescript"},"TS compilation config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/configure-env-with-compiler"},"Replace compiler"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/tester/overview"},"Tester")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/jest"},"Jest")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/jest/jest.config.js"},"jest.config.js")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#jest"},"Jest config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/tester/configure-env-with-tester"},"Replace Tester"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/linter/overview"},"Linting")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/eslint"},"ESLint")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/eslint/eslintrc.ts"},"eslintrc.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#eslint"},"ESLint Config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/linter/configure-env-with-linter"},"Replace Linter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/formatter/overview"},"Formatter")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/prettier"},"Prettier")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/prettier/prettier.config.js"},"prettier.config.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#prettier"},"Prettier config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/formatter/configure-env-with-formatter"},"Replace Formatter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"DevServer"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.dev.ts"},"webpack.config.preview.dev.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling in the workspace)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/preview/overview"},"Preview")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null}),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/preview/register-custom-preview"},"Add preview"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/packages/packages-overview"},"Package")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"See the ",(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript/~code/typescript.main.runtime.ts"},"TypeScript Aspect")," config"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/packages/managing-package-json#set-configuration-from-an-env"},"Add Env package config")," ",(0,_react2.mdx)("br",null)," \u2022 TypeScript's package config")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"Bundler"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.ts"},"webpack.config.preview.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling during build)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-overview"},"Documentation")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/docs/index.tsx"},"Docs template")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-templates"},"Replace docs template"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Builder")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Build pipeline")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/builder/build-pipelines"},"Build pipelines"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/dependencies-overview"},"Dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/react.env.ts"},"Env-dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/configuring-dependencies#configuring-dependencies-from-an-env"},"Env dependencies"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/generator/generator-overview"},"Generator")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/templates/react-component.ts"},"React templates")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:""},"Add a component template"))))),(0,_react2.mdx)("h3",null,"Default React versions"),(0,_react2.mdx)("p",null,"By default, the React env sets the following dependency versions for components using it:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react-dom")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.8")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react-dom"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.5")))))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},17194:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/react@0.0.784",homepage:"https://bit.dev/teambit/react/react",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/react.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React},58459:module2=>{"use strict";module2.exports=TeambitMdxUiMdxScopeContext}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});var react_docs_namespaceObject={};__webpack_require__.r(react_docs_namespaceObject),__webpack_require__.d(react_docs_namespaceObject,{default:()=>MDXContent});var react_composition=__webpack_require__(17194),external_React_=__webpack_require__(63804),external_MdxJsReact_=__webpack_require__(85057),external_TeambitMdxUiMdxScopeContext_=__webpack_require__(58459),dist=__webpack_require__(55906),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_.MDXScopeProvider,{components:{ReactOverview:dist.ZP},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.ZP,{mdxType:"ReactOverview"})))}MDXContent.isMDXComponent=!0;const compositions=[react_composition],overview=[react_docs_namespaceObject]})(),__webpack_exports__})()});

package/dist/react.env.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactEnvType","defaultTsConfig","require","buildTsConfig","eslintConfig","prettierConfig","ReactEnv","constructor","jestAspect","tsAspect","compiler","webpack","workspace","pkg","tester","config","eslint","prettier","dependencyResolver","logger","compilerAspectId","getTsConfig","targetTsConfig","merge","getBuildTsConfig","getCjsJestTester","jestConfigPath","jestModulePath","pathToSource","pathNormalizeToLinux","__dirname","replace","defaultConfig","join","createTester","resolve","getEsmJestTester","getTester","getTsCompilerOptions","mode","tsconfig","cloneDeep","compileJs","compileJsx","types","getTsCjsCompiler","transformers","tsModule","ts","tsCompileOptions","createCjsCompiler","getTsEsmCompiler","createEsmCompiler","getCompiler","getLinter","context","defaultTransformer","configMutator","addExtensionTypes","allTransformers","createLinter","pluginPath","getFormatter","createFormatter","getFileMap","components","local","reduce","index","component","state","filesystem","files","forEach","file","path","id","toString","homepage","fullName","ComponentUrl","toUrl","writeFileMap","fileMap","tmpdir","Math","random","slice","outputFileSync","JSON","stringify","getDevEnvId","ReactAspect","getSchemaExtractor","createSchemaExtractor","getDevServer","baseConfig","basePreviewConfigFactory","envDevConfig","envPreviewDevConfigFactory","componentDevConfig","componentPreviewDevConfigFactory","merged","createDevServer","getBundler","createComponentsWebpackBundler","development","baseProdConfig","basePreviewProdConfigFactory","componentProdConfig","componentPreviewProdConfigFactory","mergedTransformers","createWebpackBundler","createTemplateWebpackBundler","templateConfig","templateWebpackConfigFactory","createBundler","getPeerDependenciesList","getPeerDependenciesListFromEnv","getAdditionalHostDependencies","getDocsTemplate","getMounter","getPreviewConfig","strategyName","splitComponentBundle","getPackageJsonProps","getCjsPackageJsonProps","getEsmPackageJsonProps","getNpmIgnore","CAPSULE_ARTIFACTS_DIR","getDependencies","dependencies","react","devDependencies","peerDependencies","getBuildPipe","modifiers","tsModifier","getCompilerTask","module","task","getBuildPipeWithoutCompiler","pipeWithoutCompiler","filter","aspectId","getEsmCompilerTask","tsCompiler","createTask","getCjsCompilerTask","__getDescriptor","type"],"sources":["react.env.ts"],"sourcesContent":["import ts, { TsConfigSourceFile } from 'typescript';\nimport { tmpdir } from 'os';\nimport { Component } from '@teambit/component';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { BuildTask, CAPSULE_ARTIFACTS_DIR } from '@teambit/builder';\nimport { merge, cloneDeep } from 'lodash';\nimport { Bundler, BundlerContext, DevServer, DevServerContext } from '@teambit/bundler';\nimport { CompilerMain } from '@teambit/compiler';\nimport {\n  BuilderEnv,\n  CompilerEnv,\n  DependenciesEnv,\n  DevEnv,\n  LinterEnv,\n  PackageEnv,\n  TesterEnv,\n  FormatterEnv,\n  PipeServiceModifier,\n  PipeServiceModifiersMap,\n} from '@teambit/envs';\nimport { JestMain } from '@teambit/jest';\nimport { PackageJsonProps, PkgMain } from '@teambit/pkg';\nimport { Tester, TesterMain } from '@teambit/tester';\nimport { TsConfigTransformer, TypescriptMain } from '@teambit/typescript';\nimport type { TypeScriptCompilerOptions } from '@teambit/typescript';\nimport { WebpackConfigTransformer, WebpackMain } from '@teambit/webpack';\nimport { Workspace } from '@teambit/workspace';\nimport { ESLintMain, EslintConfigTransformer } from '@teambit/eslint';\nimport { PrettierConfigTransformer, PrettierMain } from '@teambit/prettier';\nimport { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { Linter, LinterContext } from '@teambit/linter';\nimport { Formatter, FormatterContext } from '@teambit/formatter';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport type { ComponentMeta } from '@teambit/react.ui.highlighter.component-metadata.bit-component-meta';\nimport { SchemaExtractor } from '@teambit/schema';\nimport { join, resolve } from 'path';\nimport { outputFileSync } from 'fs-extra';\nimport { Logger } from '@teambit/logger';\nimport type { ReactMainConfig } from './react.main.runtime';\nimport { ReactAspect } from './react.aspect';\n// webpack configs for both components and envs\nimport basePreviewConfigFactory from './webpack/webpack.config.base';\nimport basePreviewProdConfigFactory from './webpack/webpack.config.base.prod';\n\n// webpack configs for envs only\n// import devPreviewConfigFactory from './webpack/webpack.config.preview.dev';\nimport envPreviewDevConfigFactory from './webpack/webpack.config.env.dev';\nimport { templateWebpackConfigFactory } from './webpack/webpack.config.env.template';\n\n// webpack configs for components only\nimport componentPreviewProdConfigFactory from './webpack/webpack.config.component.prod';\nimport componentPreviewDevConfigFactory from './webpack/webpack.config.component.dev';\n\nexport const ReactEnvType = 'react';\nconst defaultTsConfig = require('./typescript/tsconfig.json');\nconst buildTsConfig = require('./typescript/tsconfig.build.json');\nconst eslintConfig = require('./eslint/eslintrc');\nconst prettierConfig = require('./prettier/prettier.config.js');\n\n// TODO: move to be taken from the key mode of compiler context\ntype CompilerMode = 'build' | 'dev';\n\ntype GetBuildPipeModifiers = PipeServiceModifiersMap & {\n  tsModifier?: PipeServiceModifier;\n};\n\n/**\n * a component environment built for [React](https://reactjs.org) .\n */\nexport class ReactEnv\n  implements TesterEnv, CompilerEnv, LinterEnv, DevEnv, BuilderEnv, DependenciesEnv, PackageEnv, FormatterEnv\n{\n  constructor(\n    /**\n     * jest extension\n     */\n    private jestAspect: JestMain,\n\n    /**\n     * typescript extension.\n     */\n    protected tsAspect: TypescriptMain,\n\n    /**\n     * compiler extension.\n     */\n    private compiler: CompilerMain,\n\n    /**\n     * webpack extension.\n     */\n    private webpack: WebpackMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * pkg extension.\n     */\n    private pkg: PkgMain,\n\n    /**\n     * tester extension\n     */\n    private tester: TesterMain,\n\n    private config: ReactMainConfig,\n\n    private eslint: ESLintMain,\n\n    private prettier: PrettierMain,\n\n    private dependencyResolver: DependencyResolverMain,\n\n    private logger: Logger,\n\n    private compilerAspectId: string\n  ) {}\n\n  getTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, defaultTsConfig, targetTsConfig) : defaultTsConfig;\n  }\n\n  getBuildTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, buildTsConfig, targetTsConfig) : buildTsConfig;\n  }\n\n  /**\n   * Get a jest tester instance with react config and cjs configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  getCjsJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.cjs.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * Get a jest tester instance with react config and esm configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  getEsmJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.esm.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * returns a component tester.\n   */\n  getTester(jestConfigPath: string, jestModulePath?: string): Tester {\n    // return this.getEsmJestTester(jestConfigPath, jestModulePath);\n    return this.getCjsJestTester(jestConfigPath, jestModulePath);\n  }\n\n  private getTsCompilerOptions(mode: CompilerMode = 'dev'): TypeScriptCompilerOptions {\n    const tsconfig = mode === 'dev' ? cloneDeep(defaultTsConfig) : cloneDeep(buildTsConfig);\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist/', '/src/');\n    const compileJs = true;\n    const compileJsx = true;\n    return {\n      tsconfig,\n      // TODO: @david please remove this line and refactor to be something that makes sense.\n      types: [resolve(pathToSource, './typescript/style.d.ts'), resolve(pathToSource, './typescript/asset.d.ts')],\n      compileJs,\n      compileJsx,\n    };\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to cjs module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getTsCjsCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.getTsCompilerOptions(mode);\n    return this.tsAspect.createCjsCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to esm module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getTsEsmCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.getTsCompilerOptions(mode);\n    return this.tsAspect.createEsmCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  getCompiler(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    // return this.getTsEsmCompiler('dev', transformers, tsModule);\n    return this.getTsCjsCompiler('dev', transformers, tsModule);\n  }\n\n  /**\n   * returns and configures the component linter.\n   */\n  getLinter(context: LinterContext, transformers: EslintConfigTransformer[] = []): Linter {\n    const defaultTransformer: EslintConfigTransformer = (configMutator) => {\n      configMutator.addExtensionTypes(['.md', '.mdx']);\n      return configMutator;\n    };\n\n    const allTransformers = [defaultTransformer, ...transformers];\n\n    return this.eslint.createLinter(\n      context,\n      {\n        config: eslintConfig,\n        // resolve all plugins from the react environment.\n        pluginPath: __dirname,\n      },\n      allTransformers\n    );\n  }\n\n  /**\n   * returns and configures the component formatter.\n   */\n  getFormatter(context: FormatterContext, transformers: PrettierConfigTransformer[] = []): Formatter {\n    return this.prettier.createFormatter(\n      context,\n      {\n        config: prettierConfig,\n      },\n      transformers\n    );\n  }\n\n  private getFileMap(components: Component[], local = false) {\n    return components.reduce<{ [key: string]: ComponentMeta }>((index, component: Component) => {\n      component.state.filesystem.files.forEach((file) => {\n        index[file.path] = {\n          id: component.id.toString(),\n          homepage: local ? `/${component.id.fullName}` : ComponentUrl.toUrl(component.id),\n        };\n      });\n\n      return index;\n    }, {});\n  }\n\n  private writeFileMap(components: Component[], local?: boolean) {\n    const fileMap = this.getFileMap(components, local);\n    const path = join(tmpdir(), `${Math.random().toString(36).slice(2, 11)}.json`);\n    outputFileSync(path, JSON.stringify(fileMap));\n    return path;\n  }\n\n  /**\n   * required for `bit start`\n   */\n  getDevEnvId(id?: string) {\n    if (typeof id !== 'string') return ReactAspect.id;\n    return id || ReactAspect.id;\n  }\n\n  /**\n   * get a schema generator instance configured with the correct tsconfig.\n   */\n  getSchemaExtractor(tsconfig: TsConfigSourceFile): SchemaExtractor {\n    return this.tsAspect.createSchemaExtractor(this.getTsConfig(tsconfig));\n  }\n\n  /**\n   * returns and configures the React component dev server.\n   * required for `bit start`\n   */\n  getDevServer(context: DevServerContext, transformers: WebpackConfigTransformer[] = []): DevServer {\n    const baseConfig = basePreviewConfigFactory(false);\n    const envDevConfig = envPreviewDevConfigFactory(context.id);\n    const componentDevConfig = componentPreviewDevConfigFactory(this.workspace.path, context.id);\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, envDevConfig, componentDevConfig]);\n      return merged;\n    };\n\n    return this.webpack.createDevServer(context, [defaultTransformer, ...transformers]);\n  }\n\n  async getBundler(context: BundlerContext, transformers: WebpackConfigTransformer[] = []): Promise<Bundler> {\n    return this.createComponentsWebpackBundler(context, transformers);\n  }\n\n  async createComponentsWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const componentProdConfig = componentPreviewProdConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, componentProdConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  async createTemplateWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const templateConfig = templateWebpackConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, templateConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  private async createWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    return this.webpack.createBundler(context, transformers);\n  }\n\n  /**\n   * Get the peers configured by the env on the components + the host deps configured by the env\n   */\n  getPeerDependenciesList() {\n    return this.dependencyResolver.getPeerDependenciesListFromEnv(this);\n  }\n\n  getAdditionalHostDependencies(): string[] {\n    return ['@teambit/mdx.ui.mdx-scope-context', '@mdx-js/react', 'react'];\n  }\n\n  /**\n   * returns a path to a docs template.\n   */\n  getDocsTemplate() {\n    return require.resolve('@teambit/react.ui.docs-app');\n  }\n\n  icon = 'https://static.bit.dev/extensions-icons/react.svg';\n\n  /**\n   * returns the path to the compositions template\n   */\n  getMounter() {\n    return require.resolve('@teambit/react.ui.compositions-app');\n  }\n\n  getPreviewConfig() {\n    return {\n      strategyName: 'component',\n      splitComponentBundle: true,\n    };\n  }\n\n  /**\n   * define the package json properties to add to each component.\n   */\n  getPackageJsonProps(): PackageJsonProps {\n    // React compile by default to esm, so uses type module\n    // return this.getEsmPackageJsonProps();\n    return this.getCjsPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for a cjs component\n   * @returns\n   */\n  getCjsPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getCjsPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for an esm component\n   * @returns\n   */\n  getEsmPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getEsmPackageJsonProps();\n  }\n\n  getNpmIgnore() {\n    // ignores only .ts files in the root directory, so d.ts files inside dists are unaffected.\n    // without this change, the package has \"index.ts\" file in the root, causing typescript to parse it instead of the\n    // d.ts files. (changing the \"types\" prop in the package.json file doesn't help).\n    return [`${CAPSULE_ARTIFACTS_DIR}/`];\n  }\n\n  /**\n   * adds dependencies to all configured components.\n   */\n  getDependencies() {\n    return {\n      dependencies: {\n        react: '-',\n        'react-dom': '-',\n        'core-js': '^3.0.0',\n      },\n      // TODO: add this only if using ts\n      devDependencies: {\n        react: '-',\n        'react-dom': '-',\n        '@types/mocha': '-',\n        '@types/node': '12.20.4',\n        '@types/react': '^17.0.8',\n        '@types/react-dom': '^17.0.5',\n        '@types/jest': '^26.0.0',\n        // This is added as dev dep since our jest file transformer uses babel plugins that require this to be installed\n        '@babel/runtime': '7.12.18',\n        '@types/testing-library__jest-dom': '5.9.5',\n      },\n      peerDependencies: {\n        react: '^16.8.0 || ^17.0.0',\n        'react-dom': '^16.8.0 || ^17.0.0',\n      },\n    };\n  }\n\n  /**\n   * returns the component build pipeline.\n   */\n  getBuildPipe(modifiers: GetBuildPipeModifiers = {}): BuildTask[] {\n    const transformers: TsConfigTransformer[] =\n      (modifiers?.tsModifier?.transformers as any as TsConfigTransformer[]) || [];\n    return [this.getCompilerTask(transformers, modifiers?.tsModifier?.module || ts), this.tester.task];\n  }\n\n  /**\n   * Get the react build pipeline without the compilation task.\n   * This help in cases you want to only replace the compilation task with something else\n   * @returns\n   */\n  getBuildPipeWithoutCompiler(): BuildTask[] {\n    const pipeWithoutCompiler = this.getBuildPipe().filter((task) => task.aspectId !== this.compilerAspectId);\n    return pipeWithoutCompiler;\n  }\n\n  /**\n   * Get a compiler task with react config and set to esm module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getEsmCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompiler = this.getTsEsmCompiler('build', transformers, tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  /**\n   * Get a compiler task with react config and set to cjs module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getCjsCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompiler = this.getTsCjsCompiler('build', transformers, tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  private getCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.getCjsCompilerTask(transformers, tsModule);\n  }\n\n  async __getDescriptor() {\n    return {\n      type: ReactEnvType,\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AA2BA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAXA;AAIA;AACA;AAIA;AAIO,MAAMA,YAAY,GAAG,OAArB;;;AACP,MAAMC,eAAe,GAAGC,OAAO,CAAC,4BAAD,CAA/B;;AACA,MAAMC,aAAa,GAAGD,OAAO,CAAC,kCAAD,CAA7B;;AACA,MAAME,YAAY,GAAGF,OAAO,CAAC,mBAAD,CAA5B;;AACA,MAAMG,cAAc,GAAGH,OAAO,CAAC,+BAAD,CAA9B,C,CAEA;;;AAOA;AACA;AACA;AACO,MAAMI,QAAN,CAEP;EACEC,WAAW;EACT;AACJ;AACA;EACYC,UAJC;EAMT;AACJ;AACA;EACcC,QATD;EAWT;AACJ;AACA;EACYC,QAdC;EAgBT;AACJ;AACA;EACYC,OAnBC;EAqBT;AACJ;AACA;EACYC,SAxBC;EA0BT;AACJ;AACA;EACYC,GA7BC;EA+BT;AACJ;AACA;EACYC,MAlCC,EAoCDC,MApCC,EAsCDC,MAtCC,EAwCDC,QAxCC,EA0CDC,kBA1CC,EA4CDC,MA5CC,EA8CDC,gBA9CC,EA+CT;IAAA,KA3CQZ,UA2CR,GA3CQA,UA2CR;IAAA,KAtCUC,QAsCV,GAtCUA,QAsCV;IAAA,KAjCQC,QAiCR,GAjCQA,QAiCR;IAAA,KA5BQC,OA4BR,GA5BQA,OA4BR;IAAA,KAvBQC,SAuBR,GAvBQA,SAuBR;IAAA,KAlBQC,GAkBR,GAlBQA,GAkBR;IAAA,KAbQC,MAaR,GAbQA,MAaR;IAAA,KAXQC,MAWR,GAXQA,MAWR;IAAA,KATQC,MASR,GATQA,MASR;IAAA,KAPQC,QAOR,GAPQA,QAOR;IAAA,KALQC,kBAKR,GALQA,kBAKR;IAAA,KAHQC,MAGR,GAHQA,MAGR;IAAA,KADQC,gBACR,GADQA,gBACR;IAAA,8CA2OK,mDA3OL;EAAE;;EAEJC,WAAW,CAACC,cAAD,EAA0D;IACnE,OAAOA,cAAc,GAAG,IAAAC,eAAA,EAAM,EAAN,EAAUtB,eAAV,EAA2BqB,cAA3B,CAAH,GAAgDrB,eAArE;EACD;;EAEDuB,gBAAgB,CAACF,cAAD,EAA0D;IACxE,OAAOA,cAAc,GAAG,IAAAC,eAAA,EAAM,EAAN,EAAUpB,aAAV,EAAyBmB,cAAzB,CAAH,GAA8CnB,aAAnE;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EACEsB,gBAAgB,CAACC,cAAD,EAA0BC,cAA1B,EAA2D;IACzE,MAAMC,YAAY,GAAG,IAAAC,6BAAA,EAAqBC,SAArB,EAAgCC,OAAhC,CAAwC,OAAxC,EAAiD,EAAjD,CAArB;IACA,MAAMC,aAAa,GAAG,IAAAC,YAAA,EAAKL,YAAL,EAAmB,2BAAnB,CAAtB;IACA,MAAMb,MAAM,GAAGW,cAAc,IAAIM,aAAjC;IACA,OAAO,KAAKxB,UAAL,CAAgB0B,YAAhB,CAA6BnB,MAA7B,EAAqCY,cAAc,IAAIzB,OAAO,CAACiC,OAAR,CAAgB,MAAhB,CAAvD,CAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EACEC,gBAAgB,CAACV,cAAD,EAA0BC,cAA1B,EAA2D;IACzE,MAAMC,YAAY,GAAG,IAAAC,6BAAA,EAAqBC,SAArB,EAAgCC,OAAhC,CAAwC,OAAxC,EAAiD,EAAjD,CAArB;IACA,MAAMC,aAAa,GAAG,IAAAC,YAAA,EAAKL,YAAL,EAAmB,2BAAnB,CAAtB;IACA,MAAMb,MAAM,GAAGW,cAAc,IAAIM,aAAjC;IACA,OAAO,KAAKxB,UAAL,CAAgB0B,YAAhB,CAA6BnB,MAA7B,EAAqCY,cAAc,IAAIzB,OAAO,CAACiC,OAAR,CAAgB,MAAhB,CAAvD,CAAP;EACD;EAED;AACF;AACA;;;EACEE,SAAS,CAACX,cAAD,EAAyBC,cAAzB,EAA0D;IACjE;IACA,OAAO,KAAKF,gBAAL,CAAsBC,cAAtB,EAAsCC,cAAtC,CAAP;EACD;;EAEOW,oBAAoB,CAACC,IAAkB,GAAG,KAAtB,EAAwD;IAClF,MAAMC,QAAQ,GAAGD,IAAI,KAAK,KAAT,GAAiB,IAAAE,mBAAA,EAAUxC,eAAV,CAAjB,GAA8C,IAAAwC,mBAAA,EAAUtC,aAAV,CAA/D;IACA,MAAMyB,YAAY,GAAG,IAAAC,6BAAA,EAAqBC,SAArB,EAAgCC,OAAhC,CAAwC,QAAxC,EAAkD,OAAlD,CAArB;IACA,MAAMW,SAAS,GAAG,IAAlB;IACA,MAAMC,UAAU,GAAG,IAAnB;IACA,OAAO;MACLH,QADK;MAEL;MACAI,KAAK,EAAE,CAAC,IAAAT,eAAA,EAAQP,YAAR,EAAsB,yBAAtB,CAAD,EAAmD,IAAAO,eAAA,EAAQP,YAAR,EAAsB,yBAAtB,CAAnD,CAHF;MAILc,SAJK;MAKLC;IALK,CAAP;EAOD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;;;EACEE,gBAAgB,CAACN,IAAkB,GAAG,KAAtB,EAA6BO,YAAmC,GAAG,EAAnE,EAAuEC,QAAQ,GAAGC,qBAAlF,EAAsF;IACpG,MAAMC,gBAAgB,GAAG,KAAKX,oBAAL,CAA0BC,IAA1B,CAAzB;IACA,OAAO,KAAK9B,QAAL,CAAcyC,iBAAd,CAAgCD,gBAAhC,EAAkDH,YAAlD,EAAgEC,QAAhE,CAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;;;EACEI,gBAAgB,CAACZ,IAAkB,GAAG,KAAtB,EAA6BO,YAAmC,GAAG,EAAnE,EAAuEC,QAAQ,GAAGC,qBAAlF,EAAsF;IACpG,MAAMC,gBAAgB,GAAG,KAAKX,oBAAL,CAA0BC,IAA1B,CAAzB;IACA,OAAO,KAAK9B,QAAL,CAAc2C,iBAAd,CAAgCH,gBAAhC,EAAkDH,YAAlD,EAAgEC,QAAhE,CAAP;EACD;;EAEDM,WAAW,CAACP,YAAmC,GAAG,EAAvC,EAA2CC,QAAQ,GAAGC,qBAAtD,EAA0D;IACnE;IACA,OAAO,KAAKH,gBAAL,CAAsB,KAAtB,EAA6BC,YAA7B,EAA2CC,QAA3C,CAAP;EACD;EAED;AACF;AACA;;;EACEO,SAAS,CAACC,OAAD,EAAyBT,YAAuC,GAAG,EAAnE,EAA+E;IACtF,MAAMU,kBAA2C,GAAIC,aAAD,IAAmB;MACrEA,aAAa,CAACC,iBAAd,CAAgC,CAAC,KAAD,EAAQ,MAAR,CAAhC;MACA,OAAOD,aAAP;IACD,CAHD;;IAKA,MAAME,eAAe,GAAG,CAACH,kBAAD,EAAqB,GAAGV,YAAxB,CAAxB;IAEA,OAAO,KAAK9B,MAAL,CAAY4C,YAAZ,CACLL,OADK,EAEL;MACExC,MAAM,EAAEX,YADV;MAEE;MACAyD,UAAU,EAAE/B;IAHd,CAFK,EAOL6B,eAPK,CAAP;EASD;EAED;AACF;AACA;;;EACEG,YAAY,CAACP,OAAD,EAA4BT,YAAyC,GAAG,EAAxE,EAAuF;IACjG,OAAO,KAAK7B,QAAL,CAAc8C,eAAd,CACLR,OADK,EAEL;MACExC,MAAM,EAAEV;IADV,CAFK,EAKLyC,YALK,CAAP;EAOD;;EAEOkB,UAAU,CAACC,UAAD,EAA0BC,KAAK,GAAG,KAAlC,EAAyC;IACzD,OAAOD,UAAU,CAACE,MAAX,CAAoD,CAACC,KAAD,EAAQC,SAAR,KAAiC;MAC1FA,SAAS,CAACC,KAAV,CAAgBC,UAAhB,CAA2BC,KAA3B,CAAiCC,OAAjC,CAA0CC,IAAD,IAAU;QACjDN,KAAK,CAACM,IAAI,CAACC,IAAN,CAAL,GAAmB;UACjBC,EAAE,EAAEP,SAAS,CAACO,EAAV,CAAaC,QAAb,EADa;UAEjBC,QAAQ,EAAEZ,KAAK,GAAI,IAAGG,SAAS,CAACO,EAAV,CAAaG,QAAS,EAA7B,GAAiCC,gCAAA,CAAaC,KAAb,CAAmBZ,SAAS,CAACO,EAA7B;QAF/B,CAAnB;MAID,CALD;MAOA,OAAOR,KAAP;IACD,CATM,EASJ,EATI,CAAP;EAUD;;EAEOc,YAAY,CAACjB,UAAD,EAA0BC,KAA1B,EAA2C;IAC7D,MAAMiB,OAAO,GAAG,KAAKnB,UAAL,CAAgBC,UAAhB,EAA4BC,KAA5B,CAAhB;IACA,MAAMS,IAAI,GAAG,IAAA1C,YAAA,EAAK,IAAAmD,YAAA,GAAL,EAAgB,GAAEC,IAAI,CAACC,MAAL,GAAcT,QAAd,CAAuB,EAAvB,EAA2BU,KAA3B,CAAiC,CAAjC,EAAoC,EAApC,CAAwC,OAA1D,CAAb;IACA,IAAAC,yBAAA,EAAeb,IAAf,EAAqBc,IAAI,CAACC,SAAL,CAAeP,OAAf,CAArB;IACA,OAAOR,IAAP;EACD;EAED;AACF;AACA;;;EACEgB,WAAW,CAACf,EAAD,EAAc;IACvB,IAAI,OAAOA,EAAP,KAAc,QAAlB,EAA4B,OAAOgB,oBAAA,CAAYhB,EAAnB;IAC5B,OAAOA,EAAE,IAAIgB,oBAAA,CAAYhB,EAAzB;EACD;EAED;AACF;AACA;;;EACEiB,kBAAkB,CAACrD,QAAD,EAAgD;IAChE,OAAO,KAAK/B,QAAL,CAAcqF,qBAAd,CAAoC,KAAKzE,WAAL,CAAiBmB,QAAjB,CAApC,CAAP;EACD;EAED;AACF;AACA;AACA;;;EACEuD,YAAY,CAACxC,OAAD,EAA4BT,YAAwC,GAAG,EAAvE,EAAsF;IAChG,MAAMkD,UAAU,GAAG,IAAAC,wBAAA,EAAyB,KAAzB,CAAnB;IACA,MAAMC,YAAY,GAAG,IAAAC,2BAAA,EAA2B5C,OAAO,CAACqB,EAAnC,CAArB;IACA,MAAMwB,kBAAkB,GAAG,IAAAC,kCAAA,EAAiC,KAAKzF,SAAL,CAAe+D,IAAhD,EAAsDpB,OAAO,CAACqB,EAA9D,CAA3B;;IAEA,MAAMpB,kBAA4C,GAAIC,aAAD,IAAmB;MACtE,MAAM6C,MAAM,GAAG7C,aAAa,CAAClC,KAAd,CAAoB,CAACyE,UAAD,EAAaE,YAAb,EAA2BE,kBAA3B,CAApB,CAAf;MACA,OAAOE,MAAP;IACD,CAHD;;IAKA,OAAO,KAAK3F,OAAL,CAAa4F,eAAb,CAA6BhD,OAA7B,EAAsC,CAACC,kBAAD,EAAqB,GAAGV,YAAxB,CAAtC,CAAP;EACD;;EAEe,MAAV0D,UAAU,CAACjD,OAAD,EAA0BT,YAAwC,GAAG,EAArE,EAA2F;IACzG,OAAO,KAAK2D,8BAAL,CAAoClD,OAApC,EAA6CT,YAA7C,CAAP;EACD;;EAEmC,MAA9B2D,8BAA8B,CAClClD,OADkC,EAElCT,YAAwC,GAAG,EAFT,EAGhB;IAClB,MAAMkD,UAAU,GAAG,IAAAC,wBAAA,EAAyB,CAAC1C,OAAO,CAACmD,WAAlC,CAAnB;IACA,MAAMC,cAAc,GAAG,IAAAC,4BAAA,EAA6BrD,OAAO,CAACmD,WAArC,CAAvB;IACA,MAAMG,mBAAmB,GAAG,IAAAC,iCAAA,GAA5B;;IAEA,MAAMtD,kBAA4C,GAAIC,aAAD,IAAmB;MACtE,MAAM6C,MAAM,GAAG7C,aAAa,CAAClC,KAAd,CAAoB,CAACyE,UAAD,EAAaW,cAAb,EAA6BE,mBAA7B,CAApB,CAAf;MACA,OAAOP,MAAP;IACD,CAHD;;IAIA,MAAMS,kBAAkB,GAAG,CAACvD,kBAAD,EAAqB,GAAGV,YAAxB,CAA3B;IACA,OAAO,KAAKkE,oBAAL,CAA0BzD,OAA1B,EAAmCwD,kBAAnC,CAAP;EACD;;EAEiC,MAA5BE,4BAA4B,CAChC1D,OADgC,EAEhCT,YAAwC,GAAG,EAFX,EAGd;IAClB,MAAMkD,UAAU,GAAG,IAAAC,wBAAA,EAAyB,CAAC1C,OAAO,CAACmD,WAAlC,CAAnB;IACA,MAAMC,cAAc,GAAG,IAAAC,4BAAA,EAA6BrD,OAAO,CAACmD,WAArC,CAAvB;IACA,MAAMQ,cAAc,GAAG,IAAAC,iDAAA,GAAvB;;IAEA,MAAM3D,kBAA4C,GAAIC,aAAD,IAAmB;MACtE,MAAM6C,MAAM,GAAG7C,aAAa,CAAClC,KAAd,CAAoB,CAACyE,UAAD,EAAaW,cAAb,EAA6BO,cAA7B,CAApB,CAAf;MACA,OAAOZ,MAAP;IACD,CAHD;;IAIA,MAAMS,kBAAkB,GAAG,CAACvD,kBAAD,EAAqB,GAAGV,YAAxB,CAA3B;IACA,OAAO,KAAKkE,oBAAL,CAA0BzD,OAA1B,EAAmCwD,kBAAnC,CAAP;EACD;;EAEiC,MAApBC,oBAAoB,CAChCzD,OADgC,EAEhCT,YAAwC,GAAG,EAFX,EAGd;IAClB,OAAO,KAAKnC,OAAL,CAAayG,aAAb,CAA2B7D,OAA3B,EAAoCT,YAApC,CAAP;EACD;EAED;AACF;AACA;;;EACEuE,uBAAuB,GAAG;IACxB,OAAO,KAAKnG,kBAAL,CAAwBoG,8BAAxB,CAAuD,IAAvD,CAAP;EACD;;EAEDC,6BAA6B,GAAa;IACxC,OAAO,CAAC,mCAAD,EAAsC,eAAtC,EAAuD,OAAvD,CAAP;EACD;EAED;AACF;AACA;;;EACEC,eAAe,GAAG;IAChB,OAAOtH,OAAO,CAACiC,OAAR,CAAgB,4BAAhB,CAAP;EACD;;EAID;AACF;AACA;EACEsF,UAAU,GAAG;IACX,OAAOvH,OAAO,CAACiC,OAAR,CAAgB,oCAAhB,CAAP;EACD;;EAEDuF,gBAAgB,GAAG;IACjB,OAAO;MACLC,YAAY,EAAE,WADT;MAELC,oBAAoB,EAAE;IAFjB,CAAP;EAID;EAED;AACF;AACA;;;EACEC,mBAAmB,GAAqB;IACtC;IACA;IACA,OAAO,KAAKC,sBAAL,EAAP;EACD;EAED;AACF;AACA;AACA;;;EACEA,sBAAsB,GAAqB;IACzC,OAAO,KAAKrH,QAAL,CAAcqH,sBAAd,EAAP;EACD;EAED;AACF;AACA;AACA;;;EACEC,sBAAsB,GAAqB;IACzC,OAAO,KAAKtH,QAAL,CAAcsH,sBAAd,EAAP;EACD;;EAEDC,YAAY,GAAG;IACb;IACA;IACA;IACA,OAAO,CAAE,GAAEC,gCAAsB,GAA1B,CAAP;EACD;EAED;AACF;AACA;;;EACEC,eAAe,GAAG;IAChB,OAAO;MACLC,YAAY,EAAE;QACZC,KAAK,EAAE,GADK;QAEZ,aAAa,GAFD;QAGZ,WAAW;MAHC,CADT;MAML;MACAC,eAAe,EAAE;QACfD,KAAK,EAAE,GADQ;QAEf,aAAa,GAFE;QAGf,gBAAgB,GAHD;QAIf,eAAe,SAJA;QAKf,gBAAgB,SALD;QAMf,oBAAoB,SANL;QAOf,eAAe,SAPA;QAQf;QACA,kBAAkB,SATH;QAUf,oCAAoC;MAVrB,CAPZ;MAmBLE,gBAAgB,EAAE;QAChBF,KAAK,EAAE,oBADS;QAEhB,aAAa;MAFG;IAnBb,CAAP;EAwBD;EAED;AACF;AACA;;;EACEG,YAAY,CAACC,SAAgC,GAAG,EAApC,EAAqD;IAAA;;IAC/D,MAAM1F,YAAmC,GACvC,CAAC0F,SAAD,aAACA,SAAD,gDAACA,SAAS,CAAEC,UAAZ,0DAAC,sBAAuB3F,YAAxB,KAAyE,EAD3E;IAEA,OAAO,CAAC,KAAK4F,eAAL,CAAqB5F,YAArB,EAAmC,CAAA0F,SAAS,SAAT,IAAAA,SAAS,WAAT,sCAAAA,SAAS,CAAEC,UAAX,kFAAuBE,MAAvB,KAAiC3F,qBAApE,CAAD,EAA0E,KAAKlC,MAAL,CAAY8H,IAAtF,CAAP;EACD;EAED;AACF;AACA;AACA;AACA;;;EACEC,2BAA2B,GAAgB;IACzC,MAAMC,mBAAmB,GAAG,KAAKP,YAAL,GAAoBQ,MAApB,CAA4BH,IAAD,IAAUA,IAAI,CAACI,QAAL,KAAkB,KAAK5H,gBAA5D,CAA5B;IACA,OAAO0H,mBAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EACEG,kBAAkB,CAACnG,YAAmC,GAAG,EAAvC,EAA2CC,QAAQ,GAAGC,qBAAtD,EAA0D;IAC1E,MAAMkG,UAAU,GAAG,KAAK/F,gBAAL,CAAsB,OAAtB,EAA+BL,YAA/B,EAA6CC,QAA7C,CAAnB;IACA,OAAO,KAAKrC,QAAL,CAAcyI,UAAd,CAAyB,YAAzB,EAAuCD,UAAvC,CAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EACEE,kBAAkB,CAACtG,YAAmC,GAAG,EAAvC,EAA2CC,QAAQ,GAAGC,qBAAtD,EAA0D;IAC1E,MAAMkG,UAAU,GAAG,KAAKrG,gBAAL,CAAsB,OAAtB,EAA+BC,YAA/B,EAA6CC,QAA7C,CAAnB;IACA,OAAO,KAAKrC,QAAL,CAAcyI,UAAd,CAAyB,YAAzB,EAAuCD,UAAvC,CAAP;EACD;;EAEOR,eAAe,CAAC5F,YAAmC,GAAG,EAAvC,EAA2CC,QAAQ,GAAGC,qBAAtD,EAA0D;IAC/E,OAAO,KAAKoG,kBAAL,CAAwBtG,YAAxB,EAAsCC,QAAtC,CAAP;EACD;;EAEoB,MAAfsG,eAAe,GAAG;IACtB,OAAO;MACLC,IAAI,EAAEtJ;IADD,CAAP;EAGD;;AA1ZH"}
+{"version":3,"names":["ReactEnvType","defaultTsConfig","require","buildTsConfig","eslintConfig","prettierConfig","ReactEnv","constructor","jestAspect","tsAspect","compiler","webpack","workspace","pkg","tester","config","eslint","prettier","dependencyResolver","logger","compilerAspectId","getTsConfig","targetTsConfig","merge","getBuildTsConfig","getCjsJestTester","jestConfigPath","jestModulePath","pathToSource","pathNormalizeToLinux","__dirname","replace","defaultConfig","join","createTester","resolve","getEsmJestTester","getTester","getTsCompilerOptions","mode","tsconfig","cloneDeep","compileJs","compileJsx","types","getTsCjsCompiler","transformers","tsModule","ts","tsCompileOptions","createCjsCompiler","getTsEsmCompiler","createEsmCompiler","getCompiler","getLinter","context","defaultTransformer","configMutator","addExtensionTypes","allTransformers","createLinter","pluginPath","getFormatter","createFormatter","getFileMap","components","local","reduce","index","component","state","filesystem","files","forEach","file","path","id","toString","homepage","fullName","ComponentUrl","toUrl","writeFileMap","fileMap","tmpdir","Math","random","slice","outputFileSync","JSON","stringify","getDevEnvId","ReactAspect","getSchemaExtractor","createSchemaExtractor","getDevServer","baseConfig","basePreviewConfigFactory","envDevConfig","envPreviewDevConfigFactory","componentDevConfig","componentPreviewDevConfigFactory","merged","createDevServer","getBundler","createComponentsWebpackBundler","development","baseProdConfig","basePreviewProdConfigFactory","componentProdConfig","componentPreviewProdConfigFactory","mergedTransformers","createWebpackBundler","createTemplateWebpackBundler","templateConfig","templateWebpackConfigFactory","createBundler","getPeerDependenciesList","getPeerDependenciesListFromEnv","getAdditionalHostDependencies","getDocsTemplate","getMounter","getPreviewConfig","strategyName","splitComponentBundle","getPackageJsonProps","getCjsPackageJsonProps","getEsmPackageJsonProps","getNpmIgnore","CAPSULE_ARTIFACTS_DIR","getDependencies","dependencies","react","devDependencies","peerDependencies","getBuildPipe","modifiers","tsModifier","getCompilerTask","module","task","getBuildPipeWithoutCompiler","pipeWithoutCompiler","filter","aspectId","getEsmCompilerTask","tsCompiler","createTask","getCjsCompilerTask","__getDescriptor","type"],"sources":["react.env.ts"],"sourcesContent":["import ts, { TsConfigSourceFile } from 'typescript';\nimport { tmpdir } from 'os';\nimport { Component } from '@teambit/component';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { BuildTask, CAPSULE_ARTIFACTS_DIR } from '@teambit/builder';\nimport { merge, cloneDeep } from 'lodash';\nimport { Bundler, BundlerContext, DevServer, DevServerContext } from '@teambit/bundler';\nimport { CompilerMain } from '@teambit/compiler';\nimport {\n  BuilderEnv,\n  CompilerEnv,\n  DependenciesEnv,\n  DevEnv,\n  LinterEnv,\n  PackageEnv,\n  TesterEnv,\n  FormatterEnv,\n  PipeServiceModifier,\n  PipeServiceModifiersMap,\n} from '@teambit/envs';\nimport { JestMain } from '@teambit/jest';\nimport { PackageJsonProps, PkgMain } from '@teambit/pkg';\nimport { Tester, TesterMain } from '@teambit/tester';\nimport { TsConfigTransformer, TypescriptMain } from '@teambit/typescript';\nimport type { TypeScriptCompilerOptions } from '@teambit/typescript';\nimport { WebpackConfigTransformer, WebpackMain } from '@teambit/webpack';\nimport { Workspace } from '@teambit/workspace';\nimport { ESLintMain, EslintConfigTransformer } from '@teambit/eslint';\nimport { PrettierConfigTransformer, PrettierMain } from '@teambit/prettier';\nimport { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { Linter, LinterContext } from '@teambit/linter';\nimport { Formatter, FormatterContext } from '@teambit/formatter';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport type { ComponentMeta } from '@teambit/react.ui.highlighter.component-metadata.bit-component-meta';\nimport { SchemaExtractor } from '@teambit/schema';\nimport { join, resolve } from 'path';\nimport { outputFileSync } from 'fs-extra';\nimport { Logger } from '@teambit/logger';\n// ensure reactEnv depends on compositions-app\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CompositionsApp } from '@teambit/react.ui.compositions-app';\n// ensure reactEnv depends on docs-app\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport DocsApps from '@teambit/react.ui.docs-app';\nimport type { ReactMainConfig } from './react.main.runtime';\nimport { ReactAspect } from './react.aspect';\n// webpack configs for both components and envs\nimport basePreviewConfigFactory from './webpack/webpack.config.base';\nimport basePreviewProdConfigFactory from './webpack/webpack.config.base.prod';\n\n// webpack configs for envs only\n// import devPreviewConfigFactory from './webpack/webpack.config.preview.dev';\nimport envPreviewDevConfigFactory from './webpack/webpack.config.env.dev';\nimport { templateWebpackConfigFactory } from './webpack/webpack.config.env.template';\n\n// webpack configs for components only\nimport componentPreviewProdConfigFactory from './webpack/webpack.config.component.prod';\nimport componentPreviewDevConfigFactory from './webpack/webpack.config.component.dev';\n\nexport const ReactEnvType = 'react';\nconst defaultTsConfig = require('./typescript/tsconfig.json');\nconst buildTsConfig = require('./typescript/tsconfig.build.json');\nconst eslintConfig = require('./eslint/eslintrc');\nconst prettierConfig = require('./prettier/prettier.config.js');\n\n// TODO: move to be taken from the key mode of compiler context\ntype CompilerMode = 'build' | 'dev';\n\ntype GetBuildPipeModifiers = PipeServiceModifiersMap & {\n  tsModifier?: PipeServiceModifier;\n};\n\n/**\n * a component environment built for [React](https://reactjs.org) .\n */\nexport class ReactEnv\n  implements TesterEnv, CompilerEnv, LinterEnv, DevEnv, BuilderEnv, DependenciesEnv, PackageEnv, FormatterEnv\n{\n  constructor(\n    /**\n     * jest extension\n     */\n    private jestAspect: JestMain,\n\n    /**\n     * typescript extension.\n     */\n    protected tsAspect: TypescriptMain,\n\n    /**\n     * compiler extension.\n     */\n    private compiler: CompilerMain,\n\n    /**\n     * webpack extension.\n     */\n    private webpack: WebpackMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * pkg extension.\n     */\n    private pkg: PkgMain,\n\n    /**\n     * tester extension\n     */\n    private tester: TesterMain,\n\n    private config: ReactMainConfig,\n\n    private eslint: ESLintMain,\n\n    private prettier: PrettierMain,\n\n    private dependencyResolver: DependencyResolverMain,\n\n    private logger: Logger,\n\n    private compilerAspectId: string\n  ) {}\n\n  getTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, defaultTsConfig, targetTsConfig) : defaultTsConfig;\n  }\n\n  getBuildTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile {\n    return targetTsConfig ? merge({}, buildTsConfig, targetTsConfig) : buildTsConfig;\n  }\n\n  /**\n   * Get a jest tester instance with react config and cjs configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  getCjsJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.cjs.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * Get a jest tester instance with react config and esm configs\n   * @param jestConfigPath\n   * @param jestModulePath\n   * @returns\n   */\n  getEsmJestTester(jestConfigPath?: string, jestModulePath?: string): Tester {\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist', '');\n    const defaultConfig = join(pathToSource, './jest/jest.esm.config.js');\n    const config = jestConfigPath || defaultConfig;\n    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));\n  }\n\n  /**\n   * returns a component tester.\n   */\n  getTester(jestConfigPath: string, jestModulePath?: string): Tester {\n    // return this.getEsmJestTester(jestConfigPath, jestModulePath);\n    return this.getCjsJestTester(jestConfigPath, jestModulePath);\n  }\n\n  private getTsCompilerOptions(mode: CompilerMode = 'dev'): TypeScriptCompilerOptions {\n    const tsconfig = mode === 'dev' ? cloneDeep(defaultTsConfig) : cloneDeep(buildTsConfig);\n    const pathToSource = pathNormalizeToLinux(__dirname).replace('/dist/', '/src/');\n    const compileJs = true;\n    const compileJsx = true;\n    return {\n      tsconfig,\n      // TODO: @david please remove this line and refactor to be something that makes sense.\n      types: [resolve(pathToSource, './typescript/style.d.ts'), resolve(pathToSource, './typescript/asset.d.ts')],\n      compileJs,\n      compileJsx,\n    };\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to cjs module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getTsCjsCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.getTsCompilerOptions(mode);\n    return this.tsAspect.createCjsCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  /**\n   * Get a compiler instance with react config and set it to esm module\n   * @param mode\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getTsEsmCompiler(mode: CompilerMode = 'dev', transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompileOptions = this.getTsCompilerOptions(mode);\n    return this.tsAspect.createEsmCompiler(tsCompileOptions, transformers, tsModule);\n  }\n\n  getCompiler(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    // return this.getTsEsmCompiler('dev', transformers, tsModule);\n    return this.getTsCjsCompiler('dev', transformers, tsModule);\n  }\n\n  /**\n   * returns and configures the component linter.\n   */\n  getLinter(context: LinterContext, transformers: EslintConfigTransformer[] = []): Linter {\n    const defaultTransformer: EslintConfigTransformer = (configMutator) => {\n      configMutator.addExtensionTypes(['.md', '.mdx']);\n      return configMutator;\n    };\n\n    const allTransformers = [defaultTransformer, ...transformers];\n\n    return this.eslint.createLinter(\n      context,\n      {\n        config: eslintConfig,\n        // resolve all plugins from the react environment.\n        pluginPath: __dirname,\n      },\n      allTransformers\n    );\n  }\n\n  /**\n   * returns and configures the component formatter.\n   */\n  getFormatter(context: FormatterContext, transformers: PrettierConfigTransformer[] = []): Formatter {\n    return this.prettier.createFormatter(\n      context,\n      {\n        config: prettierConfig,\n      },\n      transformers\n    );\n  }\n\n  private getFileMap(components: Component[], local = false) {\n    return components.reduce<{ [key: string]: ComponentMeta }>((index, component: Component) => {\n      component.state.filesystem.files.forEach((file) => {\n        index[file.path] = {\n          id: component.id.toString(),\n          homepage: local ? `/${component.id.fullName}` : ComponentUrl.toUrl(component.id),\n        };\n      });\n\n      return index;\n    }, {});\n  }\n\n  private writeFileMap(components: Component[], local?: boolean) {\n    const fileMap = this.getFileMap(components, local);\n    const path = join(tmpdir(), `${Math.random().toString(36).slice(2, 11)}.json`);\n    outputFileSync(path, JSON.stringify(fileMap));\n    return path;\n  }\n\n  /**\n   * required for `bit start`\n   */\n  getDevEnvId(id?: string) {\n    if (typeof id !== 'string') return ReactAspect.id;\n    return id || ReactAspect.id;\n  }\n\n  /**\n   * get a schema generator instance configured with the correct tsconfig.\n   */\n  getSchemaExtractor(tsconfig: TsConfigSourceFile): SchemaExtractor {\n    return this.tsAspect.createSchemaExtractor(this.getTsConfig(tsconfig));\n  }\n\n  /**\n   * returns and configures the React component dev server.\n   * required for `bit start`\n   */\n  getDevServer(context: DevServerContext, transformers: WebpackConfigTransformer[] = []): DevServer {\n    const baseConfig = basePreviewConfigFactory(false);\n    const envDevConfig = envPreviewDevConfigFactory(context.id);\n    const componentDevConfig = componentPreviewDevConfigFactory(this.workspace.path, context.id);\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, envDevConfig, componentDevConfig]);\n      return merged;\n    };\n\n    return this.webpack.createDevServer(context, [defaultTransformer, ...transformers]);\n  }\n\n  async getBundler(context: BundlerContext, transformers: WebpackConfigTransformer[] = []): Promise<Bundler> {\n    return this.createComponentsWebpackBundler(context, transformers);\n  }\n\n  async createComponentsWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const componentProdConfig = componentPreviewProdConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, componentProdConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  async createTemplateWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    const baseConfig = basePreviewConfigFactory(!context.development);\n    const baseProdConfig = basePreviewProdConfigFactory(context.development);\n    const templateConfig = templateWebpackConfigFactory();\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const merged = configMutator.merge([baseConfig, baseProdConfig, templateConfig]);\n      return merged;\n    };\n    const mergedTransformers = [defaultTransformer, ...transformers];\n    return this.createWebpackBundler(context, mergedTransformers);\n  }\n\n  private async createWebpackBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = []\n  ): Promise<Bundler> {\n    return this.webpack.createBundler(context, transformers);\n  }\n\n  /**\n   * Get the peers configured by the env on the components + the host deps configured by the env\n   */\n  getPeerDependenciesList() {\n    return this.dependencyResolver.getPeerDependenciesListFromEnv(this);\n  }\n\n  getAdditionalHostDependencies(): string[] {\n    return ['@teambit/mdx.ui.mdx-scope-context', '@mdx-js/react', 'react'];\n  }\n\n  /**\n   * returns a path to a docs template.\n   */\n  getDocsTemplate() {\n    return require.resolve('@teambit/react.ui.docs-app');\n  }\n\n  icon = 'https://static.bit.dev/extensions-icons/react.svg';\n\n  /**\n   * returns the path to the compositions template\n   */\n  getMounter() {\n    return require.resolve('@teambit/react.ui.compositions-app');\n  }\n\n  getPreviewConfig() {\n    return {\n      strategyName: 'component',\n      splitComponentBundle: true,\n    };\n  }\n\n  /**\n   * define the package json properties to add to each component.\n   */\n  getPackageJsonProps(): PackageJsonProps {\n    // React compile by default to esm, so uses type module\n    // return this.getEsmPackageJsonProps();\n    return this.getCjsPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for a cjs component\n   * @returns\n   */\n  getCjsPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getCjsPackageJsonProps();\n  }\n\n  /**\n   * Get the default package.json props for an esm component\n   * @returns\n   */\n  getEsmPackageJsonProps(): PackageJsonProps {\n    return this.tsAspect.getEsmPackageJsonProps();\n  }\n\n  getNpmIgnore() {\n    // ignores only .ts files in the root directory, so d.ts files inside dists are unaffected.\n    // without this change, the package has \"index.ts\" file in the root, causing typescript to parse it instead of the\n    // d.ts files. (changing the \"types\" prop in the package.json file doesn't help).\n    return [`${CAPSULE_ARTIFACTS_DIR}/`];\n  }\n\n  /**\n   * adds dependencies to all configured components.\n   */\n  getDependencies() {\n    return {\n      dependencies: {\n        react: '-',\n        'react-dom': '-',\n        'core-js': '^3.0.0',\n      },\n      // TODO: add this only if using ts\n      devDependencies: {\n        react: '-',\n        'react-dom': '-',\n        '@types/mocha': '-',\n        '@types/node': '12.20.4',\n        '@types/react': '^17.0.8',\n        '@types/react-dom': '^17.0.5',\n        '@types/jest': '^26.0.0',\n        // This is added as dev dep since our jest file transformer uses babel plugins that require this to be installed\n        '@babel/runtime': '7.12.18',\n        '@types/testing-library__jest-dom': '5.9.5',\n      },\n      peerDependencies: {\n        react: '^16.8.0 || ^17.0.0',\n        'react-dom': '^16.8.0 || ^17.0.0',\n      },\n    };\n  }\n\n  /**\n   * returns the component build pipeline.\n   */\n  getBuildPipe(modifiers: GetBuildPipeModifiers = {}): BuildTask[] {\n    const transformers: TsConfigTransformer[] =\n      (modifiers?.tsModifier?.transformers as any as TsConfigTransformer[]) || [];\n    return [this.getCompilerTask(transformers, modifiers?.tsModifier?.module || ts), this.tester.task];\n  }\n\n  /**\n   * Get the react build pipeline without the compilation task.\n   * This help in cases you want to only replace the compilation task with something else\n   * @returns\n   */\n  getBuildPipeWithoutCompiler(): BuildTask[] {\n    const pipeWithoutCompiler = this.getBuildPipe().filter((task) => task.aspectId !== this.compilerAspectId);\n    return pipeWithoutCompiler;\n  }\n\n  /**\n   * Get a compiler task with react config and set to esm module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getEsmCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompiler = this.getTsEsmCompiler('build', transformers, tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  /**\n   * Get a compiler task with react config and set to cjs module\n   * @param transformers\n   * @param tsModule\n   * @returns\n   */\n  getCjsCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    const tsCompiler = this.getTsCjsCompiler('build', transformers, tsModule);\n    return this.compiler.createTask('TSCompiler', tsCompiler);\n  }\n\n  private getCompilerTask(transformers: TsConfigTransformer[] = [], tsModule = ts) {\n    return this.getCjsCompilerTask(transformers, tsModule);\n  }\n\n  async __getDescriptor() {\n    return {\n      type: ReactEnvType,\n    };\n  }\n}\n"],"mappings":"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"}