@teambit/react 1.0.1008 → 1.0.1009

package/artifacts/env-template/public/{252.3669dedd6628a68e9a63.js → 252.1f67635b160d3418ebf5.js}

@@ -18,7 +18,7 @@
       getSchema(id: $componentId, skipInternals: $skipInternals)
     }
   }
-`;function useAPI(componentId,apiNodeRenderers=[],options){var _a;const{data,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_SCHEMA,{variables:{componentId,skipInternals:options?.skipInternals,skip:!componentId}}),apiModel=!((_a=data?.getHost)===null||_a===void 0)&&_a.getSchema?api_reference_models_api_reference_model_1.APIReferenceModel.from(data,apiNodeRenderers):void 0;return{loading,apiModel}}},13707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.APIReferenceModel=void 0;function _semanticsEntities(){const data=__webpack_require__(14606);return _semanticsEntities=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(763));return _lodash=function(){return data},data}function _lodash2(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash2=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class APIReferenceModel{internalAPIKey(schema,internalFilePath){return this.generateInternalAPIKey(internalFilePath||schema.location.filePath,schema.name)}generateInternalAPIKey(filePath,name=""){return`${filePath}/${name}`}taggedAPINodes=[];constructor(_api,_renderers){this._api=_api,this.componentId=_api.componentId,this.apiNodes=this.mapToAPINode(_api,_renderers,this.componentId),this.apiByType=this.groupByType(this.apiNodes),this.apiByName=this.groupByName(this.apiNodes),this.taggedAPINodes=this.mapTaggedAPINode(_api,_renderers,this.componentId)}mapTaggedAPINode(api,renderers,componentId){const{taggedModuleExports}=api,defaultRenderers=renderers.filter(renderer=>renderer.default),nonDefaultRenderers=renderers.filter(renderer=>!renderer.default);return taggedModuleExports.map(schemaNode=>({componentId,api:schemaNode,exported:!0,renderer:nonDefaultRenderers.find(renderer=>renderer.predicate(schemaNode))||defaultRenderers.find(renderer=>renderer.predicate(schemaNode))})).filter(schemaNode=>schemaNode.renderer)}getByType(type){return this.apiByType.get(type)??[]}getByName(node,internalFilePath){if(!!node.name)return this.apiByName.get(node.name)??this.apiByName.get(this.internalAPIKey(node,internalFilePath))}groupByType(apiNodes){return apiNodes.reduce((accum,next)=>{const existing=accum.get(next.renderer.nodeType)||[];return accum.set(next.renderer.nodeType,existing.concat(next)),accum},new Map)}groupByName(apiNodes){return apiNodes.reduce((accum,next)=>{const name=next.alias||next.api.name;if(!name)return accum;const key=next.exported?name:this.internalAPIKey(next.api);return accum.set(key,next),accum},new Map)}isInternalTypeReference(node){return node.__schema==="TypeRefSchema"&&node.isInternalReference()}mapToAPINode(api,renderers,componentId){const{exports:exportedSchemaNodes}=api.module,collectedInternals=[];exportedSchemaNodes.forEach(exportedNode=>{if(_semanticsEntities().ModuleSchema.isModuleSchema(exportedNode)){exportedSchemaNodes.push(...exportedNode.exports),collectedInternals.push(...exportedNode.internals);return}const targetNode=_semanticsEntities().ExportSchema.isExportSchema(exportedNode)?exportedNode.exportNode:exportedNode;targetNode.getAllNodesRecursively().forEach(descendant=>{descendant!==targetNode&&this.isInternalTypeReference(descendant)&&collectedInternals.push(descendant)})});const dedupedInternalsMap=new Map;for(const node of collectedInternals){const key=this.internalAPIKey(node);dedupedInternalsMap.has(key)||dedupedInternalsMap.set(key,node)}const internalSchemaNodes=Array.from(dedupedInternalsMap.values()),defaultRenderers=renderers.filter(renderer=>renderer.default),nonDefaultRenderers=renderers.filter(renderer=>!renderer.default),exportedAPINodes=exportedSchemaNodes.map(schemaNode=>{const targetNode=_semanticsEntities().ExportSchema.isExportSchema(schemaNode)?schemaNode.exportNode:schemaNode;return{componentId,api:targetNode,alias:_semanticsEntities().ExportSchema.isExportSchema(schemaNode)?schemaNode.alias:void 0,exported:!0,renderer:nonDefaultRenderers.find(renderer=>renderer.predicate(targetNode))||defaultRenderers.find(renderer=>renderer.predicate(targetNode))}}),internalAPINodes=internalSchemaNodes.map(schemaNode=>{const internalSchemaNode=(0,_lodash2().default)((0,_lodash().default)(api.internals.flatMap(i=>i.exports).map(e=>e.findNode(s=>s.name===schemaNode.name&&s.__schema!=="TypeRefSchema"))))||schemaNode;return{componentId,api:internalSchemaNode,exported:!1,renderer:nonDefaultRenderers.find(renderer=>renderer.predicate(internalSchemaNode))||defaultRenderers.find(renderer=>renderer.predicate(internalSchemaNode))}});return exportedAPINodes.concat(internalAPINodes).filter(node=>node.renderer)}static from(result,renderers=[]){try{const apiSchema=_semanticsEntities().APISchema.fromObject(result.getHost.getSchema);return new APIReferenceModel(apiSchema,renderers)}catch{return new APIReferenceModel(_semanticsEntities().APISchema.empty(_componentId().ComponentID.fromObject(result.getHost.getSchema.componentId)),renderers)}}}exports.APIReferenceModel=APIReferenceModel},42983:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"APINode",{enumerable:!0,get:function(){return _apiReferenceModel().APINode}}),Object.defineProperty(exports,"APIReferenceModel",{enumerable:!0,get:function(){return _apiReferenceModel().APIReferenceModel}}),Object.defineProperty(exports,"SchemaQueryResult",{enumerable:!0,get:function(){return _apiReferenceModel().SchemaQueryResult}});function _apiReferenceModel(){const data=__webpack_require__(13707);return _apiReferenceModel=function(){return data},data}},8979:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{mN:()=>useForm2});var react=__webpack_require__(36672);const form_context_FormContext=(0,react.createContext)({});function use_form_context_useFormContext(){const[errors,setErrors]=useState({}),[values,setValues]=useState({}),handleValidate=useCallback((name,message)=>setErrors(prevErrors=>{const nextMessage=Object.assign(Object.assign({},prevErrors),{[name]:message});return message===void 0&&delete nextMessage[name],nextMessage}),[]),handleBlur=useCallback(event=>setErrors(prevErrors=>{const target=event.target||event;return!target.required||!!prevErrors[target.name]?prevErrors:Object.assign(Object.assign({},prevErrors),{[target.name]:null})}),[]);return{errors,onBlur:handleBlur,onValidate:handleValidate,onChange:event=>{event.persist(),setValues(prevValues=>{const target=event.target||event;return Object.assign(Object.assign({},prevValues),{[target.name]:target.value})})},values}}var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function Form(_a){var{children,onSubmit,onChange}=_a,rest=__rest(_a,["children","onSubmit","onChange"]);const context=useFormContext();return React.createElement(FormContext.Provider,{value:context},React.createElement("form",Object.assign({onSubmit:e=>{e.preventDefault(),onSubmit&&onSubmit(e,context.values)},onChange:e=>{const target=e.target,nextValue={[target.name]:target.value};onChange&&onChange(e,Object.assign(Object.assign({},context.values),nextValue))}},rest),children))}const useForm2=()=>(0,react.useContext)(form_context_FormContext)},28478:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=void 0;var row_1=__webpack_require__(25454);Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return row_1.Row}})},25454:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(96265)),row_module_scss_1=__importDefault(__webpack_require__(19107));function Row(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(row_module_scss_1.default.row,className)},rest),children)}exports.Row=Row},84669:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.computeCssVars=exports.createThemeProvider=void 0;const react_1=__importStar(__webpack_require__(36672));function createThemeProvider(ThemeContext,options){return _a=>{var{children,overrides,style}=_a,rest=__rest(_a,["children","overrides","style"]);const theme=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},options.theme),overrides),[options.theme,overrides]);if(options.withoutCssVars)return react_1.default.createElement(ThemeContext.Provider,{value:theme},children);const cssVars=computeCssVars(theme,options.prefix);return react_1.default.createElement("div",Object.assign({style:Object.assign(Object.assign({},cssVars),style)},rest),react_1.default.createElement(ThemeContext.Provider,{value:theme},children))}}exports.createThemeProvider=createThemeProvider;function computeCssVars(theme,prefix){return Object.entries(theme).map(([key,val])=>{const varName=key.replace(/[A-Z]/g,"-$&").toLowerCase();return[prefix?`--${prefix}-${varName}`:`--${varName}`,val]}).reduce((acc,[key,val])=>(acc[key]=val,acc),{})}exports.computeCssVars=computeCssVars},68667:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createTheme=void 0;const react_1=__webpack_require__(36672),create_theme_provider_1=__webpack_require__(84669);function createTheme({theme,prefix,withoutCssVars}){const ThemeContext=(0,react_1.createContext)(theme);return{ThemeProvider:(0,create_theme_provider_1.createThemeProvider)(ThemeContext,{theme,prefix,withoutCssVars}),useTheme:()=>(0,react_1.useContext)(ThemeContext)}}exports.createTheme=createTheme},67235:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.a=void 0;var create_theme_1=__webpack_require__(68667);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return create_theme_1.createTheme}})},37813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeToggler=exports.useThemePicker=exports.useThemeByName=exports.useNextTheme=exports.ThemePickerContext=exports.ThemeSwitcher=void 0;var theme_switcher_1=__webpack_require__(66138);Object.defineProperty(exports,"ThemeSwitcher",{enumerable:!0,get:function(){return theme_switcher_1.ThemeSwitcher}});var theme_picker_context_1=__webpack_require__(52181);Object.defineProperty(exports,"ThemePickerContext",{enumerable:!0,get:function(){return theme_picker_context_1.ThemePickerContext}}),Object.defineProperty(exports,"useNextTheme",{enumerable:!0,get:function(){return theme_picker_context_1.useNextTheme}}),Object.defineProperty(exports,"useThemeByName",{enumerable:!0,get:function(){return theme_picker_context_1.useThemeByName}}),Object.defineProperty(exports,"useThemePicker",{enumerable:!0,get:function(){return theme_picker_context_1.useThemePicker}});var theme_toggler_1=__webpack_require__(91395);Object.defineProperty(exports,"ThemeToggler",{enumerable:!0,get:function(){return theme_toggler_1.ThemeToggler}})},52181:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNextTheme=exports.useThemeByName=exports.useThemePicker=exports.ThemePickerContext=void 0;const react_1=__webpack_require__(36672);exports.ThemePickerContext=(0,react_1.createContext)(void 0);function useThemePicker(){return(0,react_1.useContext)(exports.ThemePickerContext)}exports.useThemePicker=useThemePicker;function useThemeByName(themeName){const themes=useThemePicker();if(!(!themeName||!themes))return themes.options.find(theme=>theme.themeName===themeName)}exports.useThemeByName=useThemeByName;function useNextTheme(){const themes=useThemePicker();return(0,react_1.useCallback)(()=>{if(!themes)return;const{options,setTheme,currentIdx}=themes,nextIdx=(currentIdx+1)%options.length,next=options[nextIdx];setTheme(next)},[themes])}exports.useNextTheme=useNextTheme},66138:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeSwitcher=void 0;const react_1=__importStar(__webpack_require__(36672)),theme_picker_context_1=__webpack_require__(52181);function ThemeSwitcher(_a){var{children,themes,activeTheme,handleThemeChange,defaultTheme}=_a,props=__rest(_a,["children","themes","activeTheme","handleThemeChange","defaultTheme"]);const explicitValue=typeof activeTheme=="string"?themes.find(x=>x.themeName===activeTheme):activeTheme,getInitialOption=(0,react_1.useCallback)(()=>explicitValue||defaultTheme&&themes.find(x=>x.themeName===defaultTheme)||themes[0],[defaultTheme,themes,explicitValue]),[theme,setTheme]=(0,react_1.useState)(getInitialOption);(0,react_1.useEffect)(()=>{setTheme(getInitialOption)},[defaultTheme,getInitialOption]);const currentTheme=explicitValue||theme,picker={setTheme:themeTarget=>{handleThemeChange?.(themeTarget),setTheme(()=>themeTarget)},current:currentTheme,get currentIdx(){return this.current?this.options.indexOf(this.current):-1},options:themes},Provider=currentTheme,forwardProps=props;return react_1.default.createElement(theme_picker_context_1.ThemePickerContext.Provider,{value:picker},Provider?react_1.default.createElement(Provider,Object.assign({},forwardProps),children):children)}exports.ThemeSwitcher=ThemeSwitcher},91395:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeToggler=void 0;const react_1=__importDefault(__webpack_require__(36672)),theme_picker_context_1=__webpack_require__(52181);function ThemeToggler(_a){var{onClick}=_a,props=__rest(_a,["onClick"]);const applyNextTheme=(0,theme_picker_context_1.useNextTheme)(),handleClick=e=>{onClick?.(e),!e.defaultPrevented&&applyNextTheme()};return react_1.default.createElement("button",Object.assign({},props,{onClick:handleClick}))}exports.ThemeToggler=ThemeToggler},79581:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},79170:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(56361));__exportStar(__webpack_require__(79581),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},9420:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},33377:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(22034));__exportStar(__webpack_require__(9420),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},48090:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.roundnessClass=void 0;const roundness_module_scss_1=__importDefault(__webpack_require__(17042));__exportStar(__webpack_require__(3628),exports),exports.roundnessClass={circle:roundness_module_scss_1.default.circle,default:roundness_module_scss_1.default.default,small:roundness_module_scss_1.default.small,medium:roundness_module_scss_1.default.medium,sharp:roundness_module_scss_1.default.sharp}},3628:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},77459:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DotsLoader=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),dots_loader_module_scss_1=__importDefault(__webpack_require__(22552));function DotsLoader(_a){var{className}=_a,rest=__rest(_a,["className"]);return react_1.default.createElement("span",Object.assign({},rest,{className:classnames_1.default(className,dots_loader_module_scss_1.default.dotsLoader)}),react_1.default.createElement("span",null,"\u25CF"),react_1.default.createElement("span",null,"\u25CF"),react_1.default.createElement("span",null,"\u25CF"))}exports.DotsLoader=DotsLoader},57991:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(77459),exports)},24431:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BaseIcon=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500));function BaseIcon(_a){var{of:iconName,className}=_a,rest=__rest(_a,["of","className"]);return react_1.default.createElement("span",Object.assign({"data-bit-id":"teambit.base-ui/elements/icon",className:classnames_1.default(iconName,className)},rest))}exports.BaseIcon=BaseIcon},67446:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(24431),exports)},41896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(36672);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},8262:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(41896);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(66734);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},66734:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(36672);function useClickOutside(ref,handler,enabled=!0){react_1.useEffect(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},19851:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(36672);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},58857:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(19851);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(59941);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},59941:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(36672);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},28355:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),button_module_scss_1=__importDefault(__webpack_require__(86624)),base_ui_elements_dots_loader_1=__webpack_require__(57991);class Button2 extends react_1.Component{constructor(){super(...arguments);this.state={isLoading:!1},this.activePromises=new Set,this.unmounted=!1,this.handleClick=event=>{const{onClick}=this.props;if(!onClick)return;this.setState({isLoading:!0});const promise=Promise.resolve(onClick.call(this,event)).catch(()=>{});this.activePromises.add(promise),promise.then(()=>this.handleResolve(promise))}}componentWillUnmount(){this.unmounted=!0,this.activePromises=new Set}handleResolve(p){this.unmounted||(this.activePromises.delete(p),this.activePromises.size===0&&this.setState({isLoading:!1}))}render(){const _a=this.props,{onClick,className,children,loader,loading,disabled,activeWhenLoading=!1}=_a,rest=__rest(_a,["onClick","className","children","loader","loading","disabled","activeWhenLoading"]),isLoading=loading!==void 0&&loading||this.state.isLoading,content=isLoading?loader:children,disabledByLoading=isLoading&&!activeWhenLoading;return react_1.default.createElement("button",Object.assign({"data-bit-id":"teambit.base-ui/input/button"},rest,{disabled:disabled||disabledByLoading,onClick:this.handleClick,className:(0,classnames_1.default)(className,button_module_scss_1.default.vanillaButton)}),content)}}exports.default=Button2,Button2.defaultProps={loader:react_1.default.createElement(base_ui_elements_dots_loader_1.DotsLoader,null),loading:!1}},25123:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var button_1=__webpack_require__(28355);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(button_1).default}}),__exportStar(__webpack_require__(28355),exports)},53361:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button2});var react=__webpack_require__(36672),classnames2=__webpack_require__(97500),classnames_default=__webpack_require__.n(classnames2);const button_module={vanillaButton:"button_vanillaButton__ipheB"};var dist=__webpack_require__(71587),__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};class Button2 extends react.Component{constructor(){super(...arguments);this.state={isLoading:!1},this.activePromises=new Set,this.unmounted=!1,this.handleClick=event=>{const{onClick}=this.props;if(!onClick)return;this.setState({isLoading:!0});const promise=Promise.resolve(onClick.call(this,event)).catch(()=>{});this.activePromises.add(promise),promise.then(()=>this.handleResolve(promise))}}componentWillUnmount(){this.unmounted=!0,this.activePromises=new Set}handleResolve(p){this.unmounted||(this.activePromises.delete(p),this.activePromises.size===0&&this.setState({isLoading:!1}))}render(){const _a=this.props,{onClick,className,children,loader,loading,disabled,activeWhenLoading=!1}=_a,rest=__rest(_a,["onClick","className","children","loader","loading","disabled","activeWhenLoading"]),isLoading=loading!==void 0&&loading||this.state.isLoading,content=isLoading?loader:children,disabledByLoading=isLoading&&!activeWhenLoading;return react.createElement("button",Object.assign({"data-bit-id":"teambit.base-ui/input/button"},rest,{disabled:disabled||disabledByLoading,onClick:this.handleClick,className:classnames_default()(className,button_module.vanillaButton)}),content)}}Button2.defaultProps={loader:react.createElement(dist.m,null),loading:!1}},97458:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HiddenCheckbox=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),hidden_checkbox_module_scss_1=__importDefault(__webpack_require__(79015));function HiddenCheckbox(_a){var{className,type="checkbox"}=_a,rest=__rest(_a,["className","type"]);return react_1.default.createElement("input",Object.assign({},rest,{type,className:(0,classnames_1.default)(className,hidden_checkbox_module_scss_1.default.hidden)}))}exports.HiddenCheckbox=HiddenCheckbox},40964:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HiddenCheckbox=void 0;var hidden_checkbox_1=__webpack_require__(97458);Object.defineProperty(exports,"HiddenCheckbox",{enumerable:!0,get:function(){return hidden_checkbox_1.HiddenCheckbox}})},52139:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxIndicator=exports.classes=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),checkbox_indicator_module_scss_1=__importDefault(__webpack_require__(39152));exports.classes={checkedIndicator:checkbox_indicator_module_scss_1.default.checkedIndicator,defaultCheckbox:checkbox_indicator_module_scss_1.default.defaultCheckbox};function CheckboxIndicator(props){const{className=exports.classes.defaultCheckbox}=props;return react_1.default.createElement("span",Object.assign({},props,{className:classnames_1.default(className,exports.classes.checkedIndicator)}))}exports.CheckboxIndicator=CheckboxIndicator},54483:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.classes=exports.CheckboxIndicator=void 0;var checkbox_indicator_1=__webpack_require__(52139);Object.defineProperty(exports,"CheckboxIndicator",{enumerable:!0,get:function(){return checkbox_indicator_1.CheckboxIndicator}}),Object.defineProperty(exports,"classes",{enumerable:!0,get:function(){return checkbox_indicator_1.classes}})},62442:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxLabel=exports.Input=void 0;const react_1=__importDefault(__webpack_require__(36672)),base_ui_input_checkbox_hidden_1=__webpack_require__(40964);Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return base_ui_input_checkbox_hidden_1.HiddenCheckbox}});const base_ui_input_checkbox_indicator_1=__webpack_require__(54483);function CheckboxLabel(_a){var{checked,defaultChecked,onInputChanged,type,disabled,name,required,value,input=react_1.default.createElement(base_ui_input_checkbox_hidden_1.HiddenCheckbox,{defaultChecked,onChange:onInputChanged,checked,disabled,type,name,value,required}),indicator=react_1.default.createElement(base_ui_input_checkbox_indicator_1.CheckboxIndicator,{className:base_ui_input_checkbox_indicator_1.classes.defaultCheckbox}),children}=_a,rest=__rest(_a,["checked","defaultChecked","onInputChanged","type","disabled","name","required","value","input","indicator","children"]);return react_1.default.createElement("label",Object.assign({},rest),input,indicator,children)}exports.CheckboxLabel=CheckboxLabel},43894:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.pd=exports.Sb=void 0;var checkbox_label_1=__webpack_require__(62442);Object.defineProperty(exports,"Sb",{enumerable:!0,get:function(){return checkbox_label_1.CheckboxLabel}}),Object.defineProperty(exports,"pd",{enumerable:!0,get:function(){return checkbox_label_1.Input}})},61479:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Error=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),error_module_scss_1=__importDefault(__webpack_require__(12124));function Error2(props){const{className,children}=props,rest=__rest(props,["className","children"]);return children?react_1.default.createElement("div",Object.assign({className:classnames_1.default(error_module_scss_1.default.error,className)},rest),children):null}exports.Error=Error2},78461:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(61479),exports)},13986:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colGridXl=exports.colGridLg=exports.colGridL=exports.colGridMd=exports.colGridSm=exports.colGridXs=exports.colGrid=void 0;const grid_template_module_scss_1=__importDefault(__webpack_require__(92108));exports.colGrid=makePreset("all"),exports.colGridXs=makePreset("xs"),exports.colGridSm=makePreset("sm"),exports.colGridMd=makePreset("md"),exports.colGridL=makePreset("l"),exports.colGridLg=makePreset("lg"),exports.colGridXl=makePreset("xl");function makePreset(breakPoints){const obj={};for(var i=1;i<=12;i++)obj[i]=grid_template_module_scss_1.default[`colTemplate--${breakPoints}-${i}`];return obj}},72298:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Grid=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),grid_module_scss_1=__importDefault(__webpack_require__(51055)),grid_template_1=__webpack_require__(13986);class Grid extends react_1.PureComponent{render(){const _a=this.props,{className,col,colL,colLg,colMd,colSm,colXl,colXs}=_a,rest=__rest(_a,["className","col","colL","colLg","colMd","colSm","colXl","colXs"]),classes=[className,grid_module_scss_1.default.gridContainer];return col!==void 0&&classes.push(grid_template_1.colGrid[col]),colL!==void 0&&classes.push(grid_template_1.colGridL[colL]),colLg!==void 0&&classes.push(grid_template_1.colGridLg[colLg]),colMd!==void 0&&classes.push(grid_template_1.colGridMd[colMd]),colSm!==void 0&&classes.push(grid_template_1.colGridSm[colSm]),colXl!==void 0&&classes.push(grid_template_1.colGridXl[colXl]),colXs!==void 0&&classes.push(grid_template_1.colGridXs[colXs]),react_1.default.createElement("div",Object.assign({"data-bit-id":"teambit.base-ui/layout/grid-component"},rest,{className:(0,classnames_1.default)(...classes)}))}}exports.Grid=Grid},29984:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.x=void 0;var grid_1=__webpack_require__(72298);Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return grid_1.Grid}})},34578:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.textColumn=exports.wideColumn=exports.centerColumn=void 0;const page_frame_module_scss_1=__importDefault(__webpack_require__(68376));exports.centerColumn=page_frame_module_scss_1.default.centerColumn,exports.wideColumn=page_frame_module_scss_1.default.wideColumn,exports.textColumn=page_frame_module_scss_1.default.textColumn},46867:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BlockSkeleton:()=>BlockSkeleton,CircleSkeleton:()=>CircleSkeleton,LineSkeleton:()=>LineSkeleton,Skeleton:()=>Skeleton,WordSkeleton:()=>WordSkeleton});var jsx_runtime=__webpack_require__(23420),classnames2=__webpack_require__(97500),classnames_default=__webpack_require__.n(classnames2);const skeleton_module={skeleton:"skeleton_skeleton__V2BWp",block:"skeleton_block__mfodU",circle:"skeleton_circle__80kPw",skeletonContent:"skeleton_skeletonContent__OGN5i",line:"skeleton_line__V1RZp",word:"skeleton_word__Csvpx"},skeleton_design_module={skeletonContent:"skeleton-design_skeletonContent__531zg",line:"skeleton-design_line__cB6JR",word:"skeleton-design_word__-gPEK",shimmer:"skeleton-design_shimmer__T1M5Y",skeleton:"skeleton-design_skeleton__nm2gR",block:"skeleton-design_block__IJ5fC",circle:"skeleton-design_circle__DTRdE",placeHolderShimmer:"skeleton-design_placeHolderShimmer__MGi45","skeleton-effect-fade":"skeleton-design_skeleton-effect-fade__2tWRb"};var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const NBSP="\xA0";function Skeleton(_a){var{designClass=skeleton_design_module.skeleton,className}=_a,rest=__rest(_a,["designClass","className"]);return(0,jsx_runtime.jsx)("div",Object.assign({},rest,{className:classnames_default()(skeleton_module.skeleton,designClass,className)}))}function WordSkeleton(_a){var{length=5,designClass=skeleton_design_module.word,className,style}=_a,rest=__rest(_a,["length","designClass","className","style"]);return(0,jsx_runtime.jsx)("span",Object.assign({},rest,{className:classnames_default()(skeleton_module.word,className,designClass),style:Object.assign({},style),children:(0,jsx_runtime.jsx)("span",{children:Array.from({length}).map(()=>NBSP)})}))}function LineSkeleton(_a){var{width,count=1,designClass=skeleton_design_module.line,className,style}=_a,rest=__rest(_a,["width","count","designClass","className","style"]);return(0,jsx_runtime.jsx)("div",Object.assign({},rest,{className:classnames_default()(skeleton_module.line,designClass,className),style:Object.assign({width},style),children:Array.from({length:count}).map((x,index)=>(0,jsx_runtime.jsx)("div",{children:NBSP},index))}))}function CircleSkeleton(_a){var{size=2,designClass=skeleton_design_module.circle,className,style}=_a,rest=__rest(_a,["size","designClass","className","style"]);return(0,jsx_runtime.jsx)("span",Object.assign({},rest,{className:classnames_default()(skeleton_module.circle,className,designClass),style:Object.assign({height:`${size}em`,width:`${size}em`,lineHeight:size},style),children:NBSP}))}function BlockSkeleton(_a){var{lines=5,designClass=skeleton_design_module.block,className,style}=_a,rest=__rest(_a,["lines","designClass","className","style"]);return(0,jsx_runtime.jsx)("div",Object.assign({},rest,{className:classnames_default()(skeleton_module.block,designClass,className),style:Object.assign({height:`${lines}em`},style)}))}function title(){return _jsx("div",{style:{marginBottom:"1em"},children:_jsx(WordSkeleton,{style:{fontSize:18}})})}},55826:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.flexCenter=void 0;const flex_center_module_scss_1=__importDefault(__webpack_require__(76746));exports.flexCenter=flex_center_module_scss_1.default.flexCenter},80003:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Containee=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),react_create_ref_1=__importDefault(__webpack_require__(17478)),abs_container_module_scss_1=__importDefault(__webpack_require__(34427)),positions_module_scss_1=__importDefault(__webpack_require__(5494)),displacement_module_scss_1=__importDefault(__webpack_require__(69351));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},43265:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(80003),exports)},43803:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Container=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),abs_container_module_scss_1=__importDefault(__webpack_require__(34427));exports.Container=react_1.forwardRef(function(_a,ref){var{className,open}=_a,rest=__rest(_a,["className","open"]);return react_1.default.createElement("div",Object.assign({ref,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open},rest))})},68932:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(43803),exports)},42692:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(34427));__exportStar(__webpack_require__(43265),exports),__exportStar(__webpack_require__(68932),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},54328:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Containee=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),react_create_ref_1=__importDefault(__webpack_require__(17478)),abs_container_module_scss_1=__importDefault(__webpack_require__(12994)),positions_module_scss_1=__importDefault(__webpack_require__(80299)),displacement_module_scss_1=__importDefault(__webpack_require__(11344));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},9350:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(54328),exports)},61424:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Container=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),abs_container_module_scss_1=__importDefault(__webpack_require__(12994));function Container(_a){var{className,open,margin,indent,forwardRef,style}=_a,rest=__rest(_a,["className","open","margin","indent","forwardRef","style"]);return react_1.default.createElement("div",Object.assign({ref:forwardRef,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open,style:addDisplacement(margin,indent,style)},rest))}exports.Container=Container;function addDisplacement(margin,indent,baseStyles){if(!margin&&!indent)return baseStyles;const displacement={"--bit-drawer-margin":pixalize(margin),"--bit-drawer-indent":pixalize(indent)};return Object.assign(Object.assign({},baseStyles),displacement)}function pixalize(value){return typeof value=="number"?`${value}px`:value}},65231:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(61424),exports)},54823:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(12994));__exportStar(__webpack_require__(9350),exports),__exportStar(__webpack_require__(65231),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},30219:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(47712));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},89828:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(271));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},42029:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Card=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),card_module_scss_1=__importDefault(__webpack_require__(1254)),base_ui_css_components_elevation_1=__webpack_require__(79170),base_ui_css_components_roundness_1=__webpack_require__(48090),base_ui_surfaces_background_1=__webpack_require__(30219);function Card(_a){var{className,elevation="low",roundness="default"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement("div",Object.assign({"data-bit-id":"teambit.base-ui/surfaces/card",className:classnames_1.default(card_module_scss_1.default.card,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],className)},rest))}exports.Card=Card,Card.defaultProps={elevation:"low",roundness:"default"}},3847:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(42029),exports)},20903:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),drawer_module_scss_1=__importDefault(__webpack_require__(60462));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},97365:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(36672)),base_ui_surfaces_abs_container_1=__webpack_require__(42692),base_ui_hook_use_click_outside_1=__webpack_require__(8262),react_create_ref_1=__importDefault(__webpack_require__(17478)),default_placeholder_1=__webpack_require__(20903);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=react_create_ref_1.default(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{ref:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},46082:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(97365),exports)},76066:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),drawer_module_scss_1=__importDefault(__webpack_require__(89807));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},11314:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(36672)),base_ui_surfaces_abs_container_1=__webpack_require__(54823),base_ui_hook_use_click_outside_1=__webpack_require__(8262),react_create_ref_1=__importDefault(__webpack_require__(17478)),default_placeholder_1=__webpack_require__(76066);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=react_create_ref_1.default(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},53983:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(11314),exports)},15681:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),drawer_module_scss_1=__importDefault(__webpack_require__(316));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},84663:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(36672)),base_ui_surfaces_abs_container_1=__webpack_require__(54823),base_ui_hook_use_click_outside_1=__webpack_require__(58857),react_create_ref_1=__importDefault(__webpack_require__(17478)),default_placeholder_1=__webpack_require__(15681);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},91456:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(84663),exports)},74222:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(6447),exports)},6447:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverSplitter=void 0;const base_ui_surfaces_split_pane_splitter_1=__webpack_require__(57520),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),splitter_module_scss_1=__importDefault(__webpack_require__(29292));function HoverSplitter(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(base_ui_surfaces_split_pane_splitter_1.Splitter,Object.assign({},rest,{className:classnames_1.default(splitter_module_scss_1.default.hoverSplitter,className)}),react_1.default.createElement("div",{className:splitter_module_scss_1.default.highlighter}),children)}exports.HoverSplitter=HoverSplitter},88517:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(3770),exports)},3770:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverSplitter=void 0;const base_ui_surfaces_split_pane_splitter_1=__webpack_require__(57520),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),splitter_module_scss_1=__importDefault(__webpack_require__(90255));function HoverSplitter(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(base_ui_surfaces_split_pane_splitter_1.Splitter,Object.assign({},rest,{className:(0,classnames_1.default)(splitter_module_scss_1.default.hoverSplitter,className)}),react_1.default.createElement("div",{className:splitter_module_scss_1.default.highlighter}),children)}exports.HoverSplitter=HoverSplitter},51590:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(78285),exports)},78285:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default_layout=exports.layoutToggleMap=exports.Layout=exports.LayoutFeatures=void 0;var LayoutFeatures;(function(LayoutFeatures2){LayoutFeatures2.row="row",LayoutFeatures2.column="column",LayoutFeatures2.reverse="reverse",LayoutFeatures2.first="first",LayoutFeatures2.last="last"})(LayoutFeatures=exports.LayoutFeatures||(exports.LayoutFeatures={}));var Layout;(function(Layout2){Layout2.row="row",Layout2.rowReverse="row reverse",Layout2.column="column",Layout2.columnReverse="column reverse",Layout2.top="column first",Layout2.bottom="column last",Layout2.topReverse="column reverse first",Layout2.bottomReverse="column reverse last ",Layout2.left="row first",Layout2.right="row last",Layout2.leftReverse="row reverse first",Layout2.rightReverse="row reverse last"})(Layout=exports.Layout||(exports.Layout={})),exports.layoutToggleMap={[Layout.columnReverse]:Layout.row,[Layout.row]:Layout.columnReverse},exports.default_layout=Layout.row},30598:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(11210),exports)},11210:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pane=void 0;const base_ui_surfaces_split_pane_layout_1=__webpack_require__(51590),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),pane_module_scss_1=__importDefault(__webpack_require__(13647));function Pane(_a){var{size,style,layout,className}=_a,rest=__rest(_a,["size","style","layout","className"]);const runtimeStyles={},sizeProp=layoutToStyle(layout);return sizeProp&&size!==void 0&&(runtimeStyles[sizeProp]=size,runtimeStyles.flexShrink=0),size===void 0&&(runtimeStyles.flexGrow=1,runtimeStyles.flexBasis=0),react_1.default.createElement("div",Object.assign({},rest,{className:classnames_1.default(pane_module_scss_1.default.pane,className),style:Object.assign(Object.assign({},style),runtimeStyles)}))}exports.Pane=Pane;function layoutToStyle(layout){if(!!layout){if(layout.includes(base_ui_surfaces_split_pane_layout_1.LayoutFeatures.column))return"height";if(layout.includes(base_ui_surfaces_split_pane_layout_1.LayoutFeatures.row))return"width"}}},76850:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcSplit=void 0;const base_ui_surfaces_split_pane_layout_1=__webpack_require__(51590);function calcSplit(snapshot,layout,defaultSize){let splitSize=calcPixels(snapshot,layout,defaultSize);return layout.includes(base_ui_surfaces_split_pane_layout_1.LayoutFeatures.reverse)&&splitSize.reverse(),(splitSize[0]===void 0||splitSize[1]===void 0)&&(splitSize=autoCalcComplementary(splitSize)),splitSize}exports.calcSplit=calcSplit;function autoCalcComplementary([a,b]){return a===void 0&&b===void 0?[void 0,void 0]:b===void 0?[a,calcComplemetSize(a)]:a===void 0?[calcComplemetSize(b),b]:[a,b]}function calcComplemetSize(size){if(size!==void 0){if(typeof size=="number")return`calc(100% - ${size}px)`;if(size.endsWith("px"))return`calc(100% - ${size})`;if(size.endsWith("%")){const sizeAsNumber=+size.replace("%","");return Number.isNaN(sizeAsNumber)?void 0:`${100-sizeAsNumber}%`}if(!Number.isNaN(+size))return`calc(100% - ${size}px)`}}function calcPixels(snapshot,layout,defaultSize){const{row,column,first,last}=base_ui_surfaces_split_pane_layout_1.LayoutFeatures,features=new Set(layout.split(" "));return features.has(first)?["100%","0%"]:features.has(last)?["0%","100%"]:features.has(row)?snapshot?.x===void 0?calcDefaultSize(defaultSize):typeof defaultSize=="string"&&defaultSize.endsWith("%")?[`${100*snapshot.x/snapshot.width}%`,void 0]:[snapshot.x,void 0]:features.has(column)?snapshot?.y===void 0?calcDefaultSize(defaultSize):typeof defaultSize=="string"&&defaultSize.endsWith("%")?[`${100*snapshot.y/snapshot.height}%`,void 0]:[snapshot.y,void 0]:[void 0,void 0]}function calcDefaultSize(defaultSize){return defaultSize?typeof defaultSize=="number"&&defaultSize<0?[void 0,-defaultSize]:typeof defaultSize=="string"&&defaultSize.startsWith("-")?[void 0,defaultSize.substring(1)]:[defaultSize,void 0]:[void 0,void 0]}},26424:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SplitPane=void 0,__exportStar(__webpack_require__(51590),exports),__exportStar(__webpack_require__(30598),exports),__exportStar(__webpack_require__(57520),exports);var split_pane_1=__webpack_require__(69099);Object.defineProperty(exports,"SplitPane",{enumerable:!0,get:function(){return split_pane_1.SplitPane}})},90627:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.limit=void 0;function limit(value,min,max){return min!==void 0&&value<min?min:max!==void 0&&value>max?max:value}exports.limit=limit},69099:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SplitPane=void 0;const base_ui_surfaces_split_pane_layout_1=__webpack_require__(51590),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),calc_split_1=__webpack_require__(76850),split_pane_module_scss_1=__importDefault(__webpack_require__(88464)),use_drag_tracker_1=__webpack_require__(63255);function SplitPane(_a){var{layout=base_ui_surfaces_split_pane_layout_1.Layout.column,size="38%",className,children}=_a,rest=__rest(_a,["layout","size","className","children"]);const containerRef=react_1.default.createRef(),[snapshot,isDragging,setDragging]=use_drag_tracker_1.useDragTracker(containerRef),[A,B]=calc_split_1.calcSplit(snapshot,layout,size),[left,splitter,right]=children,leftWithSize=react_1.default.cloneElement(left,{size:A,layout}),rightWithSize=react_1.default.cloneElement(right,{size:B,layout}),splitterWithDrag=react_1.default.cloneElement(splitter,{onDragging:setDragging,isDragging});return react_1.default.createElement("div",Object.assign({},rest,{ref:containerRef,className:classnames_1.default(isDragging&&split_pane_module_scss_1.default.isDragging,split_pane_module_scss_1.default.splitPane,className),"data-is-dragging":isDragging,"data-split-layout":layout}),leftWithSize,splitterWithDrag,rightWithSize)}exports.SplitPane=SplitPane},62358:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toRelativePosition=void 0;const limit_1=__webpack_require__(90627);function toRelativePosition({clientX,clientY,element}){const boundingRect=element.getBoundingClientRect(),{left,top,width=1,height=1}=boundingRect,x=limit_1.limit(clientX-left,0,width),y=limit_1.limit(clientY-top,0,height);return{x,y,width,height}}exports.toRelativePosition=toRelativePosition},63255:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDragTracker=void 0;const react_1=__webpack_require__(36672),to_relative_position_1=__webpack_require__(62358),use_pointer_drag_1=__webpack_require__(97918);function useDragTracker(containerRef){const[snapshot,setSnapshot]=react_1.useState(void 0),handleDrag=react_1.useCallback(({clientX,clientY})=>{if(!containerRef.current)return;const position=to_relative_position_1.toRelativePosition({clientX,clientY,element:containerRef.current});setSnapshot(position)},[containerRef]),[isDragging,setDragging]=use_pointer_drag_1.useDragListener(handleDrag);return[snapshot,isDragging,setDragging]}exports.useDragTracker=useDragTracker},97918:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDragListener=void 0;const react_1=__webpack_require__(36672);function useDragListener(onDrag){const draggingState=react_1.useState(!1),[isDragging,setDragging]=draggingState;return react_1.useEffect(()=>{const handleTouchMove=e=>{const{touches}=e,mainTouch=touches[0];onDrag(mainTouch)},handleMouseMove=e=>{onDrag(e)},handleDragEnded=()=>{setDragging(!1)},handleMouseEnter=e=>{e&&e.buttons===1||handleDragEnded()};return isDragging&&(document.addEventListener("mousemove",handleMouseMove),document.addEventListener("mouseup",handleDragEnded),document.addEventListener("mouseenter",handleMouseEnter),document.addEventListener("touchend",handleDragEnded),document.addEventListener("touchmove",handleTouchMove),document.addEventListener("touchcancel",handleDragEnded)),()=>{document.removeEventListener("mousemove",handleMouseMove),document.removeEventListener("mouseup",handleDragEnded),document.removeEventListener("mouseenter",handleMouseEnter),document.removeEventListener("touchend",handleDragEnded),document.removeEventListener("touchmove",handleTouchMove),document.removeEventListener("touchcancel",handleDragEnded)}},[isDragging,onDrag]),draggingState}exports.useDragListener=useDragListener},57520:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(35713),exports)},35713:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Splitter=void 0;const classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),splitter_module_scss_1=__importDefault(__webpack_require__(91442));function Splitter(_a){var{onDragging,isDragging,className}=_a,rest=__rest(_a,["onDragging","isDragging","className"]);return react_1.default.createElement("div",Object.assign({},rest,{className:classnames_1.default(splitter_module_scss_1.default.splitter,className),onMouseDown:()=>onDragging?.(!0),onTouchStart:()=>onDragging?.(!0)}))}exports.Splitter=Splitter},67639:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Heading=void 0;const react_1=__importDefault(__webpack_require__(36672));function Heading(props){const{element}=props,rest=__rest(props,["element"]),Element2=element||"h1";return react_1.default.createElement(Element2,Object.assign({"data-bit-id":"teambit.base-ui/text/heading"},rest))}exports.Heading=Heading,Heading.defaultProps={element:"h1"}},71749:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(67639),exports)},13240:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Heading=void 0;const react_1=__importDefault(__webpack_require__(36672));function Heading(_a){var{element="h1"}=_a,rest=__rest(_a,["element"]);const Element2=element;return react_1.default.createElement(Element2,Object.assign({"data-bit-id":"teambit.base-ui/text/heading"},rest))}exports.Heading=Heading},56614:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.D=void 0;var heading_1=__webpack_require__(13240);Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return heading_1.Heading}})},11243:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(98814),exports)},98814:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mutedText=exports.MutedText=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),muted_text_module_scss_1=__importDefault(__webpack_require__(3803));function MutedText(props){return react_1.default.createElement("span",Object.assign({},props,{className:classnames_1.default(muted_text_module_scss_1.default.mutedText,props.className)}))}exports.MutedText=MutedText,exports.mutedText=muted_text_module_scss_1.default.mutedText},27045:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PossibleSizes=exports.Paragraph=void 0;var paragraph_1=__webpack_require__(3987);Object.defineProperty(exports,"Paragraph",{enumerable:!0,get:function(){return paragraph_1.Paragraph}}),Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return paragraph_1.PossibleSizes}})},3987:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Paragraph=exports.PossibleSizes=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_theme_sizes_1=__webpack_require__(55e3);Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return base_ui_theme_sizes_1.PossibleSizes}});const base_ui_text_text_sizes_1=__webpack_require__(64658);function Paragraph(_a){var{className,size,element:Element2}=_a,rest=__rest(_a,["className","size","element"]);return react_1.default.createElement(Element2,Object.assign({className:classnames_1.default(base_ui_text_text_sizes_1.textSize[size],className),"data-bit-id":"teambit.base-ui/text/paragraph"},rest))}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},95071:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.fz=void 0;var paragraph_1=__webpack_require__(97621);Object.defineProperty(exports,"fz",{enumerable:!0,get:function(){return paragraph_1.Paragraph}}),__webpack_unused_export__={enumerable:!0,get:function(){return paragraph_1.PossibleSizes}}},97621:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Paragraph=exports.PossibleSizes=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_theme_sizes_1=__webpack_require__(55e3);Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return base_ui_theme_sizes_1.PossibleSizes}});const base_ui_text_text_sizes_1=__webpack_require__(64658);function Paragraph(_a){var{className,size,element:Element2}=_a,rest=__rest(_a,["className","size","element"]);return react_1.default.createElement(Element2,Object.assign({className:classnames_1.default(base_ui_text_text_sizes_1.textSize[size],className),"data-bit-id":"teambit.base-ui/text/paragraph"},rest))}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},64658:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.textSize=void 0;const text_sizes_module_scss_1=__importDefault(__webpack_require__(45945)),sizes2={xxs:text_sizes_module_scss_1.default.xxs,xs:text_sizes_module_scss_1.default.xs,sm:text_sizes_module_scss_1.default.sm,md:text_sizes_module_scss_1.default.md,lg:text_sizes_module_scss_1.default.lg,xl:text_sizes_module_scss_1.default.xl,xxl:text_sizes_module_scss_1.default.xxl};exports.textSize=sizes2},66495:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(4198),exports)},4198:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.themedText=exports.ThemedText=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),themed_text_module_scss_1=__importDefault(__webpack_require__(41291));function ThemedText(props){return react_1.default.createElement("span",Object.assign({},props,{className:classnames_1.default(props.className,themed_text_module_scss_1.default.themedText),"data-bit-id":"teambit.base-ui/text/themed-text"}))}exports.ThemedText=ThemedText,exports.themedText=themed_text_module_scss_1.default.themedText},81453:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colorPalette=void 0;const accent_color_module_scss_1=__importDefault(__webpack_require__(6646));exports.colorPalette={primary:accent_color_module_scss_1.default.primary,complementary:accent_color_module_scss_1.default.complementary,neutral:accent_color_module_scss_1.default.neutral,neutralHeavy:accent_color_module_scss_1.default.emphasized,error:accent_color_module_scss_1.default.impulsive,warning:accent_color_module_scss_1.default.hungry,success:accent_color_module_scss_1.default.success,action:accent_color_module_scss_1.default.impulsive,consider:accent_color_module_scss_1.default.hungry,continue:accent_color_module_scss_1.default.success,process:accent_color_module_scss_1.default.process}},61818:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.buildStepPalette=void 0;const accent_color_module_scss_1=__importDefault(__webpack_require__(6646));exports.buildStepPalette={success:accent_color_module_scss_1.default.success,failure:accent_color_module_scss_1.default.impulsive,pending:accent_color_module_scss_1.default.neutral,processing:accent_color_module_scss_1.default.process,skipped:accent_color_module_scss_1.default.hungry,unknown:accent_color_module_scss_1.default.neutral,SUCCESS:accent_color_module_scss_1.default.success,FAILURE:accent_color_module_scss_1.default.impulsive,PENDING:accent_color_module_scss_1.default.neutral,PROCESSING:accent_color_module_scss_1.default.process,SKIPPED:accent_color_module_scss_1.default.hungry,UNKNOWN:accent_color_module_scss_1.default.neutral}},38249:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buildStepPalette=exports.colorPalette=void 0;var accent_color_1=__webpack_require__(81453);Object.defineProperty(exports,"colorPalette",{enumerable:!0,get:function(){return accent_color_1.colorPalette}});var build_step_accents_1=__webpack_require__(61818);Object.defineProperty(exports,"buildStepPalette",{enumerable:!0,get:function(){return build_step_accents_1.buildStepPalette}})},62592:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.brands=void 0;const brand_definition_module_scss_1=__importDefault(__webpack_require__(50728)),{brands}=brand_definition_module_scss_1.default;exports.brands=brands},30831:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.primaryPalette=void 0;const color_definition_module_scss_1=__importDefault(__webpack_require__(8257)),{primaryPalette}=color_definition_module_scss_1.default;exports.primaryPalette=primaryPalette},69884:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.darkMode=void 0;const dark_theme_module_scss_1=__importDefault(__webpack_require__(48479));exports.darkMode=dark_theme_module_scss_1.default.darkMod},35104:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StaticBookFont=exports.staticBookFontUrl=exports.staticBookFontClass=void 0;const react_1=__importDefault(__webpack_require__(36672));exports.staticBookFontClass="bit-book-font",exports.staticBookFontUrl="https://static.bit.dev/fonts/book-font.css";function StaticBookFont(props){return react_1.default.createElement("link",Object.assign({rel:"prefetch"},props,{href:exports.staticBookFontUrl}))}exports.StaticBookFont=StaticBookFont},87174:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.bookFont=exports.staticBookFontUrl=exports.staticBookFontClass=exports.StaticBookFont=void 0;var book_font_link_1=__webpack_require__(35104);Object.defineProperty(exports,"StaticBookFont",{enumerable:!0,get:function(){return book_font_link_1.StaticBookFont}}),Object.defineProperty(exports,"staticBookFontClass",{enumerable:!0,get:function(){return book_font_link_1.staticBookFontClass}}),Object.defineProperty(exports,"staticBookFontUrl",{enumerable:!0,get:function(){return book_font_link_1.staticBookFontUrl}});const book_font_module_scss_1=__importDefault(__webpack_require__(28108)),{bookFont}=book_font_module_scss_1.default;exports.bookFont=bookFont},13412:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(72115),exports)},72115:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Roboto=void 0;const react_1=__importDefault(__webpack_require__(36672)),Roboto=()=>react_1.default.createElement("link",{href:"https://fonts.googleapis.com/css?family=Roboto+Mono",rel:"stylesheet"});exports.Roboto=Roboto},51198:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.headingMargins=void 0;const heading_margin_definition_module_scss_1=__importDefault(__webpack_require__(92266)),{headingMargins}=heading_margin_definition_module_scss_1.default;exports.headingMargins=headingMargins},60074:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.shadowTheme=void 0;const shadow_definition_module_scss_1=__importDefault(__webpack_require__(73633)),{shadowTheme}=shadow_definition_module_scss_1.default;exports.shadowTheme=shadowTheme},39902:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.textFontSize=exports.headingFontSize=void 0;const size_definition_module_scss_1=__importDefault(__webpack_require__(66e3)),{headingFontSize,textFontSize}=size_definition_module_scss_1.default;exports.headingFontSize=headingFontSize,exports.textFontSize=textFontSize},55e3:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PossibleSizes=void 0;var PossibleSizes;(function(PossibleSizes2){PossibleSizes2.xxs="xxs",PossibleSizes2.xs="xs",PossibleSizes2.sm="sm",PossibleSizes2.md="md",PossibleSizes2.lg="lg",PossibleSizes2.xl="xl",PossibleSizes2.xxl="xxl"})(PossibleSizes=exports.PossibleSizes||(exports.PossibleSizes={}))},7309:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Theme=void 0;var theme_provider_1=__webpack_require__(11328);Object.defineProperty(exports,"Theme",{enumerable:!0,get:function(){return theme_provider_1.Theme}})},11328:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Theme=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_theme_size_definition_1=__webpack_require__(39902),base_ui_theme_shadow_definition_1=__webpack_require__(60074),base_ui_theme_color_definition_1=__webpack_require__(30831),base_ui_theme_brand_definition_1=__webpack_require__(62592),base_ui_theme_heading_margin_definition_1=__webpack_require__(51198),base_ui_theme_fonts_book_1=__webpack_require__(87174),texts_module_scss_1=__importDefault(__webpack_require__(6518));function Theme(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(base_ui_theme_size_definition_1.headingFontSize,base_ui_theme_size_definition_1.textFontSize,base_ui_theme_fonts_book_1.bookFont,base_ui_theme_shadow_definition_1.shadowTheme,base_ui_theme_color_definition_1.primaryPalette,base_ui_theme_brand_definition_1.brands,base_ui_theme_heading_margin_definition_1.headingMargins,texts_module_scss_1.default.defaults,props.className)}))}exports.Theme=Theme},25870:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.affix=affix;function affix(prefix="",str,suffix=""){return str?`${prefix}${str}${suffix}`:""}},21812:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.affix=void 0;var affix_1=__webpack_require__(25870);Object.defineProperty(exports,"affix",{enumerable:!0,get:function(){return affix_1.affix}})},3306:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var time_ago_1=__webpack_require__(2053);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(time_ago_1).default}})},2053:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const javascript_time_ago_1=__importDefault(__webpack_require__(57154)),en_1=__importDefault(__webpack_require__(6834));exports.default=date=>{const now=new Date,versionDate=new Date(date);javascript_time_ago_1.default.addLocale(en_1.default);const timeAgo=new javascript_time_ago_1.default("en-EN"),diff=new Date(now.getTime()-versionDate.getTime()),res=timeAgo.format(now.getTime()-diff.getTime());return res.slice(0,2)==="a "?`${res[0].toUpperCase()}${res.slice(1)}`:res}},85950:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitError=void 0;class BitError extends Error{constructor(msg){super(msg||"");this.isUserError=!0,this.name=this.constructor.name}report(){return this.message}}exports.BitError=BitError},24490:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitError=void 0;var bit_error_1=__webpack_require__(85950);Object.defineProperty(exports,"BitError",{enumerable:!0,get:function(){return bit_error_1.BitError}})},69489:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentIdList=void 0;const lodash_1=__webpack_require__(92935),component_version_1=__webpack_require__(25699),component_id_1=__webpack_require__(64136);class ComponentIdList extends Array{toStringArray(){return this.map(componentId=>componentId.toString())}has(componentId){return Boolean(this.search(componentId))}hasWithoutVersion(componentId){return Boolean(this.searchWithoutVersion(componentId))}hasWithoutScopeAndVersion(componentId){return Boolean(this.searchWithoutScopeAndVersion(componentId))}search(componentId){return this.find(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope&&id._legacy.hasSameVersion(componentId._legacy))}searchWithoutVersion(componentId){return this.find(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope)}searchWithoutScopeAndVersion(componentId){return this.find(id=>id.fullName===componentId.fullName)}searchStrWithoutVersion(idStr){return this.find(id=>id.toStringWithoutVersion()===idStr)}filterExact(componentId){return this.filter(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope&&id.hasSameVersion(componentId))}filterWithoutVersion(componentId){return this.filter(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope)}removeIfExist(componentId){return ComponentIdList.fromArray(this.filter(id=>!id.isEqual(componentId)))}toObject(){return this.reduce((acc,componentId)=>(acc[componentId.toString()]=componentId,acc),{})}toString(){return this.map(id=>id.toString()).join(", ")}toGroupByIdWithoutVersion(){return this.reduce((acc,current)=>{const idStrWithoutVer=current.toStringWithoutVersion();return acc[idStrWithoutVer]?acc[idStrWithoutVer].push(current):acc[idStrWithoutVer]=new ComponentIdList(current),acc},{})}toGroupByScopeName(){return this.reduce((acc,current)=>{const scopeName=current.scope;return acc[scopeName]?acc[scopeName].push(current):acc[scopeName]=new ComponentIdList(current),acc},{})}findDuplicationsIgnoreVersion(){const duplications={};return this.forEach(id=>{const sameIds=this.filterWithoutVersion(id);sameIds.length>1&&(duplications[id.toStringWithoutVersion()]=sameIds)}),duplications}add(componentIds){componentIds.forEach(componentId=>{this.search(componentId)||this.push(componentId)})}static fromArray(ids){const componentIds=new ComponentIdList;return ids.forEach(id=>componentIds.push(id)),componentIds}static uniqFromArray(componentIds){const uniq=(0,lodash_1.uniqBy)(componentIds,id=>id.toString());return ComponentIdList.fromArray(uniq)}static fromStringArray(idsStr=[]){return ComponentIdList.fromArray(idsStr.map(id=>component_id_1.ComponentID.fromString(id)))}throwForDuplicationIgnoreVersion(){this.forEach(componentId=>{const found=this.filterWithoutVersion(componentId);if(found.length>1)throw new Error(`componentIds has "${componentId.toStringWithoutVersion()}" duplicated as following:
+`;function useAPI(componentId,apiNodeRenderers=[],options){var _a;const{data,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_SCHEMA,{variables:{componentId,skipInternals:options?.skipInternals,skip:!componentId}}),apiModel=!((_a=data?.getHost)===null||_a===void 0)&&_a.getSchema?api_reference_models_api_reference_model_1.APIReferenceModel.from(data,apiNodeRenderers):void 0;return{loading,apiModel}}},13707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.APIReferenceModel=void 0;function _semanticsEntities(){const data=__webpack_require__(14606);return _semanticsEntities=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(763));return _lodash=function(){return data},data}function _lodash2(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash2=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class APIReferenceModel{internalAPIKey(schema,internalFilePath){return this.generateInternalAPIKey(internalFilePath||schema.location.filePath,schema.name)}generateInternalAPIKey(filePath,name=""){return`${filePath}/${name}`}taggedAPINodes=[];constructor(_api,_renderers){this._api=_api,this.componentId=_api.componentId,this.apiNodes=this.mapToAPINode(_api,_renderers,this.componentId),this.apiByType=this.groupByType(this.apiNodes),this.apiByName=this.groupByName(this.apiNodes),this.taggedAPINodes=this.mapTaggedAPINode(_api,_renderers,this.componentId)}mapTaggedAPINode(api,renderers,componentId){const{taggedModuleExports}=api,defaultRenderers=renderers.filter(renderer=>renderer.default),nonDefaultRenderers=renderers.filter(renderer=>!renderer.default);return taggedModuleExports.map(schemaNode=>({componentId,api:schemaNode,exported:!0,renderer:nonDefaultRenderers.find(renderer=>renderer.predicate(schemaNode))||defaultRenderers.find(renderer=>renderer.predicate(schemaNode))})).filter(schemaNode=>schemaNode.renderer)}getByType(type){return this.apiByType.get(type)??[]}getByName(node,internalFilePath){if(!!node.name)return this.apiByName.get(node.name)??this.apiByName.get(this.internalAPIKey(node,internalFilePath))}groupByType(apiNodes){return apiNodes.reduce((accum,next)=>{const existing=accum.get(next.renderer.nodeType)||[];return accum.set(next.renderer.nodeType,existing.concat(next)),accum},new Map)}groupByName(apiNodes){return apiNodes.reduce((accum,next)=>{const name=next.alias||next.api.name;if(!name)return accum;const key=next.exported?name:this.internalAPIKey(next.api);return accum.set(key,next),accum},new Map)}isInternalTypeReference(node){return node.__schema==="TypeRefSchema"&&node.isInternalReference()}mapToAPINode(api,renderers,componentId){const{exports:exportedSchemaNodes}=api.module,collectedInternals=[];exportedSchemaNodes.forEach(exportedNode=>{if(_semanticsEntities().ModuleSchema.isModuleSchema(exportedNode)){exportedSchemaNodes.push(...exportedNode.exports),collectedInternals.push(...exportedNode.internals);return}const targetNode=_semanticsEntities().ExportSchema.isExportSchema(exportedNode)?exportedNode.exportNode:exportedNode;targetNode.getAllNodesRecursively().forEach(descendant=>{descendant!==targetNode&&this.isInternalTypeReference(descendant)&&collectedInternals.push(descendant)})});const dedupedInternalsMap=new Map;for(const node of collectedInternals){const key=this.internalAPIKey(node);dedupedInternalsMap.has(key)||dedupedInternalsMap.set(key,node)}const internalSchemaNodes=Array.from(dedupedInternalsMap.values()),defaultRenderers=renderers.filter(renderer=>renderer.default),nonDefaultRenderers=renderers.filter(renderer=>!renderer.default),exportedAPINodes=exportedSchemaNodes.map(schemaNode=>{const targetNode=_semanticsEntities().ExportSchema.isExportSchema(schemaNode)?schemaNode.exportNode:schemaNode;return{componentId,api:targetNode,alias:_semanticsEntities().ExportSchema.isExportSchema(schemaNode)?schemaNode.alias:void 0,exported:!0,renderer:nonDefaultRenderers.find(renderer=>renderer.predicate(targetNode))||defaultRenderers.find(renderer=>renderer.predicate(targetNode))}}),internalAPINodes=internalSchemaNodes.map(schemaNode=>{const internalSchemaNode=(0,_lodash2().default)((0,_lodash().default)(api.internals.flatMap(i=>i.exports).map(e=>e.findNode(s=>s.name===schemaNode.name&&s.__schema!=="TypeRefSchema"))))||schemaNode;return{componentId,api:internalSchemaNode,exported:!1,renderer:nonDefaultRenderers.find(renderer=>renderer.predicate(internalSchemaNode))||defaultRenderers.find(renderer=>renderer.predicate(internalSchemaNode))}});return exportedAPINodes.concat(internalAPINodes).filter(node=>node.renderer)}static from(result,renderers=[]){try{const apiSchema=_semanticsEntities().APISchema.fromObject(result.getHost.getSchema);return new APIReferenceModel(apiSchema,renderers)}catch{return new APIReferenceModel(_semanticsEntities().APISchema.empty(_componentId().ComponentID.fromObject(result.getHost.getSchema.componentId)),renderers)}}}exports.APIReferenceModel=APIReferenceModel},42983:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"APINode",{enumerable:!0,get:function(){return _apiReferenceModel().APINode}}),Object.defineProperty(exports,"APIReferenceModel",{enumerable:!0,get:function(){return _apiReferenceModel().APIReferenceModel}}),Object.defineProperty(exports,"SchemaQueryResult",{enumerable:!0,get:function(){return _apiReferenceModel().SchemaQueryResult}});function _apiReferenceModel(){const data=__webpack_require__(13707);return _apiReferenceModel=function(){return data},data}},8979:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{mN:()=>useForm2});var react=__webpack_require__(36672);const form_context_FormContext=(0,react.createContext)({});function use_form_context_useFormContext(){const[errors,setErrors]=useState({}),[values,setValues]=useState({}),handleValidate=useCallback((name,message)=>setErrors(prevErrors=>{const nextMessage=Object.assign(Object.assign({},prevErrors),{[name]:message});return message===void 0&&delete nextMessage[name],nextMessage}),[]),handleBlur=useCallback(event=>setErrors(prevErrors=>{const target=event.target||event;return!target.required||!!prevErrors[target.name]?prevErrors:Object.assign(Object.assign({},prevErrors),{[target.name]:null})}),[]);return{errors,onBlur:handleBlur,onValidate:handleValidate,onChange:event=>{event.persist(),setValues(prevValues=>{const target=event.target||event;return Object.assign(Object.assign({},prevValues),{[target.name]:target.value})})},values}}var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function Form(_a){var{children,onSubmit,onChange}=_a,rest=__rest(_a,["children","onSubmit","onChange"]);const context=useFormContext();return React.createElement(FormContext.Provider,{value:context},React.createElement("form",Object.assign({onSubmit:e=>{e.preventDefault(),onSubmit&&onSubmit(e,context.values)},onChange:e=>{const target=e.target,nextValue={[target.name]:target.value};onChange&&onChange(e,Object.assign(Object.assign({},context.values),nextValue))}},rest),children))}const useForm2=()=>(0,react.useContext)(form_context_FormContext)},28478:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=void 0;var row_1=__webpack_require__(25454);Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return row_1.Row}})},25454:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(96265)),row_module_scss_1=__importDefault(__webpack_require__(19107));function Row(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(row_module_scss_1.default.row,className)},rest),children)}exports.Row=Row},84669:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.computeCssVars=exports.createThemeProvider=void 0;const react_1=__importStar(__webpack_require__(36672));function createThemeProvider(ThemeContext,options){return _a=>{var{children,overrides,style}=_a,rest=__rest(_a,["children","overrides","style"]);const theme=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},options.theme),overrides),[options.theme,overrides]);if(options.withoutCssVars)return react_1.default.createElement(ThemeContext.Provider,{value:theme},children);const cssVars=computeCssVars(theme,options.prefix);return react_1.default.createElement("div",Object.assign({style:Object.assign(Object.assign({},cssVars),style)},rest),react_1.default.createElement(ThemeContext.Provider,{value:theme},children))}}exports.createThemeProvider=createThemeProvider;function computeCssVars(theme,prefix){return Object.entries(theme).map(([key,val])=>{const varName=key.replace(/[A-Z]/g,"-$&").toLowerCase();return[prefix?`--${prefix}-${varName}`:`--${varName}`,val]}).reduce((acc,[key,val])=>(acc[key]=val,acc),{})}exports.computeCssVars=computeCssVars},68667:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createTheme=void 0;const react_1=__webpack_require__(36672),create_theme_provider_1=__webpack_require__(84669);function createTheme({theme,prefix,withoutCssVars}){const ThemeContext=(0,react_1.createContext)(theme);return{ThemeProvider:(0,create_theme_provider_1.createThemeProvider)(ThemeContext,{theme,prefix,withoutCssVars}),useTheme:()=>(0,react_1.useContext)(ThemeContext)}}exports.createTheme=createTheme},67235:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.a=void 0;var create_theme_1=__webpack_require__(68667);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return create_theme_1.createTheme}})},37813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeToggler=exports.useThemePicker=exports.useThemeByName=exports.useNextTheme=exports.ThemePickerContext=exports.ThemeSwitcher=void 0;var theme_switcher_1=__webpack_require__(66138);Object.defineProperty(exports,"ThemeSwitcher",{enumerable:!0,get:function(){return theme_switcher_1.ThemeSwitcher}});var theme_picker_context_1=__webpack_require__(52181);Object.defineProperty(exports,"ThemePickerContext",{enumerable:!0,get:function(){return theme_picker_context_1.ThemePickerContext}}),Object.defineProperty(exports,"useNextTheme",{enumerable:!0,get:function(){return theme_picker_context_1.useNextTheme}}),Object.defineProperty(exports,"useThemeByName",{enumerable:!0,get:function(){return theme_picker_context_1.useThemeByName}}),Object.defineProperty(exports,"useThemePicker",{enumerable:!0,get:function(){return theme_picker_context_1.useThemePicker}});var theme_toggler_1=__webpack_require__(91395);Object.defineProperty(exports,"ThemeToggler",{enumerable:!0,get:function(){return theme_toggler_1.ThemeToggler}})},52181:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNextTheme=exports.useThemeByName=exports.useThemePicker=exports.ThemePickerContext=void 0;const react_1=__webpack_require__(36672);exports.ThemePickerContext=(0,react_1.createContext)(void 0);function useThemePicker(){return(0,react_1.useContext)(exports.ThemePickerContext)}exports.useThemePicker=useThemePicker;function useThemeByName(themeName){const themes=useThemePicker();if(!(!themeName||!themes))return themes.options.find(theme=>theme.themeName===themeName)}exports.useThemeByName=useThemeByName;function useNextTheme(){const themes=useThemePicker();return(0,react_1.useCallback)(()=>{if(!themes)return;const{options,setTheme,currentIdx}=themes,nextIdx=(currentIdx+1)%options.length,next=options[nextIdx];setTheme(next)},[themes])}exports.useNextTheme=useNextTheme},66138:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeSwitcher=void 0;const react_1=__importStar(__webpack_require__(36672)),theme_picker_context_1=__webpack_require__(52181);function ThemeSwitcher(_a){var{children,themes,activeTheme,handleThemeChange,defaultTheme}=_a,props=__rest(_a,["children","themes","activeTheme","handleThemeChange","defaultTheme"]);const explicitValue=typeof activeTheme=="string"?themes.find(x=>x.themeName===activeTheme):activeTheme,getInitialOption=(0,react_1.useCallback)(()=>explicitValue||defaultTheme&&themes.find(x=>x.themeName===defaultTheme)||themes[0],[defaultTheme,themes,explicitValue]),[theme,setTheme]=(0,react_1.useState)(getInitialOption);(0,react_1.useEffect)(()=>{setTheme(getInitialOption)},[defaultTheme,getInitialOption]);const currentTheme=explicitValue||theme,picker={setTheme:themeTarget=>{handleThemeChange?.(themeTarget),setTheme(()=>themeTarget)},current:currentTheme,get currentIdx(){return this.current?this.options.indexOf(this.current):-1},options:themes},Provider=currentTheme,forwardProps=props;return react_1.default.createElement(theme_picker_context_1.ThemePickerContext.Provider,{value:picker},Provider?react_1.default.createElement(Provider,Object.assign({},forwardProps),children):children)}exports.ThemeSwitcher=ThemeSwitcher},91395:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeToggler=void 0;const react_1=__importDefault(__webpack_require__(36672)),theme_picker_context_1=__webpack_require__(52181);function ThemeToggler(_a){var{onClick}=_a,props=__rest(_a,["onClick"]);const applyNextTheme=(0,theme_picker_context_1.useNextTheme)(),handleClick=e=>{onClick?.(e),!e.defaultPrevented&&applyNextTheme()};return react_1.default.createElement("button",Object.assign({},props,{onClick:handleClick}))}exports.ThemeToggler=ThemeToggler},79581:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},79170:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(56361));__exportStar(__webpack_require__(79581),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},9420:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},33377:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(22034));__exportStar(__webpack_require__(9420),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},48090:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.roundnessClass=void 0;const roundness_module_scss_1=__importDefault(__webpack_require__(17042));__exportStar(__webpack_require__(3628),exports),exports.roundnessClass={circle:roundness_module_scss_1.default.circle,default:roundness_module_scss_1.default.default,small:roundness_module_scss_1.default.small,medium:roundness_module_scss_1.default.medium,sharp:roundness_module_scss_1.default.sharp}},3628:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},77459:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DotsLoader=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),dots_loader_module_scss_1=__importDefault(__webpack_require__(22552));function DotsLoader(_a){var{className}=_a,rest=__rest(_a,["className"]);return react_1.default.createElement("span",Object.assign({},rest,{className:classnames_1.default(className,dots_loader_module_scss_1.default.dotsLoader)}),react_1.default.createElement("span",null,"\u25CF"),react_1.default.createElement("span",null,"\u25CF"),react_1.default.createElement("span",null,"\u25CF"))}exports.DotsLoader=DotsLoader},57991:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(77459),exports)},24431:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BaseIcon=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500));function BaseIcon(_a){var{of:iconName,className}=_a,rest=__rest(_a,["of","className"]);return react_1.default.createElement("span",Object.assign({"data-bit-id":"teambit.base-ui/elements/icon",className:classnames_1.default(iconName,className)},rest))}exports.BaseIcon=BaseIcon},67446:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(24431),exports)},41896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(36672);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},8262:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(41896);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(66734);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},66734:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(36672);function useClickOutside(ref,handler,enabled=!0){react_1.useEffect(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},19851:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(36672);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},58857:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(19851);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(59941);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},59941:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(36672);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},28355:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),button_module_scss_1=__importDefault(__webpack_require__(86624)),base_ui_elements_dots_loader_1=__webpack_require__(57991);class Button2 extends react_1.Component{constructor(){super(...arguments);this.state={isLoading:!1},this.activePromises=new Set,this.unmounted=!1,this.handleClick=event=>{const{onClick}=this.props;if(!onClick)return;this.setState({isLoading:!0});const promise=Promise.resolve(onClick.call(this,event)).catch(()=>{});this.activePromises.add(promise),promise.then(()=>this.handleResolve(promise))}}componentWillUnmount(){this.unmounted=!0,this.activePromises=new Set}handleResolve(p){this.unmounted||(this.activePromises.delete(p),this.activePromises.size===0&&this.setState({isLoading:!1}))}render(){const _a=this.props,{onClick,className,children,loader,loading,disabled,activeWhenLoading=!1}=_a,rest=__rest(_a,["onClick","className","children","loader","loading","disabled","activeWhenLoading"]),isLoading=loading!==void 0&&loading||this.state.isLoading,content=isLoading?loader:children,disabledByLoading=isLoading&&!activeWhenLoading;return react_1.default.createElement("button",Object.assign({"data-bit-id":"teambit.base-ui/input/button"},rest,{disabled:disabled||disabledByLoading,onClick:this.handleClick,className:(0,classnames_1.default)(className,button_module_scss_1.default.vanillaButton)}),content)}}exports.default=Button2,Button2.defaultProps={loader:react_1.default.createElement(base_ui_elements_dots_loader_1.DotsLoader,null),loading:!1}},25123:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var button_1=__webpack_require__(28355);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(button_1).default}}),__exportStar(__webpack_require__(28355),exports)},53361:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button2});var react=__webpack_require__(36672),classnames2=__webpack_require__(97500),classnames_default=__webpack_require__.n(classnames2);const button_module={vanillaButton:"button_vanillaButton__ipheB"};var dist=__webpack_require__(71587),__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};class Button2 extends react.Component{constructor(){super(...arguments);this.state={isLoading:!1},this.activePromises=new Set,this.unmounted=!1,this.handleClick=event=>{const{onClick}=this.props;if(!onClick)return;this.setState({isLoading:!0});const promise=Promise.resolve(onClick.call(this,event)).catch(()=>{});this.activePromises.add(promise),promise.then(()=>this.handleResolve(promise))}}componentWillUnmount(){this.unmounted=!0,this.activePromises=new Set}handleResolve(p){this.unmounted||(this.activePromises.delete(p),this.activePromises.size===0&&this.setState({isLoading:!1}))}render(){const _a=this.props,{onClick,className,children,loader,loading,disabled,activeWhenLoading=!1}=_a,rest=__rest(_a,["onClick","className","children","loader","loading","disabled","activeWhenLoading"]),isLoading=loading!==void 0&&loading||this.state.isLoading,content=isLoading?loader:children,disabledByLoading=isLoading&&!activeWhenLoading;return react.createElement("button",Object.assign({"data-bit-id":"teambit.base-ui/input/button"},rest,{disabled:disabled||disabledByLoading,onClick:this.handleClick,className:classnames_default()(className,button_module.vanillaButton)}),content)}}Button2.defaultProps={loader:react.createElement(dist.m,null),loading:!1}},97458:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HiddenCheckbox=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),hidden_checkbox_module_scss_1=__importDefault(__webpack_require__(79015));function HiddenCheckbox(_a){var{className,type="checkbox"}=_a,rest=__rest(_a,["className","type"]);return react_1.default.createElement("input",Object.assign({},rest,{type,className:(0,classnames_1.default)(className,hidden_checkbox_module_scss_1.default.hidden)}))}exports.HiddenCheckbox=HiddenCheckbox},40964:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HiddenCheckbox=void 0;var hidden_checkbox_1=__webpack_require__(97458);Object.defineProperty(exports,"HiddenCheckbox",{enumerable:!0,get:function(){return hidden_checkbox_1.HiddenCheckbox}})},52139:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxIndicator=exports.classes=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),checkbox_indicator_module_scss_1=__importDefault(__webpack_require__(39152));exports.classes={checkedIndicator:checkbox_indicator_module_scss_1.default.checkedIndicator,defaultCheckbox:checkbox_indicator_module_scss_1.default.defaultCheckbox};function CheckboxIndicator(props){const{className=exports.classes.defaultCheckbox}=props;return react_1.default.createElement("span",Object.assign({},props,{className:classnames_1.default(className,exports.classes.checkedIndicator)}))}exports.CheckboxIndicator=CheckboxIndicator},54483:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.classes=exports.CheckboxIndicator=void 0;var checkbox_indicator_1=__webpack_require__(52139);Object.defineProperty(exports,"CheckboxIndicator",{enumerable:!0,get:function(){return checkbox_indicator_1.CheckboxIndicator}}),Object.defineProperty(exports,"classes",{enumerable:!0,get:function(){return checkbox_indicator_1.classes}})},62442:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxLabel=exports.Input=void 0;const react_1=__importDefault(__webpack_require__(36672)),base_ui_input_checkbox_hidden_1=__webpack_require__(40964);Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return base_ui_input_checkbox_hidden_1.HiddenCheckbox}});const base_ui_input_checkbox_indicator_1=__webpack_require__(54483);function CheckboxLabel(_a){var{checked,defaultChecked,onInputChanged,type,disabled,name,required,value,input=react_1.default.createElement(base_ui_input_checkbox_hidden_1.HiddenCheckbox,{defaultChecked,onChange:onInputChanged,checked,disabled,type,name,value,required}),indicator=react_1.default.createElement(base_ui_input_checkbox_indicator_1.CheckboxIndicator,{className:base_ui_input_checkbox_indicator_1.classes.defaultCheckbox}),children}=_a,rest=__rest(_a,["checked","defaultChecked","onInputChanged","type","disabled","name","required","value","input","indicator","children"]);return react_1.default.createElement("label",Object.assign({},rest),input,indicator,children)}exports.CheckboxLabel=CheckboxLabel},43894:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.pd=exports.Sb=void 0;var checkbox_label_1=__webpack_require__(62442);Object.defineProperty(exports,"Sb",{enumerable:!0,get:function(){return checkbox_label_1.CheckboxLabel}}),Object.defineProperty(exports,"pd",{enumerable:!0,get:function(){return checkbox_label_1.Input}})},61479:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Error=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),error_module_scss_1=__importDefault(__webpack_require__(12124));function Error2(props){const{className,children}=props,rest=__rest(props,["className","children"]);return children?react_1.default.createElement("div",Object.assign({className:classnames_1.default(error_module_scss_1.default.error,className)},rest),children):null}exports.Error=Error2},78461:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(61479),exports)},13986:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colGridXl=exports.colGridLg=exports.colGridL=exports.colGridMd=exports.colGridSm=exports.colGridXs=exports.colGrid=void 0;const grid_template_module_scss_1=__importDefault(__webpack_require__(92108));exports.colGrid=makePreset("all"),exports.colGridXs=makePreset("xs"),exports.colGridSm=makePreset("sm"),exports.colGridMd=makePreset("md"),exports.colGridL=makePreset("l"),exports.colGridLg=makePreset("lg"),exports.colGridXl=makePreset("xl");function makePreset(breakPoints){const obj={};for(var i=1;i<=12;i++)obj[i]=grid_template_module_scss_1.default[`colTemplate--${breakPoints}-${i}`];return obj}},72298:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Grid=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),grid_module_scss_1=__importDefault(__webpack_require__(51055)),grid_template_1=__webpack_require__(13986);class Grid extends react_1.PureComponent{render(){const _a=this.props,{className,col,colL,colLg,colMd,colSm,colXl,colXs}=_a,rest=__rest(_a,["className","col","colL","colLg","colMd","colSm","colXl","colXs"]),classes=[className,grid_module_scss_1.default.gridContainer];return col!==void 0&&classes.push(grid_template_1.colGrid[col]),colL!==void 0&&classes.push(grid_template_1.colGridL[colL]),colLg!==void 0&&classes.push(grid_template_1.colGridLg[colLg]),colMd!==void 0&&classes.push(grid_template_1.colGridMd[colMd]),colSm!==void 0&&classes.push(grid_template_1.colGridSm[colSm]),colXl!==void 0&&classes.push(grid_template_1.colGridXl[colXl]),colXs!==void 0&&classes.push(grid_template_1.colGridXs[colXs]),react_1.default.createElement("div",Object.assign({"data-bit-id":"teambit.base-ui/layout/grid-component"},rest,{className:(0,classnames_1.default)(...classes)}))}}exports.Grid=Grid},29984:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.x=void 0;var grid_1=__webpack_require__(72298);Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return grid_1.Grid}})},34578:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.textColumn=exports.wideColumn=exports.centerColumn=void 0;const page_frame_module_scss_1=__importDefault(__webpack_require__(68376));exports.centerColumn=page_frame_module_scss_1.default.centerColumn,exports.wideColumn=page_frame_module_scss_1.default.wideColumn,exports.textColumn=page_frame_module_scss_1.default.textColumn},46867:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BlockSkeleton:()=>BlockSkeleton,CircleSkeleton:()=>CircleSkeleton,LineSkeleton:()=>LineSkeleton,Skeleton:()=>Skeleton,WordSkeleton:()=>WordSkeleton});var jsx_runtime=__webpack_require__(23420),classnames2=__webpack_require__(97500),classnames_default=__webpack_require__.n(classnames2);const skeleton_module={skeleton:"skeleton_skeleton__V2BWp",block:"skeleton_block__mfodU",circle:"skeleton_circle__80kPw",skeletonContent:"skeleton_skeletonContent__OGN5i",line:"skeleton_line__V1RZp",word:"skeleton_word__Csvpx"},skeleton_design_module={skeletonContent:"skeleton-design_skeletonContent__531zg",line:"skeleton-design_line__cB6JR",word:"skeleton-design_word__-gPEK",shimmer:"skeleton-design_shimmer__T1M5Y",skeleton:"skeleton-design_skeleton__nm2gR",block:"skeleton-design_block__IJ5fC",circle:"skeleton-design_circle__DTRdE",placeHolderShimmer:"skeleton-design_placeHolderShimmer__MGi45","skeleton-effect-fade":"skeleton-design_skeleton-effect-fade__2tWRb"};var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const NBSP="\xA0";function Skeleton(_a){var{designClass=skeleton_design_module.skeleton,className}=_a,rest=__rest(_a,["designClass","className"]);return(0,jsx_runtime.jsx)("div",Object.assign({},rest,{className:classnames_default()(skeleton_module.skeleton,designClass,className)}))}function WordSkeleton(_a){var{length=5,designClass=skeleton_design_module.word,className,style}=_a,rest=__rest(_a,["length","designClass","className","style"]);return(0,jsx_runtime.jsx)("span",Object.assign({},rest,{className:classnames_default()(skeleton_module.word,className,designClass),style:Object.assign({},style),children:(0,jsx_runtime.jsx)("span",{children:Array.from({length}).map(()=>NBSP)})}))}function LineSkeleton(_a){var{width,count=1,designClass=skeleton_design_module.line,className,style}=_a,rest=__rest(_a,["width","count","designClass","className","style"]);return(0,jsx_runtime.jsx)("div",Object.assign({},rest,{className:classnames_default()(skeleton_module.line,designClass,className),style:Object.assign({width},style),children:Array.from({length:count}).map((x,index)=>(0,jsx_runtime.jsx)("div",{children:NBSP},index))}))}function CircleSkeleton(_a){var{size=2,designClass=skeleton_design_module.circle,className,style}=_a,rest=__rest(_a,["size","designClass","className","style"]);return(0,jsx_runtime.jsx)("span",Object.assign({},rest,{className:classnames_default()(skeleton_module.circle,className,designClass),style:Object.assign({height:`${size}em`,width:`${size}em`,lineHeight:size},style),children:NBSP}))}function BlockSkeleton(_a){var{lines=5,designClass=skeleton_design_module.block,className,style}=_a,rest=__rest(_a,["lines","designClass","className","style"]);return(0,jsx_runtime.jsx)("div",Object.assign({},rest,{className:classnames_default()(skeleton_module.block,designClass,className),style:Object.assign({height:`${lines}em`},style)}))}function title(){return _jsx("div",{style:{marginBottom:"1em"},children:_jsx(WordSkeleton,{style:{fontSize:18}})})}},55826:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.flexCenter=void 0;const flex_center_module_scss_1=__importDefault(__webpack_require__(76746));exports.flexCenter=flex_center_module_scss_1.default.flexCenter},80003:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Containee=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),react_create_ref_1=__importDefault(__webpack_require__(17478)),abs_container_module_scss_1=__importDefault(__webpack_require__(34427)),positions_module_scss_1=__importDefault(__webpack_require__(5494)),displacement_module_scss_1=__importDefault(__webpack_require__(69351));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},43265:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(80003),exports)},43803:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Container=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),abs_container_module_scss_1=__importDefault(__webpack_require__(34427));exports.Container=react_1.forwardRef(function(_a,ref){var{className,open}=_a,rest=__rest(_a,["className","open"]);return react_1.default.createElement("div",Object.assign({ref,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open},rest))})},68932:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(43803),exports)},42692:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(34427));__exportStar(__webpack_require__(43265),exports),__exportStar(__webpack_require__(68932),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},54328:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Containee=void 0;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),react_create_ref_1=__importDefault(__webpack_require__(17478)),abs_container_module_scss_1=__importDefault(__webpack_require__(12994)),positions_module_scss_1=__importDefault(__webpack_require__(80299)),displacement_module_scss_1=__importDefault(__webpack_require__(11344));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},9350:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(54328),exports)},61424:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Container=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),abs_container_module_scss_1=__importDefault(__webpack_require__(12994));function Container(_a){var{className,open,margin,indent,forwardRef,style}=_a,rest=__rest(_a,["className","open","margin","indent","forwardRef","style"]);return react_1.default.createElement("div",Object.assign({ref:forwardRef,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open,style:addDisplacement(margin,indent,style)},rest))}exports.Container=Container;function addDisplacement(margin,indent,baseStyles){if(!margin&&!indent)return baseStyles;const displacement={"--bit-drawer-margin":pixalize(margin),"--bit-drawer-indent":pixalize(indent)};return Object.assign(Object.assign({},baseStyles),displacement)}function pixalize(value){return typeof value=="number"?`${value}px`:value}},65231:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(61424),exports)},54823:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(12994));__exportStar(__webpack_require__(9350),exports),__exportStar(__webpack_require__(65231),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},30219:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(47712));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},89828:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(271));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},42029:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Card=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),card_module_scss_1=__importDefault(__webpack_require__(1254)),base_ui_css_components_elevation_1=__webpack_require__(79170),base_ui_css_components_roundness_1=__webpack_require__(48090),base_ui_surfaces_background_1=__webpack_require__(30219);function Card(_a){var{className,elevation="low",roundness="default"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement("div",Object.assign({"data-bit-id":"teambit.base-ui/surfaces/card",className:classnames_1.default(card_module_scss_1.default.card,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],className)},rest))}exports.Card=Card,Card.defaultProps={elevation:"low",roundness:"default"}},3847:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(42029),exports)},20903:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),drawer_module_scss_1=__importDefault(__webpack_require__(60462));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},97365:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(36672)),base_ui_surfaces_abs_container_1=__webpack_require__(42692),base_ui_hook_use_click_outside_1=__webpack_require__(8262),react_create_ref_1=__importDefault(__webpack_require__(17478)),default_placeholder_1=__webpack_require__(20903);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=react_create_ref_1.default(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{ref:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},46082:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(97365),exports)},76066:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),drawer_module_scss_1=__importDefault(__webpack_require__(89807));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},11314:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(36672)),base_ui_surfaces_abs_container_1=__webpack_require__(54823),base_ui_hook_use_click_outside_1=__webpack_require__(8262),react_create_ref_1=__importDefault(__webpack_require__(17478)),default_placeholder_1=__webpack_require__(76066);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=react_create_ref_1.default(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},53983:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(11314),exports)},15681:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),drawer_module_scss_1=__importDefault(__webpack_require__(316));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},84663:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(36672)),base_ui_surfaces_abs_container_1=__webpack_require__(54823),base_ui_hook_use_click_outside_1=__webpack_require__(58857),react_create_ref_1=__importDefault(__webpack_require__(17478)),default_placeholder_1=__webpack_require__(15681);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},91456:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(84663),exports)},74222:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(6447),exports)},6447:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverSplitter=void 0;const base_ui_surfaces_split_pane_splitter_1=__webpack_require__(57520),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),splitter_module_scss_1=__importDefault(__webpack_require__(29292));function HoverSplitter(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(base_ui_surfaces_split_pane_splitter_1.Splitter,Object.assign({},rest,{className:classnames_1.default(splitter_module_scss_1.default.hoverSplitter,className)}),react_1.default.createElement("div",{className:splitter_module_scss_1.default.highlighter}),children)}exports.HoverSplitter=HoverSplitter},10898:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(3770),exports)},3770:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverSplitter=void 0;const base_ui_surfaces_split_pane_splitter_1=__webpack_require__(57520),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),splitter_module_scss_1=__importDefault(__webpack_require__(90255));function HoverSplitter(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(base_ui_surfaces_split_pane_splitter_1.Splitter,Object.assign({},rest,{className:(0,classnames_1.default)(splitter_module_scss_1.default.hoverSplitter,className)}),react_1.default.createElement("div",{className:splitter_module_scss_1.default.highlighter}),children)}exports.HoverSplitter=HoverSplitter},51590:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(78285),exports)},78285:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default_layout=exports.layoutToggleMap=exports.Layout=exports.LayoutFeatures=void 0;var LayoutFeatures;(function(LayoutFeatures2){LayoutFeatures2.row="row",LayoutFeatures2.column="column",LayoutFeatures2.reverse="reverse",LayoutFeatures2.first="first",LayoutFeatures2.last="last"})(LayoutFeatures=exports.LayoutFeatures||(exports.LayoutFeatures={}));var Layout;(function(Layout2){Layout2.row="row",Layout2.rowReverse="row reverse",Layout2.column="column",Layout2.columnReverse="column reverse",Layout2.top="column first",Layout2.bottom="column last",Layout2.topReverse="column reverse first",Layout2.bottomReverse="column reverse last ",Layout2.left="row first",Layout2.right="row last",Layout2.leftReverse="row reverse first",Layout2.rightReverse="row reverse last"})(Layout=exports.Layout||(exports.Layout={})),exports.layoutToggleMap={[Layout.columnReverse]:Layout.row,[Layout.row]:Layout.columnReverse},exports.default_layout=Layout.row},30598:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(11210),exports)},11210:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pane=void 0;const base_ui_surfaces_split_pane_layout_1=__webpack_require__(51590),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),pane_module_scss_1=__importDefault(__webpack_require__(13647));function Pane(_a){var{size,style,layout,className}=_a,rest=__rest(_a,["size","style","layout","className"]);const runtimeStyles={},sizeProp=layoutToStyle(layout);return sizeProp&&size!==void 0&&(runtimeStyles[sizeProp]=size,runtimeStyles.flexShrink=0),size===void 0&&(runtimeStyles.flexGrow=1,runtimeStyles.flexBasis=0),react_1.default.createElement("div",Object.assign({},rest,{className:classnames_1.default(pane_module_scss_1.default.pane,className),style:Object.assign(Object.assign({},style),runtimeStyles)}))}exports.Pane=Pane;function layoutToStyle(layout){if(!!layout){if(layout.includes(base_ui_surfaces_split_pane_layout_1.LayoutFeatures.column))return"height";if(layout.includes(base_ui_surfaces_split_pane_layout_1.LayoutFeatures.row))return"width"}}},76850:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcSplit=void 0;const base_ui_surfaces_split_pane_layout_1=__webpack_require__(51590);function calcSplit(snapshot,layout,defaultSize){let splitSize=calcPixels(snapshot,layout,defaultSize);return layout.includes(base_ui_surfaces_split_pane_layout_1.LayoutFeatures.reverse)&&splitSize.reverse(),(splitSize[0]===void 0||splitSize[1]===void 0)&&(splitSize=autoCalcComplementary(splitSize)),splitSize}exports.calcSplit=calcSplit;function autoCalcComplementary([a,b]){return a===void 0&&b===void 0?[void 0,void 0]:b===void 0?[a,calcComplemetSize(a)]:a===void 0?[calcComplemetSize(b),b]:[a,b]}function calcComplemetSize(size){if(size!==void 0){if(typeof size=="number")return`calc(100% - ${size}px)`;if(size.endsWith("px"))return`calc(100% - ${size})`;if(size.endsWith("%")){const sizeAsNumber=+size.replace("%","");return Number.isNaN(sizeAsNumber)?void 0:`${100-sizeAsNumber}%`}if(!Number.isNaN(+size))return`calc(100% - ${size}px)`}}function calcPixels(snapshot,layout,defaultSize){const{row,column,first,last}=base_ui_surfaces_split_pane_layout_1.LayoutFeatures,features=new Set(layout.split(" "));return features.has(first)?["100%","0%"]:features.has(last)?["0%","100%"]:features.has(row)?snapshot?.x===void 0?calcDefaultSize(defaultSize):typeof defaultSize=="string"&&defaultSize.endsWith("%")?[`${100*snapshot.x/snapshot.width}%`,void 0]:[snapshot.x,void 0]:features.has(column)?snapshot?.y===void 0?calcDefaultSize(defaultSize):typeof defaultSize=="string"&&defaultSize.endsWith("%")?[`${100*snapshot.y/snapshot.height}%`,void 0]:[snapshot.y,void 0]:[void 0,void 0]}function calcDefaultSize(defaultSize){return defaultSize?typeof defaultSize=="number"&&defaultSize<0?[void 0,-defaultSize]:typeof defaultSize=="string"&&defaultSize.startsWith("-")?[void 0,defaultSize.substring(1)]:[defaultSize,void 0]:[void 0,void 0]}},26424:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SplitPane=void 0,__exportStar(__webpack_require__(51590),exports),__exportStar(__webpack_require__(30598),exports),__exportStar(__webpack_require__(57520),exports);var split_pane_1=__webpack_require__(69099);Object.defineProperty(exports,"SplitPane",{enumerable:!0,get:function(){return split_pane_1.SplitPane}})},90627:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.limit=void 0;function limit(value,min,max){return min!==void 0&&value<min?min:max!==void 0&&value>max?max:value}exports.limit=limit},69099:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SplitPane=void 0;const base_ui_surfaces_split_pane_layout_1=__webpack_require__(51590),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),calc_split_1=__webpack_require__(76850),split_pane_module_scss_1=__importDefault(__webpack_require__(88464)),use_drag_tracker_1=__webpack_require__(63255);function SplitPane(_a){var{layout=base_ui_surfaces_split_pane_layout_1.Layout.column,size="38%",className,children}=_a,rest=__rest(_a,["layout","size","className","children"]);const containerRef=react_1.default.createRef(),[snapshot,isDragging,setDragging]=use_drag_tracker_1.useDragTracker(containerRef),[A,B]=calc_split_1.calcSplit(snapshot,layout,size),[left,splitter,right]=children,leftWithSize=react_1.default.cloneElement(left,{size:A,layout}),rightWithSize=react_1.default.cloneElement(right,{size:B,layout}),splitterWithDrag=react_1.default.cloneElement(splitter,{onDragging:setDragging,isDragging});return react_1.default.createElement("div",Object.assign({},rest,{ref:containerRef,className:classnames_1.default(isDragging&&split_pane_module_scss_1.default.isDragging,split_pane_module_scss_1.default.splitPane,className),"data-is-dragging":isDragging,"data-split-layout":layout}),leftWithSize,splitterWithDrag,rightWithSize)}exports.SplitPane=SplitPane},62358:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toRelativePosition=void 0;const limit_1=__webpack_require__(90627);function toRelativePosition({clientX,clientY,element}){const boundingRect=element.getBoundingClientRect(),{left,top,width=1,height=1}=boundingRect,x=limit_1.limit(clientX-left,0,width),y=limit_1.limit(clientY-top,0,height);return{x,y,width,height}}exports.toRelativePosition=toRelativePosition},63255:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDragTracker=void 0;const react_1=__webpack_require__(36672),to_relative_position_1=__webpack_require__(62358),use_pointer_drag_1=__webpack_require__(97918);function useDragTracker(containerRef){const[snapshot,setSnapshot]=react_1.useState(void 0),handleDrag=react_1.useCallback(({clientX,clientY})=>{if(!containerRef.current)return;const position=to_relative_position_1.toRelativePosition({clientX,clientY,element:containerRef.current});setSnapshot(position)},[containerRef]),[isDragging,setDragging]=use_pointer_drag_1.useDragListener(handleDrag);return[snapshot,isDragging,setDragging]}exports.useDragTracker=useDragTracker},97918:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDragListener=void 0;const react_1=__webpack_require__(36672);function useDragListener(onDrag){const draggingState=react_1.useState(!1),[isDragging,setDragging]=draggingState;return react_1.useEffect(()=>{const handleTouchMove=e=>{const{touches}=e,mainTouch=touches[0];onDrag(mainTouch)},handleMouseMove=e=>{onDrag(e)},handleDragEnded=()=>{setDragging(!1)},handleMouseEnter=e=>{e&&e.buttons===1||handleDragEnded()};return isDragging&&(document.addEventListener("mousemove",handleMouseMove),document.addEventListener("mouseup",handleDragEnded),document.addEventListener("mouseenter",handleMouseEnter),document.addEventListener("touchend",handleDragEnded),document.addEventListener("touchmove",handleTouchMove),document.addEventListener("touchcancel",handleDragEnded)),()=>{document.removeEventListener("mousemove",handleMouseMove),document.removeEventListener("mouseup",handleDragEnded),document.removeEventListener("mouseenter",handleMouseEnter),document.removeEventListener("touchend",handleDragEnded),document.removeEventListener("touchmove",handleTouchMove),document.removeEventListener("touchcancel",handleDragEnded)}},[isDragging,onDrag]),draggingState}exports.useDragListener=useDragListener},57520:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(35713),exports)},35713:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Splitter=void 0;const classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(36672)),splitter_module_scss_1=__importDefault(__webpack_require__(91442));function Splitter(_a){var{onDragging,isDragging,className}=_a,rest=__rest(_a,["onDragging","isDragging","className"]);return react_1.default.createElement("div",Object.assign({},rest,{className:classnames_1.default(splitter_module_scss_1.default.splitter,className),onMouseDown:()=>onDragging?.(!0),onTouchStart:()=>onDragging?.(!0)}))}exports.Splitter=Splitter},67639:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Heading=void 0;const react_1=__importDefault(__webpack_require__(36672));function Heading(props){const{element}=props,rest=__rest(props,["element"]),Element2=element||"h1";return react_1.default.createElement(Element2,Object.assign({"data-bit-id":"teambit.base-ui/text/heading"},rest))}exports.Heading=Heading,Heading.defaultProps={element:"h1"}},71749:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(67639),exports)},13240:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Heading=void 0;const react_1=__importDefault(__webpack_require__(36672));function Heading(_a){var{element="h1"}=_a,rest=__rest(_a,["element"]);const Element2=element;return react_1.default.createElement(Element2,Object.assign({"data-bit-id":"teambit.base-ui/text/heading"},rest))}exports.Heading=Heading},56614:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.D=void 0;var heading_1=__webpack_require__(13240);Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return heading_1.Heading}})},11243:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(98814),exports)},98814:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mutedText=exports.MutedText=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),muted_text_module_scss_1=__importDefault(__webpack_require__(3803));function MutedText(props){return react_1.default.createElement("span",Object.assign({},props,{className:classnames_1.default(muted_text_module_scss_1.default.mutedText,props.className)}))}exports.MutedText=MutedText,exports.mutedText=muted_text_module_scss_1.default.mutedText},27045:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PossibleSizes=exports.Paragraph=void 0;var paragraph_1=__webpack_require__(3987);Object.defineProperty(exports,"Paragraph",{enumerable:!0,get:function(){return paragraph_1.Paragraph}}),Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return paragraph_1.PossibleSizes}})},3987:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Paragraph=exports.PossibleSizes=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_theme_sizes_1=__webpack_require__(55e3);Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return base_ui_theme_sizes_1.PossibleSizes}});const base_ui_text_text_sizes_1=__webpack_require__(64658);function Paragraph(_a){var{className,size,element:Element2}=_a,rest=__rest(_a,["className","size","element"]);return react_1.default.createElement(Element2,Object.assign({className:classnames_1.default(base_ui_text_text_sizes_1.textSize[size],className),"data-bit-id":"teambit.base-ui/text/paragraph"},rest))}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},95071:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.fz=void 0;var paragraph_1=__webpack_require__(97621);Object.defineProperty(exports,"fz",{enumerable:!0,get:function(){return paragraph_1.Paragraph}}),__webpack_unused_export__={enumerable:!0,get:function(){return paragraph_1.PossibleSizes}}},97621:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Paragraph=exports.PossibleSizes=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_theme_sizes_1=__webpack_require__(55e3);Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return base_ui_theme_sizes_1.PossibleSizes}});const base_ui_text_text_sizes_1=__webpack_require__(64658);function Paragraph(_a){var{className,size,element:Element2}=_a,rest=__rest(_a,["className","size","element"]);return react_1.default.createElement(Element2,Object.assign({className:classnames_1.default(base_ui_text_text_sizes_1.textSize[size],className),"data-bit-id":"teambit.base-ui/text/paragraph"},rest))}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},64658:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.textSize=void 0;const text_sizes_module_scss_1=__importDefault(__webpack_require__(45945)),sizes2={xxs:text_sizes_module_scss_1.default.xxs,xs:text_sizes_module_scss_1.default.xs,sm:text_sizes_module_scss_1.default.sm,md:text_sizes_module_scss_1.default.md,lg:text_sizes_module_scss_1.default.lg,xl:text_sizes_module_scss_1.default.xl,xxl:text_sizes_module_scss_1.default.xxl};exports.textSize=sizes2},66495:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(4198),exports)},4198:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.themedText=exports.ThemedText=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),themed_text_module_scss_1=__importDefault(__webpack_require__(41291));function ThemedText(props){return react_1.default.createElement("span",Object.assign({},props,{className:classnames_1.default(props.className,themed_text_module_scss_1.default.themedText),"data-bit-id":"teambit.base-ui/text/themed-text"}))}exports.ThemedText=ThemedText,exports.themedText=themed_text_module_scss_1.default.themedText},81453:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colorPalette=void 0;const accent_color_module_scss_1=__importDefault(__webpack_require__(6646));exports.colorPalette={primary:accent_color_module_scss_1.default.primary,complementary:accent_color_module_scss_1.default.complementary,neutral:accent_color_module_scss_1.default.neutral,neutralHeavy:accent_color_module_scss_1.default.emphasized,error:accent_color_module_scss_1.default.impulsive,warning:accent_color_module_scss_1.default.hungry,success:accent_color_module_scss_1.default.success,action:accent_color_module_scss_1.default.impulsive,consider:accent_color_module_scss_1.default.hungry,continue:accent_color_module_scss_1.default.success,process:accent_color_module_scss_1.default.process}},61818:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.buildStepPalette=void 0;const accent_color_module_scss_1=__importDefault(__webpack_require__(6646));exports.buildStepPalette={success:accent_color_module_scss_1.default.success,failure:accent_color_module_scss_1.default.impulsive,pending:accent_color_module_scss_1.default.neutral,processing:accent_color_module_scss_1.default.process,skipped:accent_color_module_scss_1.default.hungry,unknown:accent_color_module_scss_1.default.neutral,SUCCESS:accent_color_module_scss_1.default.success,FAILURE:accent_color_module_scss_1.default.impulsive,PENDING:accent_color_module_scss_1.default.neutral,PROCESSING:accent_color_module_scss_1.default.process,SKIPPED:accent_color_module_scss_1.default.hungry,UNKNOWN:accent_color_module_scss_1.default.neutral}},38249:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buildStepPalette=exports.colorPalette=void 0;var accent_color_1=__webpack_require__(81453);Object.defineProperty(exports,"colorPalette",{enumerable:!0,get:function(){return accent_color_1.colorPalette}});var build_step_accents_1=__webpack_require__(61818);Object.defineProperty(exports,"buildStepPalette",{enumerable:!0,get:function(){return build_step_accents_1.buildStepPalette}})},62592:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.brands=void 0;const brand_definition_module_scss_1=__importDefault(__webpack_require__(50728)),{brands}=brand_definition_module_scss_1.default;exports.brands=brands},30831:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.primaryPalette=void 0;const color_definition_module_scss_1=__importDefault(__webpack_require__(8257)),{primaryPalette}=color_definition_module_scss_1.default;exports.primaryPalette=primaryPalette},69884:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.darkMode=void 0;const dark_theme_module_scss_1=__importDefault(__webpack_require__(48479));exports.darkMode=dark_theme_module_scss_1.default.darkMod},35104:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StaticBookFont=exports.staticBookFontUrl=exports.staticBookFontClass=void 0;const react_1=__importDefault(__webpack_require__(36672));exports.staticBookFontClass="bit-book-font",exports.staticBookFontUrl="https://static.bit.dev/fonts/book-font.css";function StaticBookFont(props){return react_1.default.createElement("link",Object.assign({rel:"prefetch"},props,{href:exports.staticBookFontUrl}))}exports.StaticBookFont=StaticBookFont},87174:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.bookFont=exports.staticBookFontUrl=exports.staticBookFontClass=exports.StaticBookFont=void 0;var book_font_link_1=__webpack_require__(35104);Object.defineProperty(exports,"StaticBookFont",{enumerable:!0,get:function(){return book_font_link_1.StaticBookFont}}),Object.defineProperty(exports,"staticBookFontClass",{enumerable:!0,get:function(){return book_font_link_1.staticBookFontClass}}),Object.defineProperty(exports,"staticBookFontUrl",{enumerable:!0,get:function(){return book_font_link_1.staticBookFontUrl}});const book_font_module_scss_1=__importDefault(__webpack_require__(28108)),{bookFont}=book_font_module_scss_1.default;exports.bookFont=bookFont},13412:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(72115),exports)},72115:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Roboto=void 0;const react_1=__importDefault(__webpack_require__(36672)),Roboto=()=>react_1.default.createElement("link",{href:"https://fonts.googleapis.com/css?family=Roboto+Mono",rel:"stylesheet"});exports.Roboto=Roboto},51198:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.headingMargins=void 0;const heading_margin_definition_module_scss_1=__importDefault(__webpack_require__(92266)),{headingMargins}=heading_margin_definition_module_scss_1.default;exports.headingMargins=headingMargins},60074:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.shadowTheme=void 0;const shadow_definition_module_scss_1=__importDefault(__webpack_require__(73633)),{shadowTheme}=shadow_definition_module_scss_1.default;exports.shadowTheme=shadowTheme},39902:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.textFontSize=exports.headingFontSize=void 0;const size_definition_module_scss_1=__importDefault(__webpack_require__(66e3)),{headingFontSize,textFontSize}=size_definition_module_scss_1.default;exports.headingFontSize=headingFontSize,exports.textFontSize=textFontSize},55e3:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PossibleSizes=void 0;var PossibleSizes;(function(PossibleSizes2){PossibleSizes2.xxs="xxs",PossibleSizes2.xs="xs",PossibleSizes2.sm="sm",PossibleSizes2.md="md",PossibleSizes2.lg="lg",PossibleSizes2.xl="xl",PossibleSizes2.xxl="xxl"})(PossibleSizes=exports.PossibleSizes||(exports.PossibleSizes={}))},7309:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Theme=void 0;var theme_provider_1=__webpack_require__(11328);Object.defineProperty(exports,"Theme",{enumerable:!0,get:function(){return theme_provider_1.Theme}})},11328:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Theme=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_theme_size_definition_1=__webpack_require__(39902),base_ui_theme_shadow_definition_1=__webpack_require__(60074),base_ui_theme_color_definition_1=__webpack_require__(30831),base_ui_theme_brand_definition_1=__webpack_require__(62592),base_ui_theme_heading_margin_definition_1=__webpack_require__(51198),base_ui_theme_fonts_book_1=__webpack_require__(87174),texts_module_scss_1=__importDefault(__webpack_require__(6518));function Theme(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(base_ui_theme_size_definition_1.headingFontSize,base_ui_theme_size_definition_1.textFontSize,base_ui_theme_fonts_book_1.bookFont,base_ui_theme_shadow_definition_1.shadowTheme,base_ui_theme_color_definition_1.primaryPalette,base_ui_theme_brand_definition_1.brands,base_ui_theme_heading_margin_definition_1.headingMargins,texts_module_scss_1.default.defaults,props.className)}))}exports.Theme=Theme},25870:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.affix=affix;function affix(prefix="",str,suffix=""){return str?`${prefix}${str}${suffix}`:""}},21812:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.affix=void 0;var affix_1=__webpack_require__(25870);Object.defineProperty(exports,"affix",{enumerable:!0,get:function(){return affix_1.affix}})},3306:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var time_ago_1=__webpack_require__(2053);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(time_ago_1).default}})},2053:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const javascript_time_ago_1=__importDefault(__webpack_require__(57154)),en_1=__importDefault(__webpack_require__(6834));exports.default=date=>{const now=new Date,versionDate=new Date(date);javascript_time_ago_1.default.addLocale(en_1.default);const timeAgo=new javascript_time_ago_1.default("en-EN"),diff=new Date(now.getTime()-versionDate.getTime()),res=timeAgo.format(now.getTime()-diff.getTime());return res.slice(0,2)==="a "?`${res[0].toUpperCase()}${res.slice(1)}`:res}},85950:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitError=void 0;class BitError extends Error{constructor(msg){super(msg||"");this.isUserError=!0,this.name=this.constructor.name}report(){return this.message}}exports.BitError=BitError},24490:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitError=void 0;var bit_error_1=__webpack_require__(85950);Object.defineProperty(exports,"BitError",{enumerable:!0,get:function(){return bit_error_1.BitError}})},69489:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentIdList=void 0;const lodash_1=__webpack_require__(92935),component_version_1=__webpack_require__(25699),component_id_1=__webpack_require__(64136);class ComponentIdList extends Array{toStringArray(){return this.map(componentId=>componentId.toString())}has(componentId){return Boolean(this.search(componentId))}hasWithoutVersion(componentId){return Boolean(this.searchWithoutVersion(componentId))}hasWithoutScopeAndVersion(componentId){return Boolean(this.searchWithoutScopeAndVersion(componentId))}search(componentId){return this.find(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope&&id._legacy.hasSameVersion(componentId._legacy))}searchWithoutVersion(componentId){return this.find(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope)}searchWithoutScopeAndVersion(componentId){return this.find(id=>id.fullName===componentId.fullName)}searchStrWithoutVersion(idStr){return this.find(id=>id.toStringWithoutVersion()===idStr)}filterExact(componentId){return this.filter(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope&&id.hasSameVersion(componentId))}filterWithoutVersion(componentId){return this.filter(id=>id.fullName===componentId.fullName&&id.scope===componentId.scope)}removeIfExist(componentId){return ComponentIdList.fromArray(this.filter(id=>!id.isEqual(componentId)))}toObject(){return this.reduce((acc,componentId)=>(acc[componentId.toString()]=componentId,acc),{})}toString(){return this.map(id=>id.toString()).join(", ")}toGroupByIdWithoutVersion(){return this.reduce((acc,current)=>{const idStrWithoutVer=current.toStringWithoutVersion();return acc[idStrWithoutVer]?acc[idStrWithoutVer].push(current):acc[idStrWithoutVer]=new ComponentIdList(current),acc},{})}toGroupByScopeName(){return this.reduce((acc,current)=>{const scopeName=current.scope;return acc[scopeName]?acc[scopeName].push(current):acc[scopeName]=new ComponentIdList(current),acc},{})}findDuplicationsIgnoreVersion(){const duplications={};return this.forEach(id=>{const sameIds=this.filterWithoutVersion(id);sameIds.length>1&&(duplications[id.toStringWithoutVersion()]=sameIds)}),duplications}add(componentIds){componentIds.forEach(componentId=>{this.search(componentId)||this.push(componentId)})}static fromArray(ids){const componentIds=new ComponentIdList;return ids.forEach(id=>componentIds.push(id)),componentIds}static uniqFromArray(componentIds){const uniq=(0,lodash_1.uniqBy)(componentIds,id=>id.toString());return ComponentIdList.fromArray(uniq)}static fromStringArray(idsStr=[]){return ComponentIdList.fromArray(idsStr.map(id=>component_id_1.ComponentID.fromString(id)))}throwForDuplicationIgnoreVersion(){this.forEach(componentId=>{const found=this.filterWithoutVersion(componentId);if(found.length>1)throw new Error(`componentIds has "${componentId.toStringWithoutVersion()}" duplicated as following:
 ${found.map(id=>id.toString()).join(`
 `)}`)})}toVersionLatest(){return ComponentIdList.uniqFromArray(this.map(id=>id.changeVersion(component_version_1.LATEST_VERSION)))}clone(){return ComponentIdList.fromArray(this.map(id=>id.clone()))}}exports.ComponentIdList=ComponentIdList},64136:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(77973),exceptions_1=__webpack_require__(22290);class ComponentID{constructor(_legacy,_scope){if(this._legacy=_legacy,this._scope=_scope,!_legacy.name)throw new Error(`ComponentID expects to get an object with "name" prop. got ${_legacy}`);if(!_scope&&!_legacy.scope)throw new exceptions_1.MissingScope(_legacy)}hasVersion(){return this._legacy.hasVersion()}get version(){return this._legacy.version}get namespace(){return this._legacy.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this._legacy.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId,this.scope)}changeDefaultScope(scopeName){return ComponentID.fromLegacy(this._legacy,scopeName)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}isEqualWithoutVersion(id){return this.isEqual(id,{ignoreVersion:!0})}isLocal(scopeName){return this._legacy.isLocal(scopeName)}hasScope(){return this._legacy.hasScope()}serialize(){return this.toObject()}static deserialize(id){return ComponentID.fromObject(id)}static isValidVersion(version){return legacy_bit_id_1.BitId.isValidVersion(version)}static getVersionFromString(id){return id.split(legacy_bit_id_1.VERSION_DELIMITER)[1]}static getStringWithoutVersion(id){return id.split(legacy_bit_id_1.VERSION_DELIMITER)[0]}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}hasSameVersion(id){return this._legacy.hasSameVersion(id._legacy)}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this._legacy.serialize();return object.scope||(object.scope=this.scope),object}clone(){return ComponentID.fromLegacy(this._legacy.clone(),this._scope)}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static isValidCompIdStr(idStr){return Boolean(ComponentID.tryFromString(idStr))}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){if(object instanceof ComponentID)throw new Error(`ComponentID.fromObject expect to get an object, got an instance of ComponentID: ${object.toString()}`);return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;const result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion?result:result&&a.hasSameVersion(b)}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}static sortIds(ids){return ids.sort((a,b)=>a.toString().localeCompare(b.toString()))}}exports.ComponentID=ComponentID},22290:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(62231);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},62231:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope is missing from a component-id "${src.toString()}".
 in case you just upgraded bit version to >= 1.2.10 and you're getting this error, please run "bit cc" and then "bit status" to fix it.
@@ -705,7 +705,7 @@ ${body}`});return`
     }
   }
   ${componentIdFields}
-`},92308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(3614);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439:()=>{"use strict"},23403:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const react_1=__importDefault(__webpack_require__(36672)),base_ui_loaders_skeleton_1=__webpack_require__(46867),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(37194));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}},48216:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),evangelist_elements_icon_1=__webpack_require__(75975),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(3356),composition_card_module_scss_1=__importDefault(__webpack_require__(99996));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass,queryParams,sandbox}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass","queryParams","sandbox"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions",sandbox}),[composition.identifier,component.id.toString(),previewClass,sandbox]);return react_1.default.createElement("div",Object.assign({key:composition.identifier},rest,{className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},23778:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=CompositionGallerySkeleton;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_loaders_skeleton_1=__webpack_require__(46867),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(77166));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}},13156:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const react_1=__importDefault(__webpack_require__(36672)),design_elements_icon_1=__webpack_require__(74148),documenter_ui_linked_heading_1=__webpack_require__(79825),base_react_navigation_link_1=__webpack_require__(42157),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(46160));function CompositionGallery({component,sandbox}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true",sandbox})))):null}},55970:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},83453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(79127);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(19854);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(26424);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(88517);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(72873);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(53588);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25243);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(25476);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(27676);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(58959);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(95977);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(80577);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(72338);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(42157);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(40968);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(37264);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(75975);return _evangelistElements=function(){return data},data}function _compositionsUi2(){const data=__webpack_require__(81253);return _compositionsUi2=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(51780));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot,usePreviewPropsSlot,enableLiveControls=!0}){const component=(0,_react().useContext)(_component().ComponentContext),componentIdStr=component.id.toString(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition,(0,_useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder)(componentIdStr,enableLiveControls);const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)(()=>enableLiveControls?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]),[collapsedCompositions,setCollapsedCompositions]=(0,_react().useState)(()=>new Set),[isDraggingTray,setIsDraggingTray]=(0,_react().useState)(!1),trayRef=(0,_react().useRef)(null),[trayHeight,setTrayHeight]=(0,_react().useState)(null),{ready,defs,values,onChange}=(0,_compositionsUi2().useLiveControls)(),onResizeStripMouseDown=(0,_react().useCallback)(e=>{if(e.button!==0)return;e.preventDefault();const startY=e.clientY,startHeight=trayRef.current?.offsetHeight??0,parentHeight=trayRef.current?.parentElement?.clientHeight??window.innerHeight,maxHeight=Math.max(120,parentHeight-80);setIsDraggingTray(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let pendingHeight=startHeight,rafScheduled=!1;const applyHeight=()=>{rafScheduled=!1,trayRef.current&&(trayRef.current.style.height=`${pendingHeight}px`)},onMove=ev=>{const delta=startY-ev.clientY;pendingHeight=Math.max(120,Math.min(maxHeight,startHeight+delta)),rafScheduled||(rafScheduled=!0,requestAnimationFrame(applyHeight))},onUp=()=>{setIsDraggingTray(!1),setTrayHeight(pendingHeight),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",onMove),document.removeEventListener("mouseup",onUp)};document.addEventListener("mousemove",onMove),document.addEventListener("mouseup",onUp)},[]);(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),(0,_react().useEffect)(()=>{if(enableLiveControls){setCompositionParams(current=>current.livecontrols===!0?current:_objectSpread(_objectSpread({},current),{},{livecontrols:!0}));return}setCompositionParams(current=>{if(!("livecontrols"in current))return current;const next=_objectSpread({},current);return delete next.livecontrols,next})},[enableLiveControls]);const currentCompositionHasControls=ready&&defs.length>0,currentCompositionIdentifier=currentComposition?.identifier,isTrayCollapsedForCurrent=!!currentCompositionIdentifier&&collapsedCompositions.has(currentCompositionIdentifier),showControlsTray=currentCompositionHasControls,isTrayCollapsed=showControlsTray&&isTrayCollapsedForCurrent,toggleTrayCollapsed=(0,_react().useCallback)(()=>{!currentCompositionIdentifier||setCollapsedCompositions(prev=>{const next=new Set(prev);return next.has(currentCompositionIdentifier)?next.delete(currentCompositionIdentifier):next.add(currentCompositionIdentifier),next})},[currentCompositionIdentifier]);return _react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_designUi4().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.toolbarButton},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement("div",{className:_compositionsModule().default.previewArea},isDraggingTray&&_react().default.createElement("div",{className:_compositionsModule().default.dragOverlay}),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>_react().default.createElement(CompositionContent,_extends({},previewAttrs,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue}))),showControlsTray&&_react().default.createElement(LiveControlsTray,{trayRef,collapsed:isTrayCollapsed,height:trayHeight,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded:toggleTrayCollapsed}))),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,hasLiveControls:currentCompositionHasControls,liveControlsActive:currentCompositionHasControls&&!isTrayCollapsedForCurrent,onToggleLiveControls:toggleTrayCollapsed,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function LiveControlsTray({trayRef,collapsed,height,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded}){const trayStyle=collapsed||height===null?void 0:{height};return _react().default.createElement("div",{ref:trayRef,className:(0,_classnames().default)(_compositionsModule().default.controlsTray,collapsed&&_compositionsModule().default.controlsTrayCollapsed),style:trayStyle},!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayResizeStrip,onMouseDown:onResizeStripMouseDown,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},_react().default.createElement("div",{className:_compositionsModule().default.trayDragBar})),_react().default.createElement("div",{className:_compositionsModule().default.trayHeaderInner,onClick:onToggleExpanded,role:"button",tabIndex:0,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),onToggleExpanded())},title:collapsed?"Click to expand":"Click to collapse"},_react().default.createElement("div",{className:_compositionsModule().default.trayTitleRow},_react().default.createElement(_evangelistElements().Icon,{of:"settings",className:_compositionsModule().default.trayIcon}),_react().default.createElement("span",{className:_compositionsModule().default.trayTitle},"Live Controls"),ready&&defs.length>0&&_react().default.createElement("span",{className:_compositionsModule().default.trayBadge},defs.length)),_react().default.createElement("span",{className:(0,_classnames().default)(_compositionsModule().default.trayCollapseIcon,collapsed&&_compositionsModule().default.trayCollapseIconCollapsed),"aria-hidden":!0},_react().default.createElement(_evangelistElements().Icon,{of:"right-rounded-corners"}))),!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayBody},ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{className:_compositionsModule().default.trayEmpty},"No live controls available for this composition")))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _ui().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _ui().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _ui().LiveControlsRenderer}}),exports.default=void 0,Object.defineProperty(exports,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return _useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder}});function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(75975);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(79127);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(39760);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(42157);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(81253);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(38913));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,onToggleLiveControls,hasLiveControls,liveControlsActive,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{setTimestamp}=(0,_compositionsUi().useLiveControls)(),shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setTimestamp(0)},[onSelect,active,setTimestamp]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,navigate,setTimestamp,versionFromQueryParams]);return _react().default.createElement("div",{className:_compositionsPanelModule().default.container},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(_compositionsPanelModule().default.compositionsList,className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.compositionItem,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.itemActions},hasLiveControls&&onToggleLiveControls&&composition===active&&_react().default.createElement(_designUi().Tooltip,{content:liveControlsActive?"Hide live controls":"Show live controls",placement:"bottom"},_react().default.createElement("button",{type:"button","aria-label":liveControlsActive?"Hide live controls":"Show live controls",className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconButton,liveControlsActive&&_compositionsPanelModule().default.actionIconActive),onClick:e=>{e.preventDefault(),e.stopPropagation(),onToggleLiveControls()}},_react().default.createElement(_evangelistElements().Icon,{of:"settings"}))),_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconLink),target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{of:"open-tab"})))))})))}},30227:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectInput=SelectInput,exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(32902);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(20473);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(80136);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(96125);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(20065);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(62996);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(90198);return _designInputs5=function(){return data},data}function _useOverlay(){const data=__webpack_require__(8228);return _useOverlay=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(23152));return _liveControlInputModule=function(){return data},data}function _overlayModule(){const data=_interopRequireDefault(__webpack_require__(52579));return _overlayModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ShortTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{className:_liveControlInputModule().default.inputText,id,value:inputValue,onChange:handleChange}))}function LongTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}))}function SelectInput({value,onChange,meta}){const triggerRef=_react().default.useRef(null),[selectedValue,setSelectedValue]=_react().default.useState(value||""),[open,setOpen]=_react().default.useState(!1);_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(o=>typeof o=="string"?{label:o,value:o}:o):[],[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label,{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,0,{paddingTop:8,paddingBottom:8}),commitSelection=v=>{onChange(v),setSelectedValue(v),setOpen(!1)};return _react().default.createElement("div",{ref:triggerRef,className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.fullWidthControl},_react().default.createElement(_designInputs3().Dropdown,{className:_liveControlInputModule().default.dropdownField,placeholderContent,open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{className:_liveControlInputModule().default.portalMenuItem,key:option.value,active:option.value===selectedValue,onClick:()=>commitSelection(option.value)},option.label)))))}function NumberInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{id,type:"number",value:inputValue,onChange:handleChange}))}function ColorPickerPortal(props){const[open,setOpen]=_react().default.useState(!1),triggerRef=_react().default.useRef(null),{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,4,{padding:16});return _react().default.createElement("div",{ref:triggerRef},_react().default.createElement(_designUiInput().ColorPicker,_extends({},props,{open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},_react().default.createElement(_designUiInput().ColorsBox,{onColorSelect:color=>{props.onColorSelect?.(color),setOpen(!1)},colorsList:props.colorsList,showNoColor:props.showNoColor,selected:props.value??""}))))}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=v=>{onChange(v),setInputValue(v)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(ColorPickerPortal,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=event=>{const nextChecked=event?.target?.checked??!isChecked;setIsChecked(nextChecked),onChange(nextChecked)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.toggleWrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.toggleControl},_react().default.createElement(_designInputs5().Toggle,{checked:isChecked,onInputChanged:handleChange})))}function RangeInput({value,onChange,meta,id}){const[inputValue,setInputValue]=_react().default.useState(typeof value=="number"?value:0);_react().default.useEffect(()=>{setInputValue(typeof value=="number"?value:0)},[value]);const handleChange=e=>{const newValue=Number(e.target.value);isNaN(newValue)||(onChange(newValue),setInputValue(newValue))};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.rangeWrapper)},_react().default.createElement("input",{id,className:_liveControlInputModule().default.rangeInput,type:"range",value:inputValue,min:meta?.min,max:meta?.max,step:meta?.step,onChange:handleChange}),_react().default.createElement("div",{className:_liveControlInputModule().default.rangeValue},inputValue))}function MultiSelectInput({value,onChange,meta,id}){const[selectedValues,setSelectedValues]=_react().default.useState(Array.isArray(value)?value:[]);_react().default.useEffect(()=>{setSelectedValues(Array.isArray(value)?value:[])},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option):[],[meta]),handleChange=e=>{const values=Array.from(e.target.selectedOptions).map(opt=>opt.value);onChange(values),setSelectedValues(values)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("select",{id,className:_liveControlInputModule().default.multiSelect,multiple:!0,value:selectedValues,onChange:handleChange},options.map(option=>_react().default.createElement("option",{key:option.value,value:option.value},option.label))))}function CustomInput({value,onChange,meta,id}){return typeof meta?.render=="function"?_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},meta.render({value,onChange,id,options:meta.renderOptions})):_react().default.createElement(ShortTextInput,{id,value,onChange})}function JsonInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"range":return RangeInput;case"multiselect":return MultiSelectInput;case"json":return JsonInput;case"custom":return CustomInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(68722));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange,renderLabel}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container)},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text"),labelContent=renderLabel?renderLabel(field):field.label||field.id;return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},labelContent)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},68414:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsDiffPanel=LiveControlsDiffPanel;function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(81253);return _compositionsUi=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(46867);return _baseUiLoaders=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(75975);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _liveControlsDiffPanelModule(){const data=_interopRequireDefault(__webpack_require__(97571));return _liveControlsDiffPanelModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const WAIT_FOR_CONTROLS_MS=1200;function LiveControlsDiffPanel({resetKey,baseChannel,compareChannel,commonLabel="Common",baseLabel="Base",compareLabel="Compare",showEmptyState=!0,onStatusChange}){const lastResetKeyRef=(0,_react().useRef)(null),[isWaitingForFreshData,setIsWaitingForFreshData]=(0,_react().useState)(!0),waitTimeoutRef=(0,_react().useRef)(null),currentKey=`${baseChannel||""}-${compareChannel||""}-${resetKey||""}`,model=(0,_react().useMemo)(()=>new(_compositionsUi()).DiffControlsModel(baseChannel,compareChannel),[baseChannel,compareChannel]),allChannels=(0,_react().useMemo)(()=>{const channels=[model.baseChannel,model.compareChannel];return channels.includes("default")||channels.push("default"),[...new Set(channels)]},[model.baseChannel,model.compareChannel]),combined=(0,_compositionsUi().useLiveControls)(allChannels),{ready:combinedReady,setTimestamp}=combined;(0,_react().useEffect)(()=>{lastResetKeyRef.current!==currentKey&&(lastResetKeyRef.current=currentKey,setIsWaitingForFreshData(!0),setTimestamp(0))},[currentKey,setTimestamp]);const channelsReady=Boolean(baseChannel&&compareChannel),registryReady=combinedReady||model.isReady,controls=model.controls,hasControls=controls.length>0,hasSubscribers=model.hasSubscribers,prevRegistryReady=(0,_react().useRef)(registryReady);(0,_react().useEffect)(()=>{registryReady&&!prevRegistryReady.current&&isWaitingForFreshData&&setIsWaitingForFreshData(!1),prevRegistryReady.current=registryReady},[registryReady,isWaitingForFreshData]),(0,_react().useEffect)(()=>{if(!channelsReady||registryReady||!isWaitingForFreshData){waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null);return}return waitTimeoutRef.current=window.setTimeout(()=>{setIsWaitingForFreshData(!1),waitTimeoutRef.current=null},WAIT_FOR_CONTROLS_MS),()=>{waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null)}},[channelsReady,registryReady,isWaitingForFreshData,currentKey]);const status=(0,_react().useMemo)(()=>channelsReady?isWaitingForFreshData?"loading":!registryReady&&!hasSubscribers?"empty":hasControls?"available":"empty":"empty",[channelsReady,isWaitingForFreshData,registryReady,hasSubscribers,hasControls]);(0,_react().useEffect)(()=>{onStatusChange?.(status)},[status,onStatusChange]);const handleChange=(0,_react().useCallback)((control,value)=>{model.updateControl(control.id,value,control.source)},[model]);if(status==="loading")return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.loader},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"68px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"52px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"72px"}));if(status==="empty")return showEmptyState?_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyState},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateIconWrap},_react().default.createElement(_evangelistElements().Icon,{of:"scan-component",className:_liveControlsDiffPanelModule().default.emptyStateIcon,"aria-hidden":!0})),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateText},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateTitle},"No live controls"),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;const commonControls=controls.filter(c=>c.source==="common"),baseControls=controls.filter(c=>c.source==="base"),compareControls=controls.filter(c=>c.source==="compare"),hasBaseOrCompare=baseControls.length>0||compareControls.length>0,hasBaseAndCompare=baseControls.length>0&&compareControls.length>0,getControlValue=control=>model.getValueForControl(control.id,control.source),renderControlList=list=>_react().default.createElement("ul",{className:_liveControlsDiffPanelModule().default.controlsList},list.map(control=>{const inputType=control.input||"text",isWideControl=inputType==="longtext"||inputType==="multiselect"||inputType==="json",InputComponent=(0,_liveControlInput().getInputComponent)(inputType),key=`${control.id}-${control.source}`,value=getControlValue(control);return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlsDiffPanelModule().default.controlRow,isWideControl&&_liveControlsDiffPanelModule().default.controlRowWide)},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlMain},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlLabel},_react().default.createElement("label",{htmlFor:`control-${key}`},control.label||control.id)),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlInput},_react().default.createElement(InputComponent,{id:`control-${key}`,value,onChange:val=>handleChange(control,val),meta:control}))))}));return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.container},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnsLayout},commonControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},commonLabel),renderControlList(commonControls)),commonControls.length>0&&hasBaseOrCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),baseControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},baseLabel),renderControlList(baseControls)),hasBaseAndCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),compareControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},compareLabel),renderControlList(compareControls))))}},57297:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsRenderer=LiveControlsRenderer;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(81253);return _compositionsUi=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControlsRenderer(){const{hasLiveControls,ready,defs,values,onChange}=(0,_compositionsUi().useLiveControls)();return hasLiveControls?ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitPortal=BitPortal,exports.useOverlay=useOverlay;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _reactDom(){const data=_interopRequireDefault(__webpack_require__(57235));return _reactDom=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const GAP=4;function useOverlay(anchorRef,open,gap=GAP,extraStyle){const[position,setPosition]=_react().default.useState("bottom"),[style,setStyle]=_react().default.useState(null);return _react().default.useLayoutEffect(()=>{if(!open||!anchorRef.current)return;const rect=anchorRef.current.getBoundingClientRect(),below=window.innerHeight-rect.bottom-gap,above=rect.top-gap,pos=below<240&&above>below?"top":"bottom";setPosition(pos),setStyle(_objectSpread(_objectSpread({},extraStyle),{},{left:rect.left,maxWidth:rect.width,maxHeight:240,top:pos==="bottom"?rect.bottom+gap:void 0,bottom:pos==="top"?window.innerHeight-rect.top+gap:void 0}))},[open]),{position,style}}function BitPortal({children}){return _reactDom().default.createPortal(children,document.body)}},489:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _liveControlPanel().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _liveControlsDiffPanel().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _liveControlsRenderer().LiveControlsRenderer}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _liveControlsDiffPanel(){const data=__webpack_require__(68414);return _liveControlsDiffPanel=function(){return data},data}function _liveControlsRenderer(){const data=__webpack_require__(57297);return _liveControlsRenderer=function(){return data},data}},39809:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDefaultControlsSchemaResponder=useDefaultControlsSchemaResponder;function _react(){const data=__webpack_require__(36672);return _react=function(){return data},data}function _apiReferenceHooks(){const data=__webpack_require__(76851);return _apiReferenceHooks=function(){return data},data}const DEFAULT_CONTROLS_REQUEST="composition-live-controls:request-default-controls",DEFAULT_CONTROLS_RESPONSE="composition-live-controls:default-controls";function useDefaultControlsSchemaResponder(componentId,enabled=!0){const pendingRequestsRef=(0,_react().useRef)([]),apiComponentId=enabled&&componentId?componentId:void 0,{apiModel}=(0,_apiReferenceHooks().useAPI)(apiComponentId,[],{skipInternals:!1}),schemaObject=(0,_react().useMemo)(()=>apiModel?._api?.toObject(),[apiModel]),respondWithSchema=(0,_react().useCallback)(request=>{if(!schemaObject)return!1;try{return request.source.postMessage({type:DEFAULT_CONTROLS_RESPONSE,payload:{id:request.id,name:request.name,schema:schemaObject}},request.origin||"*"),!0}catch{return!1}},[schemaObject]),onDefaultControlsRequest=(0,_react().useCallback)(event=>{if(!enabled||!componentId)return;const{data}=event;if(!data||data.type!==DEFAULT_CONTROLS_REQUEST)return;const payload=data.payload;if(!payload?.id||!payload?.name||payload.id!==componentId)return;const source=event.source;if(!source||source===window)return;const request={id:payload.id,name:payload.name,source,origin:event.origin||"*"};if(!schemaObject){pendingRequestsRef.current.push(request);return}respondWithSchema(request)},[componentId,enabled,respondWithSchema,schemaObject]);(0,_react().useEffect)(()=>{if(!enabled||!componentId){pendingRequestsRef.current=[];return}return window.addEventListener("message",onDefaultControlsRequest),()=>{window.removeEventListener("message",onDefaultControlsRequest)}},[componentId,enabled,onDefaultControlsRequest]),(0,_react().useEffect)(()=>{if(!schemaObject||pendingRequestsRef.current.length===0)return;const pending=pendingRequestsRef.current;pendingRequestsRef.current=[],pending.forEach(respondWithSchema)},[schemaObject,respondWithSchema])}},10623:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const react_1=__importDefault(__webpack_require__(36672)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(_a){var{account}=_a,rest=__rest(_a,["account"]);if(!account)return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest));const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({account:accountObj},rest)):type==="org"?react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({account:accountObj},rest)):react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest))}},19963:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=DefaultAvatar;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),styles_module_scss_1=__importDefault(__webpack_require__(67465));function DefaultAvatar(_a){var{size=32,children,className}=_a,rest=__rest(_a,["size","children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?",children)}},19988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=exports.Avatar=exports.AccountTypes=void 0;var avatar_1=__webpack_require__(10623);Object.defineProperty(exports,"AccountTypes",{enumerable:!0,get:function(){return avatar_1.AccountTypes}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return avatar_1.Avatar}});var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(19963);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},71962:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrgAvatar=OrgAvatar;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(67465));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,widthStretch=!0,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","widthStretch","children"]);const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor,widthStretch);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,imgClassName)}),!profileImage&&react_1.default.createElement("span",{className:styles_module_scss_1.default.defaultAvatar},react_1.default.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})),children)}},82823:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserAvatar=UserAvatar;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),design_elements_icon_1=__webpack_require__(74148),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(89632),design_ui_styles_ellipsis_1=__webpack_require__(3356),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(67465));function UserAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",extendTooltipContent,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","extendTooltipContent","children"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&react_1.default.createElement("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_1.getInitials)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react_1.default.createElement(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children);return showTooltip?react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:react_1.default.createElement("div",{className:design_ui_styles_ellipsis_1.ellipsis},react_1.default.createElement("span",null,displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name)),extendTooltipContent)},avatar):avatar}},52464:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(3306)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(60952));function TimeAgo(_a){var{date,tooltip,className}=_a,rest=__rest(_a,["date","tooltip","className"]);const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:react_1.default.createElement("div",{className:time_ago_module_scss_1.default.dateTooltipContent},tooltip)},element))(react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(className)}),formatted))}},62634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(96736);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const react_1=__importDefault(__webpack_require__(36672));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}},333:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const react_1=__importStar(__webpack_require__(36672)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const react_1=__importDefault(__webpack_require__(36672)),react_2=__webpack_require__(96736),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider(_a){var{children,disabled,overrides}=_a,rest=__rest(_a,["children","disabled","overrides"]);const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(tooltip_1.Tooltip,Object.assign({},rest,{singleton:tooltipSource})),react_1.default.createElement(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget},children))}},29:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=Tooltip;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(25243),base_ui_theme_dark_theme_1=__webpack_require__(69884),react_2=__importDefault(__webpack_require__(96736)),tippy_js_1=__webpack_require__(16406);__webpack_require__(13268),__webpack_require__(82276);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(96077);const THEME="teambit",popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip(_a){var{children,breakline,singleton,visibleOnMobile,className}=_a,rest=__rest(_a,["children","breakline","singleton","visibleOnMobile","className"]);const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return react_1.default.createElement(react_1.default.Fragment,null,children);const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=typeof children=="string"?react_1.default.createElement("span",null,children):children;return react_1.default.createElement(react_2.default,Object.assign({arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions},rest,{singleton:singletonInstance}),child)}},68515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(77182);exports.docsFields=(0,client_1.gql)`
+`},92308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(3614);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439:()=>{"use strict"},23403:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const react_1=__importDefault(__webpack_require__(36672)),base_ui_loaders_skeleton_1=__webpack_require__(46867),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(37194));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}},48216:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),evangelist_elements_icon_1=__webpack_require__(75975),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(3356),composition_card_module_scss_1=__importDefault(__webpack_require__(99996));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass,queryParams,sandbox}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass","queryParams","sandbox"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions",sandbox}),[composition.identifier,component.id.toString(),previewClass,sandbox]);return react_1.default.createElement("div",Object.assign({key:composition.identifier},rest,{className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},23778:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=CompositionGallerySkeleton;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_loaders_skeleton_1=__webpack_require__(46867),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(77166));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}},13156:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const react_1=__importDefault(__webpack_require__(36672)),design_elements_icon_1=__webpack_require__(74148),documenter_ui_linked_heading_1=__webpack_require__(79825),base_react_navigation_link_1=__webpack_require__(42157),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(46160));function CompositionGallery({component,sandbox}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true",sandbox})))):null}},55970:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},83453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(79127);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(19854);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(26424);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(10898);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(72873);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(53588);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25243);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(25476);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(27676);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(58959);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(95977);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(80577);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(72338);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(42157);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(40968);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(37264);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(75975);return _evangelistElements=function(){return data},data}function _compositionsUi2(){const data=__webpack_require__(81253);return _compositionsUi2=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(51780));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot,usePreviewPropsSlot,enableLiveControls=!0}){const component=(0,_react().useContext)(_component().ComponentContext),componentIdStr=component.id.toString(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition,(0,_useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder)(componentIdStr,enableLiveControls);const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)(()=>enableLiveControls?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]),[collapsedCompositions,setCollapsedCompositions]=(0,_react().useState)(()=>new Set),[isDraggingTray,setIsDraggingTray]=(0,_react().useState)(!1),trayRef=(0,_react().useRef)(null),[trayHeight,setTrayHeight]=(0,_react().useState)(null),{ready,defs,values,onChange}=(0,_compositionsUi2().useLiveControls)(),onResizeStripMouseDown=(0,_react().useCallback)(e=>{if(e.button!==0)return;e.preventDefault();const startY=e.clientY,startHeight=trayRef.current?.offsetHeight??0,parentHeight=trayRef.current?.parentElement?.clientHeight??window.innerHeight,maxHeight=Math.max(120,parentHeight-80);setIsDraggingTray(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let pendingHeight=startHeight,rafScheduled=!1;const applyHeight=()=>{rafScheduled=!1,trayRef.current&&(trayRef.current.style.height=`${pendingHeight}px`)},onMove=ev=>{const delta=startY-ev.clientY;pendingHeight=Math.max(120,Math.min(maxHeight,startHeight+delta)),rafScheduled||(rafScheduled=!0,requestAnimationFrame(applyHeight))},onUp=()=>{setIsDraggingTray(!1),setTrayHeight(pendingHeight),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",onMove),document.removeEventListener("mouseup",onUp)};document.addEventListener("mousemove",onMove),document.addEventListener("mouseup",onUp)},[]);(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),(0,_react().useEffect)(()=>{if(enableLiveControls){setCompositionParams(current=>current.livecontrols===!0?current:_objectSpread(_objectSpread({},current),{},{livecontrols:!0}));return}setCompositionParams(current=>{if(!("livecontrols"in current))return current;const next=_objectSpread({},current);return delete next.livecontrols,next})},[enableLiveControls]);const currentCompositionHasControls=ready&&defs.length>0,currentCompositionIdentifier=currentComposition?.identifier,isTrayCollapsedForCurrent=!!currentCompositionIdentifier&&collapsedCompositions.has(currentCompositionIdentifier),showControlsTray=currentCompositionHasControls,isTrayCollapsed=showControlsTray&&isTrayCollapsedForCurrent,toggleTrayCollapsed=(0,_react().useCallback)(()=>{!currentCompositionIdentifier||setCollapsedCompositions(prev=>{const next=new Set(prev);return next.has(currentCompositionIdentifier)?next.delete(currentCompositionIdentifier):next.add(currentCompositionIdentifier),next})},[currentCompositionIdentifier]);return _react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_designUi4().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.toolbarButton},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement("div",{className:_compositionsModule().default.previewArea},isDraggingTray&&_react().default.createElement("div",{className:_compositionsModule().default.dragOverlay}),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>_react().default.createElement(CompositionContent,_extends({},previewAttrs,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue}))),showControlsTray&&_react().default.createElement(LiveControlsTray,{trayRef,collapsed:isTrayCollapsed,height:trayHeight,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded:toggleTrayCollapsed}))),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,hasLiveControls:currentCompositionHasControls,liveControlsActive:currentCompositionHasControls&&!isTrayCollapsedForCurrent,onToggleLiveControls:toggleTrayCollapsed,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function LiveControlsTray({trayRef,collapsed,height,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded}){const trayStyle=collapsed||height===null?void 0:{height};return _react().default.createElement("div",{ref:trayRef,className:(0,_classnames().default)(_compositionsModule().default.controlsTray,collapsed&&_compositionsModule().default.controlsTrayCollapsed),style:trayStyle},!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayResizeStrip,onMouseDown:onResizeStripMouseDown,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},_react().default.createElement("div",{className:_compositionsModule().default.trayDragBar})),_react().default.createElement("div",{className:_compositionsModule().default.trayHeaderInner,onClick:onToggleExpanded,role:"button",tabIndex:0,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),onToggleExpanded())},title:collapsed?"Click to expand":"Click to collapse"},_react().default.createElement("div",{className:_compositionsModule().default.trayTitleRow},_react().default.createElement(_evangelistElements().Icon,{of:"settings",className:_compositionsModule().default.trayIcon}),_react().default.createElement("span",{className:_compositionsModule().default.trayTitle},"Live Controls"),ready&&defs.length>0&&_react().default.createElement("span",{className:_compositionsModule().default.trayBadge},defs.length)),_react().default.createElement("span",{className:(0,_classnames().default)(_compositionsModule().default.trayCollapseIcon,collapsed&&_compositionsModule().default.trayCollapseIconCollapsed),"aria-hidden":!0},_react().default.createElement(_evangelistElements().Icon,{of:"right-rounded-corners"}))),!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayBody},ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{className:_compositionsModule().default.trayEmpty},"No live controls available for this composition")))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _ui().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _ui().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _ui().LiveControlsRenderer}}),exports.default=void 0,Object.defineProperty(exports,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return _useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder}});function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(75975);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(79127);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(39760);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(42157);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(81253);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(38913));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,onToggleLiveControls,hasLiveControls,liveControlsActive,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{setTimestamp}=(0,_compositionsUi().useLiveControls)(),shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setTimestamp(0)},[onSelect,active,setTimestamp]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,navigate,setTimestamp,versionFromQueryParams]);return _react().default.createElement("div",{className:_compositionsPanelModule().default.container},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(_compositionsPanelModule().default.compositionsList,className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.compositionItem,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.itemActions},hasLiveControls&&onToggleLiveControls&&composition===active&&_react().default.createElement(_designUi().Tooltip,{content:liveControlsActive?"Hide live controls":"Show live controls",placement:"bottom"},_react().default.createElement("button",{type:"button","aria-label":liveControlsActive?"Hide live controls":"Show live controls",className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconButton,liveControlsActive&&_compositionsPanelModule().default.actionIconActive),onClick:e=>{e.preventDefault(),e.stopPropagation(),onToggleLiveControls()}},_react().default.createElement(_evangelistElements().Icon,{of:"settings"}))),_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconLink),target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{of:"open-tab"})))))})))}},30227:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectInput=SelectInput,exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(32902);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(20473);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(80136);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(96125);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(20065);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(62996);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(90198);return _designInputs5=function(){return data},data}function _useOverlay(){const data=__webpack_require__(8228);return _useOverlay=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(23152));return _liveControlInputModule=function(){return data},data}function _overlayModule(){const data=_interopRequireDefault(__webpack_require__(52579));return _overlayModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ShortTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{className:_liveControlInputModule().default.inputText,id,value:inputValue,onChange:handleChange}))}function LongTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}))}function SelectInput({value,onChange,meta}){const triggerRef=_react().default.useRef(null),[selectedValue,setSelectedValue]=_react().default.useState(value||""),[open,setOpen]=_react().default.useState(!1);_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(o=>typeof o=="string"?{label:o,value:o}:o):[],[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label,{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,0,{paddingTop:8,paddingBottom:8}),commitSelection=v=>{onChange(v),setSelectedValue(v),setOpen(!1)};return _react().default.createElement("div",{ref:triggerRef,className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.fullWidthControl},_react().default.createElement(_designInputs3().Dropdown,{className:_liveControlInputModule().default.dropdownField,placeholderContent,open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{className:_liveControlInputModule().default.portalMenuItem,key:option.value,active:option.value===selectedValue,onClick:()=>commitSelection(option.value)},option.label)))))}function NumberInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{id,type:"number",value:inputValue,onChange:handleChange}))}function ColorPickerPortal(props){const[open,setOpen]=_react().default.useState(!1),triggerRef=_react().default.useRef(null),{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,4,{padding:16});return _react().default.createElement("div",{ref:triggerRef},_react().default.createElement(_designUiInput().ColorPicker,_extends({},props,{open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},_react().default.createElement(_designUiInput().ColorsBox,{onColorSelect:color=>{props.onColorSelect?.(color),setOpen(!1)},colorsList:props.colorsList,showNoColor:props.showNoColor,selected:props.value??""}))))}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=v=>{onChange(v),setInputValue(v)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(ColorPickerPortal,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=event=>{const nextChecked=event?.target?.checked??!isChecked;setIsChecked(nextChecked),onChange(nextChecked)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.toggleWrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.toggleControl},_react().default.createElement(_designInputs5().Toggle,{checked:isChecked,onInputChanged:handleChange})))}function RangeInput({value,onChange,meta,id}){const[inputValue,setInputValue]=_react().default.useState(typeof value=="number"?value:0);_react().default.useEffect(()=>{setInputValue(typeof value=="number"?value:0)},[value]);const handleChange=e=>{const newValue=Number(e.target.value);isNaN(newValue)||(onChange(newValue),setInputValue(newValue))};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.rangeWrapper)},_react().default.createElement("input",{id,className:_liveControlInputModule().default.rangeInput,type:"range",value:inputValue,min:meta?.min,max:meta?.max,step:meta?.step,onChange:handleChange}),_react().default.createElement("div",{className:_liveControlInputModule().default.rangeValue},inputValue))}function MultiSelectInput({value,onChange,meta,id}){const[selectedValues,setSelectedValues]=_react().default.useState(Array.isArray(value)?value:[]);_react().default.useEffect(()=>{setSelectedValues(Array.isArray(value)?value:[])},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option):[],[meta]),handleChange=e=>{const values=Array.from(e.target.selectedOptions).map(opt=>opt.value);onChange(values),setSelectedValues(values)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("select",{id,className:_liveControlInputModule().default.multiSelect,multiple:!0,value:selectedValues,onChange:handleChange},options.map(option=>_react().default.createElement("option",{key:option.value,value:option.value},option.label))))}function CustomInput({value,onChange,meta,id}){return typeof meta?.render=="function"?_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},meta.render({value,onChange,id,options:meta.renderOptions})):_react().default.createElement(ShortTextInput,{id,value,onChange})}function JsonInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"range":return RangeInput;case"multiselect":return MultiSelectInput;case"json":return JsonInput;case"custom":return CustomInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(68722));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange,renderLabel}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container)},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text"),labelContent=renderLabel?renderLabel(field):field.label||field.id;return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},labelContent)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},68414:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsDiffPanel=LiveControlsDiffPanel;function _react(){const data=_interopRequireWildcard(__webpack_require__(36672));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(81253);return _compositionsUi=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(46867);return _baseUiLoaders=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(75975);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _liveControlsDiffPanelModule(){const data=_interopRequireDefault(__webpack_require__(97571));return _liveControlsDiffPanelModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const WAIT_FOR_CONTROLS_MS=1200;function LiveControlsDiffPanel({resetKey,baseChannel,compareChannel,commonLabel="Common",baseLabel="Base",compareLabel="Compare",showEmptyState=!0,onStatusChange}){const lastResetKeyRef=(0,_react().useRef)(null),[isWaitingForFreshData,setIsWaitingForFreshData]=(0,_react().useState)(!0),waitTimeoutRef=(0,_react().useRef)(null),currentKey=`${baseChannel||""}-${compareChannel||""}-${resetKey||""}`,model=(0,_react().useMemo)(()=>new(_compositionsUi()).DiffControlsModel(baseChannel,compareChannel),[baseChannel,compareChannel]),allChannels=(0,_react().useMemo)(()=>{const channels=[model.baseChannel,model.compareChannel];return channels.includes("default")||channels.push("default"),[...new Set(channels)]},[model.baseChannel,model.compareChannel]),combined=(0,_compositionsUi().useLiveControls)(allChannels),{ready:combinedReady,setTimestamp}=combined;(0,_react().useEffect)(()=>{lastResetKeyRef.current!==currentKey&&(lastResetKeyRef.current=currentKey,setIsWaitingForFreshData(!0),setTimestamp(0))},[currentKey,setTimestamp]);const channelsReady=Boolean(baseChannel&&compareChannel),registryReady=combinedReady||model.isReady,controls=model.controls,hasControls=controls.length>0,hasSubscribers=model.hasSubscribers,prevRegistryReady=(0,_react().useRef)(registryReady);(0,_react().useEffect)(()=>{registryReady&&!prevRegistryReady.current&&isWaitingForFreshData&&setIsWaitingForFreshData(!1),prevRegistryReady.current=registryReady},[registryReady,isWaitingForFreshData]),(0,_react().useEffect)(()=>{if(!channelsReady||registryReady||!isWaitingForFreshData){waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null);return}return waitTimeoutRef.current=window.setTimeout(()=>{setIsWaitingForFreshData(!1),waitTimeoutRef.current=null},WAIT_FOR_CONTROLS_MS),()=>{waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null)}},[channelsReady,registryReady,isWaitingForFreshData,currentKey]);const status=(0,_react().useMemo)(()=>channelsReady?isWaitingForFreshData?"loading":!registryReady&&!hasSubscribers?"empty":hasControls?"available":"empty":"empty",[channelsReady,isWaitingForFreshData,registryReady,hasSubscribers,hasControls]);(0,_react().useEffect)(()=>{onStatusChange?.(status)},[status,onStatusChange]);const handleChange=(0,_react().useCallback)((control,value)=>{model.updateControl(control.id,value,control.source)},[model]);if(status==="loading")return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.loader},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"68px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"52px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"72px"}));if(status==="empty")return showEmptyState?_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyState},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateIconWrap},_react().default.createElement(_evangelistElements().Icon,{of:"scan-component",className:_liveControlsDiffPanelModule().default.emptyStateIcon,"aria-hidden":!0})),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateText},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateTitle},"No live controls"),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;const commonControls=controls.filter(c=>c.source==="common"),baseControls=controls.filter(c=>c.source==="base"),compareControls=controls.filter(c=>c.source==="compare"),hasBaseOrCompare=baseControls.length>0||compareControls.length>0,hasBaseAndCompare=baseControls.length>0&&compareControls.length>0,getControlValue=control=>model.getValueForControl(control.id,control.source),renderControlList=list=>_react().default.createElement("ul",{className:_liveControlsDiffPanelModule().default.controlsList},list.map(control=>{const inputType=control.input||"text",isWideControl=inputType==="longtext"||inputType==="multiselect"||inputType==="json",InputComponent=(0,_liveControlInput().getInputComponent)(inputType),key=`${control.id}-${control.source}`,value=getControlValue(control);return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlsDiffPanelModule().default.controlRow,isWideControl&&_liveControlsDiffPanelModule().default.controlRowWide)},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlMain},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlLabel},_react().default.createElement("label",{htmlFor:`control-${key}`},control.label||control.id)),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlInput},_react().default.createElement(InputComponent,{id:`control-${key}`,value,onChange:val=>handleChange(control,val),meta:control}))))}));return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.container},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnsLayout},commonControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},commonLabel),renderControlList(commonControls)),commonControls.length>0&&hasBaseOrCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),baseControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},baseLabel),renderControlList(baseControls)),hasBaseAndCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),compareControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},compareLabel),renderControlList(compareControls))))}},57297:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsRenderer=LiveControlsRenderer;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(81253);return _compositionsUi=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControlsRenderer(){const{hasLiveControls,ready,defs,values,onChange}=(0,_compositionsUi().useLiveControls)();return hasLiveControls?ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitPortal=BitPortal,exports.useOverlay=useOverlay;function _react(){const data=_interopRequireDefault(__webpack_require__(36672));return _react=function(){return data},data}function _reactDom(){const data=_interopRequireDefault(__webpack_require__(57235));return _reactDom=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const GAP=4;function useOverlay(anchorRef,open,gap=GAP,extraStyle){const[position,setPosition]=_react().default.useState("bottom"),[style,setStyle]=_react().default.useState(null);return _react().default.useLayoutEffect(()=>{if(!open||!anchorRef.current)return;const rect=anchorRef.current.getBoundingClientRect(),below=window.innerHeight-rect.bottom-gap,above=rect.top-gap,pos=below<240&&above>below?"top":"bottom";setPosition(pos),setStyle(_objectSpread(_objectSpread({},extraStyle),{},{left:rect.left,maxWidth:rect.width,maxHeight:240,top:pos==="bottom"?rect.bottom+gap:void 0,bottom:pos==="top"?window.innerHeight-rect.top+gap:void 0}))},[open]),{position,style}}function BitPortal({children}){return _reactDom().default.createPortal(children,document.body)}},489:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _liveControlPanel().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _liveControlsDiffPanel().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _liveControlsRenderer().LiveControlsRenderer}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _liveControlsDiffPanel(){const data=__webpack_require__(68414);return _liveControlsDiffPanel=function(){return data},data}function _liveControlsRenderer(){const data=__webpack_require__(57297);return _liveControlsRenderer=function(){return data},data}},39809:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDefaultControlsSchemaResponder=useDefaultControlsSchemaResponder;function _react(){const data=__webpack_require__(36672);return _react=function(){return data},data}function _apiReferenceHooks(){const data=__webpack_require__(76851);return _apiReferenceHooks=function(){return data},data}const DEFAULT_CONTROLS_REQUEST="composition-live-controls:request-default-controls",DEFAULT_CONTROLS_RESPONSE="composition-live-controls:default-controls";function useDefaultControlsSchemaResponder(componentId,enabled=!0){const pendingRequestsRef=(0,_react().useRef)([]),apiComponentId=enabled&&componentId?componentId:void 0,{apiModel}=(0,_apiReferenceHooks().useAPI)(apiComponentId,[],{skipInternals:!1}),schemaObject=(0,_react().useMemo)(()=>apiModel?._api?.toObject(),[apiModel]),respondWithSchema=(0,_react().useCallback)(request=>{if(!schemaObject)return!1;try{return request.source.postMessage({type:DEFAULT_CONTROLS_RESPONSE,payload:{id:request.id,name:request.name,schema:schemaObject}},request.origin||"*"),!0}catch{return!1}},[schemaObject]),onDefaultControlsRequest=(0,_react().useCallback)(event=>{if(!enabled||!componentId)return;const{data}=event;if(!data||data.type!==DEFAULT_CONTROLS_REQUEST)return;const payload=data.payload;if(!payload?.id||!payload?.name||payload.id!==componentId)return;const source=event.source;if(!source||source===window)return;const request={id:payload.id,name:payload.name,source,origin:event.origin||"*"};if(!schemaObject){pendingRequestsRef.current.push(request);return}respondWithSchema(request)},[componentId,enabled,respondWithSchema,schemaObject]);(0,_react().useEffect)(()=>{if(!enabled||!componentId){pendingRequestsRef.current=[];return}return window.addEventListener("message",onDefaultControlsRequest),()=>{window.removeEventListener("message",onDefaultControlsRequest)}},[componentId,enabled,onDefaultControlsRequest]),(0,_react().useEffect)(()=>{if(!schemaObject||pendingRequestsRef.current.length===0)return;const pending=pendingRequestsRef.current;pendingRequestsRef.current=[],pending.forEach(respondWithSchema)},[schemaObject,respondWithSchema])}},10623:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const react_1=__importDefault(__webpack_require__(36672)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(_a){var{account}=_a,rest=__rest(_a,["account"]);if(!account)return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest));const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({account:accountObj},rest)):type==="org"?react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({account:accountObj},rest)):react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest))}},19963:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=DefaultAvatar;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),styles_module_scss_1=__importDefault(__webpack_require__(67465));function DefaultAvatar(_a){var{size=32,children,className}=_a,rest=__rest(_a,["size","children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?",children)}},19988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=exports.Avatar=exports.AccountTypes=void 0;var avatar_1=__webpack_require__(10623);Object.defineProperty(exports,"AccountTypes",{enumerable:!0,get:function(){return avatar_1.AccountTypes}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return avatar_1.Avatar}});var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(19963);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},71962:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrgAvatar=OrgAvatar;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(67465));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,widthStretch=!0,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","widthStretch","children"]);const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor,widthStretch);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,imgClassName)}),!profileImage&&react_1.default.createElement("span",{className:styles_module_scss_1.default.defaultAvatar},react_1.default.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})),children)}},82823:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserAvatar=UserAvatar;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),design_elements_icon_1=__webpack_require__(74148),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(89632),design_ui_styles_ellipsis_1=__webpack_require__(3356),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(67465));function UserAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",extendTooltipContent,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","extendTooltipContent","children"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&react_1.default.createElement("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_1.getInitials)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react_1.default.createElement(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children);return showTooltip?react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:react_1.default.createElement("div",{className:design_ui_styles_ellipsis_1.ellipsis},react_1.default.createElement("span",null,displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name)),extendTooltipContent)},avatar):avatar}},52464:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const react_1=__importStar(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(3306)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(60952));function TimeAgo(_a){var{date,tooltip,className}=_a,rest=__rest(_a,["date","tooltip","className"]);const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:react_1.default.createElement("div",{className:time_ago_module_scss_1.default.dateTooltipContent},tooltip)},element))(react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(className)}),formatted))}},62634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(96736);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const react_1=__importDefault(__webpack_require__(36672));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}},333:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const react_1=__importStar(__webpack_require__(36672)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const react_1=__importDefault(__webpack_require__(36672)),react_2=__webpack_require__(96736),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider(_a){var{children,disabled,overrides}=_a,rest=__rest(_a,["children","disabled","overrides"]);const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(tooltip_1.Tooltip,Object.assign({},rest,{singleton:tooltipSource})),react_1.default.createElement(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget},children))}},29:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=Tooltip;const react_1=__importDefault(__webpack_require__(36672)),classnames_1=__importDefault(__webpack_require__(97500)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(25243),base_ui_theme_dark_theme_1=__webpack_require__(69884),react_2=__importDefault(__webpack_require__(96736)),tippy_js_1=__webpack_require__(16406);__webpack_require__(13268),__webpack_require__(82276);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(96077);const THEME="teambit",popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip(_a){var{children,breakline,singleton,visibleOnMobile,className}=_a,rest=__rest(_a,["children","breakline","singleton","visibleOnMobile","className"]);const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return react_1.default.createElement(react_1.default.Fragment,null,children);const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=typeof children=="string"?react_1.default.createElement("span",null,children):children;return react_1.default.createElement(react_2.default,Object.assign({arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions},rest,{singleton:singletonInstance}),child)}},68515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(77182);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {